:root{
  --pp-trail-ink:var(--pp-heading,#111817);
  --pp-trail-paper:var(--pp-page,#f7f5ef);
  --pp-trail-soft:var(--pp-soft,#edf1e6);
  --pp-trail-peach:var(--pp-panel,#f4dfcf);
  --pp-trail-orange:var(--pp-action,#a95122);
  --pp-trail-border:var(--pp-border,#24312c);
  --pp-trail-focus:var(--pp-focus,#3d79a8);
}

@view-transition{navigation:auto;}

::view-transition-old(root){animation:pp-trail-out .18s ease both;}
::view-transition-new(root){animation:pp-trail-in .34s ease both;}

@keyframes pp-trail-out{to{opacity:0;transform:translateX(-14px);}}
@keyframes pp-trail-in{from{opacity:0;transform:translateX(18px);}}

.pp-has-reading-trail .entry-title{view-transition-name:pp-trail-title;}

.pp-trail-marker{
  max-width:780px;
  margin:0 auto 24px;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:0;
  text-transform:uppercase;
}

.pp-trail-marker a,.pp-trail-marker span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 11px;
  border:1px solid color-mix(in srgb,var(--pp-trail-border),transparent 62%);
  border-radius:999px;
  background:var(--pp-trail-soft);
  color:var(--pp-trail-orange)!important;
  text-decoration:none!important;
}

.pp-trail-choices{
  max-width:780px;
  margin:48px auto 26px;
  padding:0;
  border-top:3px solid var(--pp-trail-border);
}

.pp-trail-choices__intro{
  display:grid;
  grid-template-columns:minmax(150px,.36fr) 1fr;
  gap:22px;
  align-items:end;
  padding:26px 0 22px;
}

.pp-trail-choices__eyebrow,.pp-trail-guide__eyebrow{
  margin:0!important;
  color:var(--pp-trail-orange)!important;
  font-size:.78rem!important;
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
}

.pp-trail-choices h2{
  margin:0!important;
  font-size:clamp(30px,4vw,44px)!important;
  line-height:1.02!important;
}

.pp-trail-choices__list,.pp-trail-guide__doors{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.pp-trail-choice,.pp-trail-door{
  position:relative;
  display:flex;
  min-height:100%;
  flex-direction:column;
  padding:22px 52px 22px 22px;
  border:2px solid var(--pp-trail-border);
  border-radius:6px;
  background:var(--pp-trail-paper);
  color:var(--pp-trail-ink)!important;
  text-decoration:none!important;
  transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;
}

.pp-trail-choice:hover,.pp-trail-choice:focus-visible,
.pp-trail-door:hover,.pp-trail-door:focus-visible{
  transform:translateY(-2px);
  background:var(--pp-trail-ink);
  color:#fff!important;
  outline:3px solid color-mix(in srgb,var(--pp-trail-focus),transparent 62%);
  outline-offset:3px;
}

.pp-trail-choice.is-chosen,.pp-trail-door.is-chosen{
  transform:translateY(1px);
  background:var(--pp-trail-peach);
  color:var(--pp-trail-ink)!important;
}

.pp-trail-choice__label,.pp-trail-door__title{
  display:block;
  font-size:1.18rem;
  font-weight:900;
  line-height:1.14;
}

.pp-trail-choice__preview,.pp-trail-door__preview{
  display:block;
  margin-top:12px;
  color:inherit;
  font-size:.96rem;
  line-height:1.55;
}

.pp-trail-choice__arrow,.pp-trail-door__arrow{
  position:absolute;
  right:20px;
  bottom:18px;
  font-size:1.45rem;
  font-weight:900;
}

.pp-trail-choices__return{
  display:inline-block;
  margin-top:18px;
  color:var(--pp-trail-orange)!important;
  font-weight:800;
  text-underline-offset:.2em;
}

.pp-trail-guide{
  width:100%;
  margin:42px auto 0;
}

.pp-trail-guide__intro{
  display:grid;
  grid-template-columns:minmax(150px,.34fr) 1fr;
  gap:26px;
  align-items:start;
  padding:36px 0;
  border-top:3px solid var(--pp-trail-border);
}

.pp-trail-guide__intro h2{
  margin:0 0 16px!important;
  font-size:clamp(34px,5vw,56px)!important;
  line-height:1!important;
}

.pp-trail-guide__intro > p:last-child{
  grid-column:2;
  margin:0!important;
  max-width:58ch;
}

.pp-trail-guide__doors{grid-template-columns:repeat(3,minmax(0,1fr));}

.pp-trail-guide__doors li:nth-child(odd) .pp-trail-door{
  background:var(--pp-trail-ink);
  color:#fff!important;
}

.pp-trail-guide__doors li:nth-child(odd) .pp-trail-door:hover,
.pp-trail-guide__doors li:nth-child(odd) .pp-trail-door:focus-visible{
  background:var(--pp-trail-peach);
  color:var(--pp-trail-ink)!important;
}

.pp-trail-guide__map{
  margin:30px 0 0;
  padding:18px 0;
  border-top:1px solid color-mix(in srgb,var(--pp-trail-border),transparent 74%);
  border-bottom:1px solid color-mix(in srgb,var(--pp-trail-border),transparent 74%);
}

.pp-trail-guide__map summary{cursor:pointer;font-weight:850;}
.pp-trail-guide__map ol{margin:18px 0 0!important;padding-left:1.4em!important;}
.pp-trail-guide__map li{margin-bottom:8px;}

.pp-has-reading-trail .pp-single-trails,
.pp-has-reading-trail .ast-related-posts-wrapper{
  display:none!important;
}

@media (max-width:782px){
  .pp-trail-marker,.pp-trail-choices{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }
  .pp-trail-choices{margin-top:38px;}
  .pp-trail-choices__intro,.pp-trail-guide__intro{
    display:block;
    padding:24px 0 20px;
  }
  .pp-trail-choices__eyebrow,.pp-trail-guide__eyebrow{margin-bottom:10px!important;}
  .pp-trail-guide__intro > p:last-child{margin-top:14px!important;}
  .pp-trail-choices__list,.pp-trail-guide__doors{grid-template-columns:1fr;}
  .pp-trail-choice,.pp-trail-door{padding:20px 50px 20px 20px;}
}

@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important;}
  .pp-trail-choice,.pp-trail-door{transition:none!important;}
}

/* Trail identities and progress, version 0.2.3 */
.pp-trail-marker a,.pp-trail-marker span{gap:9px}
.pp-trail-marker small{padding-left:9px;border-left:1px solid currentColor;font-size:.72rem;opacity:.72}
.pp-trail-guide--kitchen-after-dark,.pp-trail-kitchen-after-dark{--pp-trail-ink:#261914;--pp-trail-soft:#f1e2d5;--pp-trail-peach:#e7bea2;--pp-trail-orange:#9f4f22;--pp-trail-border:#36231b;--pp-trail-focus:#b36a3c}
.pp-trail-guide--beneath-the-soil,.pp-trail-beneath-the-soil{--pp-trail-ink:#182820;--pp-trail-soft:#e5ede2;--pp-trail-peach:#c7d8be;--pp-trail-orange:#416b4f;--pp-trail-border:#21362b;--pp-trail-focus:#6b8d72}
.pp-trail-guide--ordinary-absurdity,.pp-trail-ordinary-absurdity{--pp-trail-ink:#20202a;--pp-trail-soft:#eef0f6;--pp-trail-peach:#d7c6ec;--pp-trail-orange:#6b569d;--pp-trail-border:#292a3a;--pp-trail-focus:#7d6bb0}
.pp-trail-guide--step-into-the-wider-world,.pp-trail-step-into-the-wider-world{--pp-trail-ink:#172638;--pp-trail-soft:#e7eef3;--pp-trail-peach:#c8dce8;--pp-trail-orange:#2f6f8f;--pp-trail-border:#1d3347;--pp-trail-focus:#4c8eaa}
.pp-trail-guide--beneath-the-soil .pp-trail-door:nth-child(n){border-radius:2px}
.pp-trail-guide--ordinary-absurdity .pp-trail-door:nth-child(n){box-shadow:4px 4px 0 color-mix(in srgb,var(--pp-trail-border),transparent 84%)}
.pp-trail-guide--step-into-the-wider-world .pp-trail-door:nth-child(n){border-style:double;border-width:4px}
