@font-face{font-family:PathlingsFredoka;src:url('./fonts/Fredoka-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PathlingsFredoka;src:url('./fonts/Fredoka-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:PathlingsFredoka;src:url('./fonts/Fredoka-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:PathlingsFredoka;src:url('./fonts/Fredoka-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:PathlingsNunito;src:url('./fonts/Nunito-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PathlingsNunito;src:url('./fonts/Nunito-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:PathlingsNunito;src:url('./fonts/Nunito-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.pathlings-page {
  --pl-cream:#F7F4EA; --pl-sage:#E2E9D5; --pl-ink:#20392C; --pl-moss:#58733E;
  --pl-muted:#5B6D4D; --pl-divider:#BEC5B4; --pl-panel:#FFFDF8;
  --pl-app-cream:#FFF8EA; --pl-app-mint:#EAF8EF; --pl-app-ink:#111111;
  --pl-app-green:#3F9B73; --pl-app-green-dark:#267A58; --pl-ruby:#D94B63;
  --pl-sprout:#2F7D46; --pl-sprout-dark:#245C34; --pl-sprout-tint:#DDEFE4;
  --pl-ember:#E0761F; --pl-ember-dark:#B85A11; --pl-ember-tint:#FFF0E0;
  --pl-bubble:#1F86C0; --pl-bubble-dark:#17638F; --pl-bubble-tint:#DDF7F8;
  --pl-thunder:#4B45C6; --pl-thunder-tint:#E9E7FB;
  --pl-canyon:#B66743; --pl-canyon-tint:#F7E6D6;
  --pl-display:PathlingsFredoka,ui-rounded,sans-serif;
  --pl-body:PathlingsNunito,system-ui,sans-serif;
  --pl-max-width:1200px; --pl-radius:28px; --pl-gutter:clamp(20px,4vw,48px);
  color:var(--pl-ink);background:var(--pl-cream);font:400 18px/1.6 var(--pl-body);
}
.pathlings-page :where(h1,h2,h3){font-family:var(--pl-display);font-weight:600;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.pathlings-page h1{font-size:clamp(42px,6vw,76px)}
.pathlings-page h2{font-size:clamp(32px,4vw,48px)}
.pathlings-page h3{font-size:clamp(24px,2.5vw,30px)}
.pathlings-page :where(a,button,input,summary):focus-visible{outline:3px solid var(--pl-sprout-dark);outline-offset:5px}
.pathlings-page .pl-container{width:min(100% - 2*var(--pl-gutter),var(--pl-max-width));margin-inline:auto}
.pathlings-page .pl-art{display:block;max-width:100%;height:auto;object-fit:contain}
.pathlings-page .pl-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:0;border-radius:999px;background:var(--pl-sprout-dark);color:white;font:700 17px/1.2 var(--pl-body);text-decoration:none}
.pathlings-page .pl-button:hover{background:var(--pl-ink)}
.pathlings-page .pl-panel{border-radius:var(--pl-radius);background:var(--pl-panel);padding:24px;box-shadow:0 8px 24px rgb(32 57 44 / .045)}
@media(prefers-reduced-motion:reduce){.pathlings-page *, .pathlings-page *::before,.pathlings-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}