@layer areas {
.pth.page>:is(.pth-top,.pth-related,.pth-next,.pth-group){max-width:none}.pth.page>*{margin-inline:0}.pth :is(.pth-for-k,.pth-now-k,.pth-kind){font-family:var(--sans);font-size:var(--step--2);letter-spacing:var(--track-kicker);text-transform:uppercase;color:var(--faint);font-style:normal;font-weight:600;line-height:1.3}.pth :is(.pth-tip,.pth-sub,.pth-done,.pth-teaser,.pth-q-x,.pth-g-en,.pth-g-x){font-family:var(--sans);font-size:var(--step--1);color:var(--mute);line-height:1.5}.pth .pth-top{row-gap:var(--space-7);grid-template-columns:minmax(0,1fr);display:grid}.pth .pth-top>.hero{max-inline-size:var(--measure-wide);align-content:start}@media (min-width:960px){.pth .pth-top{column-gap:var(--space-8);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}@media (min-width:960px) and (min-height:860px){.pth .pth-top>.hero{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-5))}}.pth .pth-pills{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pth .hero>.pth-pills{margin-block-start:var(--space-3)}.pth .pth-pill{min-block-size:28px;font-family:var(--sans);font-size:var(--step--2);font-variant-numeric:tabular-nums;color:var(--mute);background:var(--sunken);border-radius:var(--radius-pill);align-items:center;padding:2px 12px;font-weight:500;line-height:1.2;display:inline-flex}.pth .pth-pill.is-guide{color:var(--accent);background:var(--accent-soft)}.pth .pth-for{margin-block-start:var(--space-5)}.pth .pth-for-k{margin:0 0 var(--space-2);display:block}.pth .pth-says{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.pth .pth-says>li{border-inline-start:2px solid var(--accent-line);font-family:var(--serif);font-size:var(--step-1);color:var(--ink);padding-inline-start:var(--space-3);font-style:italic;line-height:1.35}.pth .pth-start{margin-block-start:var(--space-5)}.pth .pth-start.is-on{gap:var(--space-3);padding:var(--space-5);background:var(--card);border:1px solid var(--accent-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);display:grid}.pth .pth-start.is-on>.btn-row{margin-block-start:var(--space-1)}.pth .pth-start.is-on .btn-lg{padding-inline:var(--space-4)}@media (max-width:479.98px){.pth .pth-start.is-on{padding:var(--space-4)}}.pth .pth-progress{gap:var(--space-2);display:grid}.pth .pth-bar{background:var(--sunken);border:1px solid var(--rule);border-radius:var(--radius-pill);block-size:10px;overflow:hidden}.pth .pth-bar>span{block-size:100%;inline-size:calc(var(--p,0) * 100%);border-radius:inherit;background:var(--accent-fill);display:block}.pth .pth-done{margin:0;line-height:1.3}.pth .pth-now{gap:2px;margin:0;display:grid}.pth .pth-now-t{font-family:var(--serif);font-size:var(--step-1);font-weight:500;line-height:1.3}.pth .pth-steps>h2{margin:0}.pth .pth-tip{margin:var(--space-1) 0 0}.pth :is(.pth-trail,.pth-then){max-inline-size:var(--measure-wide);margin-inline:calc(-1 * var(--space-3))}.pth .pth-trail{gap:var(--space-1);margin-block:var(--space-4) 0;padding:0;list-style:none;display:grid}.pth .pth-step{position:relative}.pth .pth-step:before{content:"";pointer-events:none;background:repeating-linear-gradient(to bottom, var(--rule-strong) 0 6px, transparent 6px 11px);inline-size:2px;position:absolute;inset-block:52px -12px;inset-inline-start:29px}.pth .pth-trail:not(:has(+.pth-then))>.pth-step:last-child:before{content:none}.pth :is(.pth-step-link,.pth-then){column-gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius);color:var(--ink);grid-template-columns:36px minmax(0,1fr);align-items:start;text-decoration:none;display:grid}.pth .pth-then{margin-block:var(--space-1) 0}.pth .pth-step-link{transition:background-color var(--dur-2) var(--ease-out)}.pth .pth-step-link:focus-visible{outline-offset:0}.pth .pth-step-link:active{background:var(--accent-soft)}@media (hover:hover){.pth .pth-step-link:hover{color:var(--ink);background:var(--accent-soft)}.pth .pth-step-link:hover .pth-step-title{color:var(--accent)}}.pth .pth-node{block-size:36px;inline-size:36px;font-family:var(--sans);font-variant-numeric:tabular-nums;color:var(--accent);background:var(--card);border:1.5px solid var(--accent);transition:background-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);border-radius:50%;place-items:center;font-size:.9375rem;font-weight:600;line-height:1;display:grid;position:relative}.pth .pth-step.is-guide .pth-node{color:var(--accent-ink);background:var(--accent-fill);border-color:var(--accent-fill)}.pth .pth-then .pth-node{background:var(--accent-soft);border-color:var(--accent-line)}.pth .pth-then .pth-node:before{content:"";background:var(--accent);block-size:16px;inline-size:16px;-webkit-mask:var(--orn-star-fill) center / contain no-repeat;mask:var(--orn-star-fill) center / contain no-repeat}.pth .pth-step[data-done] .pth-node{color:#0000;background:var(--accent-soft);border-color:var(--accent-soft)}.pth .pth-step[data-done] .pth-node:after{content:"";border:solid var(--accent);border-width:0 2px 2px 0;block-size:14px;inline-size:8px;position:absolute;inset-block-start:8px;inset-inline-start:13px;rotate:45deg}.pth .pth-step-link[aria-current=step]{background:var(--accent-soft)}.pth .pth-step-link[aria-current=step] .pth-node{box-shadow:0 0 0 3px var(--card), 0 0 0 5px var(--accent)}[data-u18] .pth .pth-trail{counter-reset:u18-step}[data-u18] .pth .pth-trail>.pth-step:not([data-tier=A]){counter-increment:u18-step}[data-u18] .pth .pth-trail .pth-node{font-size:0}[data-u18] .pth .pth-trail .pth-node:before{content:counter(u18-step);place-items:center;font-size:.9375rem;display:grid;position:absolute;inset:0}.pth .pth-step-body{gap:2px;min-inline-size:0;display:grid}.pth .pth-step.is-guide .pth-kind{color:var(--accent)}.pth .pth-step-title{font-family:var(--serif);text-wrap:pretty;transition:color var(--dur-2) var(--ease-out);font-size:1.1875rem;font-weight:500;line-height:1.3}.pth .pth-en{color:var(--mute);font-style:italic;font-weight:400}.pth .pth-ar{display:none}.pth .pth-teaser{margin-block-start:2px}.pth .pth-then .pth-step-title{font-size:var(--step-0)}.pth .pth-then a{color:var(--accent)}@media (prefers-reduced-motion:no-preference){.pth :is(.pth-step,.pth-then){animation:pth-step-in var(--dur-4) var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms)}.pth .pth-start.is-on{animation:pth-rise var(--dur-4) var(--ease-out) both}}@keyframes pth-step-in{0%{opacity:.2;translate:-6px}}@keyframes pth-rise{0%{opacity:.2;translate:0 8px}}.pth :is(.pth-related,.pth-next){margin-block-start:var(--section)}.pth :is(.pth-related,.pth-next)>h2{margin:0}.pth .pth-sub{margin:var(--space-2) 0 0;max-inline-size:var(--measure)}.pth .pth-cat{margin-block-start:var(--space-6)}.pth .pth-cat-h{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);border-block-end:2px solid var(--ink);flex-wrap:wrap;margin:0;padding-block-end:var(--space-2);display:flex}.pth .pth-cat-h>.tag{word-spacing:.12em;flex:none;font-weight:400}.pth .pth-qs{column-gap:var(--space-6);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.pth :is(.pth-qs,.pth-gs,.pth-cards)>li{display:grid}@media (min-width:960px){.pth .pth-qs{grid-template-columns:repeat(2,minmax(0,1fr))}}.pth .pth-q{column-gap:var(--space-3);padding:var(--space-3) var(--space-2);color:var(--ink);border-block-end:1px solid var(--rule);transition:background-color var(--dur-1) var(--ease-out);grid-template-columns:minmax(0,1fr) auto;align-content:start;text-decoration:none;display:grid}.pth .pth-q-t{font-family:var(--serif);grid-area:1/1;font-size:1.0625rem;font-weight:600;line-height:1.35}.pth .pth-q-x{grid-area:2/1;margin-block-start:2px}.pth .pth-q:after{content:"";border:solid var(--faint);block-size:7px;inline-size:7px;transition:translate var(--dur-2) var(--ease-out);border-width:1.5px 1.5px 0 0;grid-area:1/2/3/3;align-self:center;margin-inline-end:4px;rotate:45deg}.pth .pth-q:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{rotate:-135deg}.pth .pth-q:focus-visible{outline-offset:-2px}.pth .pth-q:active{background:var(--sunken)}@media (hover:hover){.pth .pth-q:hover{color:var(--ink)}.pth .pth-q:hover .pth-q-t{color:var(--accent)}.pth .pth-q:hover:after{border-color:var(--accent);translate:3px}}.pth .pth-gs{gap:var(--space-4);margin:var(--space-4) 0 0;grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));padding:0;list-style:none;display:grid}@media (min-width:960px){.pth .pth-gs{grid-template-columns:repeat(3,minmax(0,1fr))}}.pth .pth-g{padding:var(--space-4) var(--space-4) var(--space-5);color:var(--ink);background:var(--card);border:var(--border-card);border-block-start:3px solid var(--accent-fill);border-radius:var(--radius);box-shadow:var(--shadow-1);transition:translate var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);align-content:start;gap:2px;text-decoration:none;display:grid}.pth .pth-g-ar{display:none}.pth .pth-g-n{font-family:var(--serif);font-size:var(--step-1);font-weight:600;line-height:1.25}.pth .pth-g-en{line-height:1.3}.pth .pth-g-x{margin-block-start:var(--space-2);line-height:1.45}.pth .pth-cards{gap:var(--space-4);margin:var(--space-4) 0 0;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}@media (min-width:720px) and (max-width:1199.98px){.pth .pth-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pth .pth-cards>li:last-child:nth-child(odd){grid-column:1/-1}}@media (min-width:1200px){.pth .pth-cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}}.pth .pth-card{gap:var(--space-2);padding:var(--space-5);color:var(--ink);background:var(--card);border:var(--border-card);border-radius:var(--radius);box-shadow:var(--shadow-1);transition:translate var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative}.pth .pth-card:after{content:"";border:solid var(--accent);block-size:8px;inline-size:8px;transition:translate var(--dur-2) var(--ease-out);border-width:2px 2px 0 0;position:absolute;inset-block-start:31px;inset-inline-end:24px;rotate:45deg}.pth .pth-card:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{rotate:-135deg}.pth .pth-card-t{font-size:var(--step-1);margin:0;padding-inline-end:var(--space-6);font-weight:400;line-height:1.25}.pth .pth-card-p{font-family:var(--serif);font-size:var(--step-0);color:var(--mute);line-height:1.45}.pth .pth-card>.pth-pills{margin-block:var(--space-1) var(--space-2)}.pth .pth-card-for{border-block-start:1px solid var(--rule);gap:2px;margin-block-start:auto;padding-block-start:var(--space-3);display:grid}.pth .pth-card-for>.pth-for-k{margin-block-end:2px}.pth .pth-card-say{font-family:var(--serif);color:var(--ink);font-size:1.0625rem;font-style:italic;line-height:1.4}.pth .pth-card.is-becoming{background:var(--accent-soft);border-color:var(--accent-line)}.pth .pth-card.is-becoming .pth-pill{background:var(--card)}.pth .pth-card.is-becoming .pth-for-k{color:var(--mute)}.pth .pth-card.is-becoming>.pth-card-for{border-block-start-color:var(--accent-line)}.pth :is(.pth-g,.pth-card):focus-visible{outline-offset:3px}.pth :is(.pth-g,.pth-card):active{scale:.99}@media (hover:hover){.pth :is(.pth-g,.pth-card):hover{color:var(--ink);box-shadow:var(--shadow-2);translate:0 -2px}.pth .pth-card:hover{border-color:var(--accent-line)}.pth .pth-card:hover:after{translate:3px}}.pth .pth-browse{margin:var(--space-5) 0 0}.pth .pth-clean{margin-block-start:var(--section)}.pth .pth-clean>h2{margin:0}.pth .pth-clean>p{margin:var(--space-3) 0 0;max-inline-size:var(--measure)}.pth .pth-clean>.btn-row{margin-block-start:var(--space-4)}.pth.pth-index.page>.hero{max-width:none}.pth .hero>.pth-find{margin-block-start:var(--space-3)}.pth .pth-group{margin-block-start:var(--space-7)}.pth .pth-group-h{border-block-end:2px solid var(--ink);margin:0;padding-block-end:var(--space-2)}
}