@layer components{.pub{--pg-r-card:var(--pub-r);--pg-r-art:calc(var(--pub-r) + 6px);--pg-r-inner:var(--pub-r-md)}.pub-hud.pg-hud{border-radius:var(--pg-r-card)}.pg-wash{isolation:isolate;background:var(--pub-tint);border-block:1px solid var(--pub-rule);position:relative}.pg-wash:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse 55% 70% at 0% 0%,var(--pub-cobalt-soft),transparent 70%),radial-gradient(ellipse 45% 60% at 100% 100%,var(--pub-sample-bg),transparent 70%);position:absolute;inset:0}.pg-art{border-radius:var(--pg-r-art);background:var(--pub-track);box-shadow:var(--pub-sh-1);position:relative;overflow:hidden}.pg-art img{object-fit:cover;width:100%;height:100%;display:block}.pg-ring-wrap{flex:none;justify-items:center;gap:10px;display:grid}.pg-ring{width:var(--pg-ring-size,132px);aspect-ratio:1;flex:none;place-items:center;display:grid;position:relative}.pg-ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.pg-ring-track,.pg-ring-fill{fill:none;stroke-width:9px}.pg-ring-track{stroke:var(--pub-track)}.pg-ring-fill{stroke:var(--pub-cobalt);stroke-linecap:round;animation:pg-ring-draw var(--pub-dur-slow)var(--pub-ease).2s both}.pg-ring-text{text-align:center;justify-items:center;gap:4px;display:grid;position:relative}.pg-ring-num{font-size:calc(var(--pg-ring-size,132px)*.34)}.pg-ring-max{font-size:var(--pub-fs-sm);font-weight:var(--pub-fw-semibold);color:var(--pub-fg-3)}.pg-ring-sm{--pg-ring-size:96px}.pg-ring-lg{--pg-ring-size:168px}@keyframes pg-ring-draw{0%{stroke-dasharray:0 100}}.pg-tick{width:var(--pg-tick-size,120px);height:var(--pg-tick-size,120px);display:block;overflow:visible}.pg-tick-disc{fill:var(--pub-hl-m)}.pg-tick-ring{fill:none;stroke:var(--pub-green-t);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1;animation:pg-stroke var(--pub-dur-slow)var(--pub-ease).15s both}.pg-tick-check{fill:none;stroke:var(--pub-mint-ink);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:pg-stroke .35s var(--pub-ease).55s both}.pg-tick-wait .pg-tick-disc{fill:var(--pub-cobalt-soft)}.pg-tick-wait .pg-tick-ring{stroke:var(--pub-cobalt)}.pg-tick-wait .pg-tick-check{stroke:var(--pub-cobalt-2)}@keyframes pg-stroke{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.pg-bars{gap:9px;min-width:0;display:grid}.pg-bar{font-size:var(--pub-fs-sm);font-weight:var(--pub-fw-semibold);color:var(--pub-ink);grid-template-columns:minmax(84px,auto) minmax(0,1fr) 28px;align-items:center;gap:14px;line-height:1.2;display:grid}.pg-bar-label{border-radius:4px;justify-self:start;margin-left:-4px;padding:1px 4px}.pg-bar-weak .pg-bar-label{background:var(--pub-hl-c)}.pg-bar-track{border-radius:var(--pub-r-pill);background:var(--pub-track);height:7px;position:relative;overflow:hidden}.pg-bar-fill{border-radius:inherit;background:var(--pub-cobalt);transform-origin:0;height:100%;animation:pg-grow var(--pub-dur-slow)var(--pub-ease)both;animation-delay:calc(var(--pg-i,0)*60ms + .25s);display:block}.pg-bar-weak .pg-bar-fill{background:var(--pub-coral)}.pg-bar-num{font-family:var(--pub-font-mono);font-size:var(--pub-fs-sm);font-weight:var(--pub-fw-mono);font-variant-numeric:tabular-nums;text-align:right}.pg-bar:nth-child(2){--pg-i:1}.pg-bar:nth-child(3){--pg-i:2}.pg-bar:nth-child(4){--pg-i:3}.pg-bar:nth-child(5){--pg-i:4}.pg-bar:nth-child(6){--pg-i:5}.pg-bar:nth-child(7){--pg-i:6}@keyframes pg-grow{0%{transform:scaleX(0)}}.pg-steps{counter-reset:pg-step;gap:0;display:grid}.pg-step{border-top:1px solid var(--pub-line);grid-template-columns:40px minmax(0,1fr);gap:14px;padding-block:14px;display:grid}.pg-step:first-child{border-top:0;padding-top:0}.pg-step:last-child{padding-bottom:0}.pg-step-n{background:var(--pub-hl-y);width:32px;height:32px;font-family:var(--pub-font-mono);font-size:var(--pub-fs-label);font-weight:var(--pub-fw-mono);color:var(--pub-ink);border-radius:50%;place-items:center;display:grid}.pg-step-t{font-size:var(--pub-fs-body);font-weight:var(--pub-fw-semibold);letter-spacing:-.01em;color:var(--pub-fg);line-height:1.3}.pg-step-d{font-size:var(--pub-fs-sm);font-weight:var(--pub-fw-regular);color:var(--pub-fg-2);margin-top:3px;line-height:1.5}.pg-cover{min-height:var(--pg-cover-h,168px);isolation:isolate;border-radius:var(--pg-r-inner);background:var(--pub-tint);align-items:flex-end;padding:18px 20px;display:flex;position:relative;overflow:hidden}.pg-cover:before{content:"";z-index:-1;background-image:linear-gradient(var(--pub-rule)1px,transparent 1px),linear-gradient(90deg,var(--pub-rule)1px,transparent 1px);opacity:.55;background-size:24px 24px;position:absolute;inset:0}.pg-cover[data-tone=y]{background:var(--pub-sample-bg)}.pg-cover[data-tone=m]{background:var(--pub-mint-wash)}.pg-cover[data-tone=l]{background:var(--pub-cobalt-soft)}.pg-cover[data-tone=c]{background:var(--pub-coral-wash)}.pg-cover-word{z-index:1;max-width:70%;font-size:var(--pg-cover-fs,clamp(26px,2.4vw,34px));font-weight:var(--pub-fw-black);letter-spacing:var(--pub-ls-display);color:var(--pub-ink);text-wrap:balance;line-height:1.02;position:relative}.pg-cover-word .pub-mark{background-size:100% .42em}.pg-cover-cat{font-size:var(--pub-fs-label);font-weight:var(--pub-fw-semibold);letter-spacing:var(--pub-ls-label);text-transform:uppercase;color:var(--pub-ink-2);line-height:1.2;position:absolute;top:16px;left:18px}.pg-cover .pub-clay{width:var(--pg-cover-clay,34%);max-width:150px;transition:transform .4s var(--pub-spring);position:absolute;bottom:8%;right:6%}.pg-cover .pub-clay img{width:auto;max-width:100%;height:auto;max-height:var(--pg-cover-obj,120px);margin-left:auto}a:hover .pg-cover .pub-clay{transform:rotate(-8deg)scale(1.06)}.pg-cover-lg{--pg-cover-h:100%;--pg-cover-obj:200px;--pg-cover-fs:clamp(40px,4.6vw,72px);--pg-cover-clay:38%;border-radius:var(--pg-r-art);padding:clamp(24px,3vw,40px)}.pg-cover-lg .pub-clay{max-width:240px;top:14%;bottom:auto}.pg-cover-lg .pg-cover-cat{top:clamp(22px,2.6vw,34px);left:clamp(24px,3vw,40px)}.pub-card.pg-guide{height:100%;color:inherit;content-visibility:auto;contain-intrinsic-height:auto 440px;flex-direction:column;padding:10px;text-decoration:none;display:flex}.pg-guide .pg-cover{--pg-cover-h:172px}.pg-guide-body{flex-direction:column;flex:1;gap:10px;padding:16px 10px 8px;display:flex}.pg-guide-title{text-wrap:balance}.pg-guide:hover .pg-guide-title{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.pg-guide-ex{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pg-guide-meta{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:auto;padding-top:6px;display:flex}.pg-guide-meta>*+:before{content:"";background:var(--pub-rule-2);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin-right:14px;display:inline-block}.pub-card.pg-places{gap:14px;width:100%;max-width:480px;padding:clamp(20px,2.4vw,28px);display:grid}.pg-place-miss{border:1px dashed var(--pub-rule-2);border-radius:var(--pub-r-input);background:var(--pub-paper-2);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 10px;display:grid}.pg-place-x{background:var(--pub-coral-wash);width:42px;height:42px;color:var(--pub-coral-t);border-radius:50%;place-items:center;display:grid}.pg-place-miss-t{font-size:var(--pub-fs-sm);font-weight:var(--pub-fw-semibold);color:var(--pub-ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--pub-coral);text-decoration-color:var(--pub-coral);text-decoration-thickness:2px}.pg-place-list{gap:2px;display:grid}.pub-pi.pg-place{grid-template-columns:42px minmax(0,1fr) auto;min-height:60px}.pg-place>.pub-ic{color:var(--pub-ink-3);transition:transform var(--pub-dur-fast)var(--pub-ease)}.pg-place:hover>.pub-ic{color:var(--pub-ink);transform:translate(3px)}.pg-skel{border-radius:var(--pub-r-sm);background:var(--pub-track);animation:1.6s ease-in-out infinite pub-blink;display:block}.pg-toc{top:calc(var(--pub-hdr-h) + 28px);max-height:calc(100vh - var(--pub-hdr-h) - 56px);padding-right:6px;position:sticky;overflow:auto}.pg-toc-list{gap:2px;margin-top:14px;display:grid}.pg-toc-link{border-radius:var(--pub-r-sm);font-size:var(--pub-fs-sm);font-weight:var(--pub-fw-semibold);color:var(--pub-ink-2);transition:background-color var(--pub-dur-fast),color var(--pub-dur-fast);grid-template-columns:30px minmax(0,1fr);align-items:baseline;gap:8px;padding:8px 10px;line-height:1.35;text-decoration:none;display:grid}.pg-toc-link:hover{background:var(--pub-paper);color:var(--pub-ink)}.pg-toc-n{font-family:var(--pub-font-mono);font-size:var(--pub-fs-label);font-weight:var(--pub-fw-mono);font-variant-numeric:tabular-nums;color:var(--pub-ink-3);border-radius:5px;justify-self:start;padding:2px 5px}.pg-toc-link[aria-current=true]{background:var(--pub-paper);box-shadow:0 0 0 1px var(--pub-rule)inset;color:var(--pub-ink);font-weight:var(--pub-fw-semibold)}.pg-toc-link[aria-current=true] .pg-toc-n{background:var(--pub-hl-y);color:var(--pub-ink)}.pg-toc-m{border:1px solid var(--pub-rule);border-radius:var(--pg-r-inner);background:var(--pub-paper)}.pg-toc-m summary{font-weight:var(--pub-fw-semibold);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;list-style:none;display:flex}.pg-toc-m summary::-webkit-details-marker{display:none}.pg-toc-m summary .pub-ic{transition:transform var(--pub-dur)var(--pub-ease)}.pg-toc-m[open] summary .pub-ic{transform:rotate(180deg)}.pg-toc-m .pg-toc-list{margin-top:0;padding:0 8px 12px}@media (min-width:1024px){.pg-toc-fold{display:none}}@media (max-width:1023px){.pg-toc{display:none}}}