@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}@font-face{font-family:SpaceGrotesk;src:url(/fonts/space-grotesk-variable.ttf)format("truetype");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:PlexMono;src:url(/fonts/ibm-plex-mono-400.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:PlexMono;src:url(/fonts/ibm-plex-mono-500.ttf)format("truetype");font-weight:500;font-display:swap}:root{--page:#f5f4ef;--board:#ecefea;--paper:#fffdf8;--ink:#24384a;--action:#18766b;--action-deep:#24384a;--truth:#b54838;--truth-wash:color-mix(in srgb,var(--truth) 14%,transparent);--muted:#58666d;--border:#bac6c7;--border-soft:#d6dede;--grid:#24384a0e;--major-grid:#24384a08;--review-bg:#ecefea;--subtle-fill:#f7f9f6;--camera-active:#e3f1ee;--stepper-active:#dde9e6;--ink-shadow-0a:#24384a0a;--ink-shadow-0b:#24384a0b;--ink-shadow-35:#24384a35;--ink-backdrop:#24384a80;--action-shadow-18:#18766b18;--action-shadow-24:#18766b24;--line:1px solid var(--border);--body:SpaceGrotesk,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--head:SpaceGrotesk,system-ui,sans-serif;--mono:PlexMono,ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{background:var(--page)}body{color:var(--ink);font:400 14px/1.45 var(--body);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--action);outline-offset:2px}h1,h2,h3,p{margin:0}.page{max-width:1000px;margin:auto;padding:0 16px 24px}.masthead{justify-content:space-between;align-items:center;gap:10px;height:54px;display:flex}.identity{align-items:center;gap:8px;display:flex}.brand-mark{width:27px;height:27px;color:var(--ink);flex:none;display:block}.brand-mark svg{width:100%;height:100%;display:block}.brand{font:700 24px/1 var(--head);letter-spacing:.075em;text-transform:lowercase}.mast-actions{align-items:center;gap:10px;display:flex}.edition{font:500 10px/1 var(--mono);letter-spacing:.075em;text-align:right;color:var(--muted);text-transform:uppercase}.help-button{width:44px;height:44px;color:var(--muted);font:600 17px var(--body);background:0 0;border:1px solid #0000;border-radius:9px}.help-button:hover{border-color:var(--border);background:var(--paper);color:var(--ink)}.help-dialog{border:var(--line);background:var(--paper);color:var(--ink);box-shadow:0 18px 55px var(--ink-shadow-35);border-radius:15px;max-width:min(450px,100vw - 28px);padding:25px}.help-dialog::backdrop{background:var(--ink-backdrop)}.help-dialog h2{font:700 24px/1.15 var(--head);margin:0 45px 14px 0}.help-dialog p{margin:10px 0;font-size:14px;line-height:1.55}.help-dialog .close-help{border:var(--line);background:var(--paper);border-radius:9px;width:44px;height:44px;font-size:22px;position:absolute;top:14px;right:15px}.help-dialog .close-help:hover{background:var(--board)}.game-paper{border:var(--line);background:var(--paper);overflow-anchor:none;box-shadow:0 2px 5px var(--ink-shadow-0a),0 10px 24px var(--ink-shadow-0b);border-radius:16px;overflow:hidden}.question-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;min-height:80px;padding:13px 19px 12px;display:flex}h1{font:650 clamp(23px,2.4vw,27px)/1.12 var(--head);letter-spacing:-.038em}.question-row h1{text-wrap:balance}.question-target{font-weight:700}.question-note{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.3}.progress{white-space:nowrap;border:1px solid var(--border);background:var(--subtle-fill);min-width:65px;min-height:30px;font:500 10px var(--mono);color:var(--ink);border-radius:99px;justify-content:center;align-self:center;align-items:center;padding:0 7px;display:flex}.board{border-bottom:1px solid var(--border-soft);background:var(--board)}.board-stage{position:relative}.board-overlay{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:12px;left:14px;right:14px}.reference-info{border:1px solid var(--border);background:color-mix(in srgb,var(--paper) 94%,transparent);min-width:0;height:46px;color:var(--ink);border-radius:6px;flex-direction:column;justify-content:center;padding:4px 8px;display:flex}.reference-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 11px/1.25 var(--body);display:block;overflow:hidden}.reference-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 9px/1.25 var(--mono);color:var(--muted);margin-top:2px;display:block;overflow:hidden}.camera-controls{border:1px solid var(--border);background:color-mix(in srgb,var(--paper) 94%,transparent);pointer-events:auto;border-radius:8px;flex:none;align-items:center;gap:0;display:flex;overflow:hidden}.camera-controls button{border:0;border-right:1px solid var(--border-soft);min-width:44px;height:44px;color:var(--ink);background:0 0;border-radius:0;place-items:center;padding:0 8px;display:grid}.camera-controls button:last-child{border-right:0}.camera-controls button:hover:not(:disabled){background:var(--paper);color:var(--action)}.camera-controls button:active:not(:disabled){background:var(--camera-active)}.camera-controls button:disabled{opacity:.38;cursor:default}.camera-controls svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.camera-controls .reset{min-width:44px}.measurement-readout{z-index:5;white-space:nowrap;pointer-events:none;height:26px;font:500 12px/1 var(--mono);color:var(--ink);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;left:14px;right:14px}.measurement-readout .readout-item{align-items:center;gap:5px;min-width:0;display:inline-flex}.measurement-readout .readout-item:before{content:"";border:1.5px solid var(--ink);background:var(--paper);border-radius:2px;flex:none;width:8px;height:8px;display:inline-block}.measurement-readout .readout-actual{color:var(--truth)}.measurement-readout .readout-actual:before{border-color:var(--truth);background:var(--truth-wash);border-style:dashed}.measurement-readout .readout-separator{color:var(--muted)}.board,.control-row{-webkit-user-select:none;user-select:none}.stage{touch-action:none;cursor:ew-resize;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),linear-gradient(var(--major-grid) 1px,transparent 1px),linear-gradient(90deg,var(--major-grid) 1px,transparent 1px);background-position:-1px -1px;background-size:24px 24px,24px 24px,120px 120px,120px 120px;height:clamp(370px,100vh - 350px,430px);position:relative;overflow:hidden}.stage .height-handle{cursor:ns-resize}.stage.axis-diameter{touch-action:pan-y}.stage.is-locked{cursor:default}.stage>canvas{touch-action:none;width:100%;height:100%;cursor:inherit;display:block;position:absolute;inset:0}.overlay{pointer-events:none;position:absolute;inset:0}.object-label{z-index:3;border:1px solid var(--border);background:var(--paper);color:var(--ink);font:500 12px/1.25 var(--mono);white-space:nowrap;border-radius:5px;max-width:calc(100% - 16px);padding:4px 7px;position:absolute}.label-line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.label-line strong{font-weight:650}.size-game:not(.is-revealed) .label-guess-caption,.size-game:not(.is-revealed) .label-actual{display:none}.label-caption{color:var(--muted)}.label-actual{opacity:0;max-height:0;overflow:hidden}.label-actual strong{color:var(--truth)}.size-game.is-revealed .label-actual{opacity:1;max-height:24px;transition:max-height .26s,opacity .26s}.board-ruler{border-top:1px solid var(--border);background:var(--paper);touch-action:none;cursor:crosshair;height:64px;position:relative}.board-ruler>canvas{width:100%;height:100%;display:block}.ruler-thumb-hit{cursor:ew-resize;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:26px;transform:translate(-50%)}.ruler-thumb{border:1px solid var(--action);background:var(--action);width:29px;height:22px;color:var(--paper);border-radius:5px;place-items:center;transition:background .14s,border-color .14s,transform .14s;display:grid}.ruler-thumb svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:14px}.ruler-thumb-hit:hover .ruler-thumb,.board-ruler.is-dragging .ruler-thumb{background:var(--action-deep);border-color:var(--action-deep);transform:translateY(-1px)}.board-ruler.is-dragging .ruler-thumb{transform:translateY(0)scale(.96)}.ruler-edge{background:var(--action);min-width:31px;height:20px;color:var(--paper);font:500 14px/20px var(--mono);text-align:center;pointer-events:none;border-radius:5px;padding:0 3px;position:absolute;top:38px}.ruler-edge[hidden],.ruler-thumb-hit[hidden]{display:none}.board-ruler[aria-disabled=true]{cursor:default}.board-ruler[aria-disabled=true] .ruler-thumb{background:var(--paper);color:var(--action);box-shadow:none}.board-ruler[aria-disabled=true] .ruler-thumb-hit{cursor:default}.board-ruler[aria-disabled=true] .ruler-thumb-hit:hover .ruler-thumb{border-color:var(--action);transform:none}.control-row{justify-content:space-between;align-items:center;gap:12px;height:80px;padding:9px 14px;display:flex}.control-actions{align-items:center;gap:10px;display:flex}.control-row:not(.reveal-panel) .control-actions{justify-content:space-between;width:100%}.stepper{border:1px solid var(--border);background:var(--paper);border-radius:9px;gap:0;display:flex;overflow:hidden}.stepper button{border:0;border-right:1px solid var(--border-soft);width:46px;height:48px;color:var(--ink);font:500 21px/1 var(--mono);background:0 0;border-radius:0}.stepper button:last-child{border-right:0}.stepper button:hover{background:var(--board);color:var(--action)}.stepper button:active{background:var(--stepper-active)}.primary{border:1px solid var(--action);background:var(--action);min-width:130px;height:48px;color:var(--paper);font:600 14px/1 var(--body);letter-spacing:-.01em;box-shadow:0 1px 3px var(--action-shadow-18);border-radius:8px;justify-content:center;align-items:center;gap:11px;padding:0 17px;transition:background .14s,border-color .14s,box-shadow .14s;display:inline-flex}.primary:hover{background:var(--action-deep);border-color:var(--action-deep);box-shadow:0 2px 4px var(--action-shadow-24)}.primary:active{box-shadow:none}.primary:disabled{opacity:.55;cursor:wait;box-shadow:none}.primary .arrow{font:500 17px var(--mono)}.control-row .result-score{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.result-score-line{color:var(--action);align-items:baseline;gap:3px;display:flex}.result-score-value{font:700 30px/.95 var(--head);letter-spacing:-.055em}.result-score-total{font:500 12px/1 var(--mono)}.result-difference{font:500 11px/1.2 var(--mono);color:var(--truth)}.sources{border-top:1px solid var(--border-soft);color:var(--muted);padding:0 14px;font-size:11px}.sources summary{cursor:pointer;align-items:center;gap:8px;width:max-content;min-height:44px;list-style:none;display:flex}.sources summary::-webkit-details-marker{display:none}.sources summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .15s;transform:rotate(-45deg)}.sources[open] summary:before{transform:rotate(45deg)}.sources summary:hover{color:var(--ink)}.sources-content{gap:5px;padding:2px 0 11px 14px;line-height:1.5;display:grid}.sources a{color:var(--ink);text-underline-offset:2px;text-decoration-thickness:1px}.sources a:hover{color:var(--action)}.source-slot{min-height:1.5em}.receipt{background:var(--paper);min-height:0;padding:28px 32px 27px}.receipt-layout{grid-template-columns:300px minmax(0,1fr);grid-template-areas:"card hero""details details";align-items:start;gap:27px 42px;display:grid}.receipt-card-wrap{grid-area:card;width:100%;max-width:300px}.receipt-card-frame{aspect-ratio:3/4;background:var(--ink);box-shadow:0 10px 26px var(--ink-shadow-35);border-radius:13px;position:relative;overflow:hidden}.receipt-card-frame img{object-fit:contain;width:100%;height:100%;display:block}.receipt-card-loading{color:var(--paper);font:500 12px var(--mono);text-align:center;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.receipt-card-loading[hidden]{display:none}.receipt-card-caption{color:var(--muted);font:500 10px var(--mono);text-align:center;margin-top:9px}.receipt-hero{grid-area:hero;min-width:0;padding-top:8px}.eyebrow{font:500 10px/1.3 var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.receipt h1{font:650 clamp(29px,3vw,39px)/1.05 var(--head);letter-spacing:-.045em;margin-top:10px}.receipt-total{color:var(--action);align-items:baseline;gap:8px;margin-top:18px;display:flex}.receipt-total strong{font:700 clamp(88px,10vw,126px)/.82 var(--head);letter-spacing:-.035em}.receipt-total span{font:500 21px/1 var(--mono);letter-spacing:-.04em}.receipt-judgment{font:500 17px/1.35 var(--head);color:var(--ink);margin-top:17px}.receipt-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:25px;display:flex}.receipt-actions .primary{min-width:132px}.secondary{border:1px solid var(--border);background:var(--paper);min-width:116px;height:48px;color:var(--ink);font:600 13px var(--body);border-radius:8px;padding:0 13px}.secondary:hover:not(:disabled){border-color:var(--action);color:var(--action);background:var(--subtle-fill)}.secondary:disabled{opacity:.55;cursor:wait}.receipt-status{min-height:20px;color:var(--muted);margin-top:10px;font-size:12px}.receipt-status[data-tone=error]{color:var(--truth)}.receipt-status button{color:var(--action);text-underline-offset:2px;background:0 0;border:0;margin-left:5px;font-weight:650;text-decoration:underline}.copy-fallback{border:1px solid var(--border);background:var(--subtle-fill);width:min(100%,440px);min-height:80px;color:var(--ink);font:12px/1.45 var(--mono);resize:vertical;border-radius:7px;margin-top:8px;padding:8px;display:block}.receipt-details{border-top:1px solid var(--border-soft);grid-area:details}.receipt-row{border-bottom:1px solid var(--border-soft);grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 0;display:grid}.receipt-no{font:500 11px/1 var(--mono);color:var(--muted)}.receipt-title{font:650 16px/1.2 var(--head);letter-spacing:-.02em}.receipt-reference{color:var(--muted);margin-top:2px;font-size:11px;display:block}.receipt-measures{font:500 10px var(--mono);color:var(--muted);flex-wrap:wrap;gap:5px 15px;margin-top:5px;display:flex}.receipt-measures b{color:var(--ink);font-weight:500}.receipt-result{text-align:right}.receipt-result strong{font:700 24px/1 var(--head);letter-spacing:-.04em;color:var(--action);display:block}.receipt-result strong small{font:500 11px var(--mono);letter-spacing:0}.receipt-result span{color:var(--truth);font:500 10px var(--mono);white-space:nowrap;margin-top:4px;display:block}@media (width<=700px){.page{padding:0 10px 24px}.masthead{height:51px}.brand{font-size:23px}.edition{font-size:9px}.question-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:76px;padding:10px 12px;display:grid}h1{font-size:23px}.question-note{font-size:11px}.object-label{font-size:12px}.measurement-readout{gap:6px;font-size:11px;left:10px;right:10px}.progress{min-width:55px;min-height:27px;font-size:9px}.board-overlay{top:9px;left:10px;right:10px}.stage{height:clamp(340px,100svh - 470px,380px)}.control-row{height:88px;padding:8px 10px}.control-actions{flex:1;justify-content:space-between}.primary{flex:none;min-width:122px}.result-score-value{font-size:29px}.sources{padding:0 10px}.source-slot{min-height:4.5em}.receipt{padding:22px 17px}.receipt-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""card""details";gap:23px}.receipt-hero{padding-top:0}.receipt h1{font-size:32px}.receipt-total{margin-top:16px}.receipt-total strong{font-size:105px}.receipt-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;display:grid}.receipt-actions .primary{grid-column:1/-1;width:100%}.receipt-actions .secondary{width:100%;min-width:0}.receipt-card-wrap{justify-self:center;width:min(100%,300px)}}@media (width<=355px){.page{padding:0 8px 24px}.brand{font-size:22px}.edition{font-size:9px}.question-row{min-height:78px}h1{font-size:22px}.reference-info{padding:5px 6px 6px}.reference-name{font-size:10px}.camera-controls button{padding:0 5px}.stage{height:clamp(320px,100svh - 420px,350px)}.object-label{padding:3px 5px}.readout-your{display:none}.readout-guess-label{text-transform:capitalize}.result-score-value{font-size:27px}.result-score-total{font-size:11px}.result-difference{font-size:10px}.receipt{padding:19px 12px}.receipt h1{font-size:29px}.receipt-total strong{font-size:94px}.receipt-row{grid-template-columns:30px minmax(0,1fr);gap:8px}.receipt-result{text-align:left;grid-column:2;align-items:baseline;gap:10px;display:flex}.receipt-result span{white-space:normal;margin-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}@media (prefers-reduced-motion:no-preference){.truth-group{animation:.42s ease-out both truth-in}@keyframes truth-in{0%{opacity:0}to{opacity:1}}}[hidden]{display:none!important}.size-game{min-width:0}.stage>canvas:focus-visible{outline:2px solid var(--action);outline-offset:-3px}.target-handle{z-index:4;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ns-resize;background:0 0;place-items:center;width:44px;height:44px;display:grid;position:absolute}.target-handle[data-axis=x]{cursor:ew-resize}.target-handle>span{border:2px solid var(--action);background:var(--paper);width:20px;height:20px;color:var(--action);font:500 15px/1 var(--mono);pointer-events:none;border-radius:3px;place-items:center;display:grid}.target-handle:focus-visible>span,.target-handle:hover>span{background:var(--camera-active)}.object-label{pointer-events:none}.measurement-readout{top:84px}.guess-controls{flex:1;align-items:center;min-width:0;display:flex}.guess-controls .stepper{flex:none;width:max-content}.control-row>.primary{flex:none}.control-row:has([data-reveal]:not([hidden])){background:var(--paper)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sources-content [hidden]{display:none!important}.completed{min-width:0}@media (width<=700px){.measurement-readout{top:80px}.control-row .result-score{min-width:0}}@media (width<=355px){.measurement-readout{top:77px}}.size-game.is-revealed .control-row{justify-content:space-between}.category-return{border:1px solid var(--border);background:var(--paper);min-height:44px;color:var(--ink);font:600 12px var(--body);white-space:nowrap;border-radius:8px;padding:0 11px}.category-return:hover{border-color:var(--action);color:var(--action)}.category-select{background:linear-gradient(160deg,var(--paper),var(--board));min-height:555px;padding:53px 40px}.category-intro{max-width:700px}.category-intro .eyebrow{color:var(--action)}.category-intro h1{margin:12px 0;font-size:clamp(38px,5.5vw,62px);line-height:1.02}.category-intro p{max-width:620px;color:var(--muted);font-size:15px;line-height:1.5}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:42px;display:grid}.category-card{text-align:left;border:1px solid var(--border);background:var(--paper);min-width:0;min-height:193px;color:var(--ink);box-shadow:0 3px 12px var(--ink-shadow-0a);border-radius:12px;flex-direction:column;justify-content:space-between;padding:23px;display:flex}.category-card:hover,.category-card:focus-visible{border-color:var(--action);background:var(--subtle-fill)}.category-card .category-index{font:500 11px var(--mono);color:var(--action)}.category-card strong{font:650 clamp(21px,2.4vw,27px)/1.1 var(--head);letter-spacing:-.04em}.category-card>span:last-child{color:var(--muted);font:500 11px var(--mono);justify-content:space-between;gap:8px;display:flex}.category-card b{color:var(--action);font-size:17px}.reference-info{max-width:calc(100% - 148px)}.reference-name{white-space:nowrap}.asset-status{z-index:6;border:1px solid var(--border);background:var(--paper);width:min(280px,100% - 24px);color:var(--ink);text-align:center;box-shadow:0 3px 16px var(--ink-shadow-35);font:500 12px/1.4 var(--body);border-radius:9px;padding:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.asset-status button{border:1px solid var(--action);background:var(--action);min-height:44px;color:var(--paper);border-radius:7px;margin:10px auto 0;padding:0 12px;display:block}.source-slot{overflow-wrap:anywhere}@media (width<=700px){.category-select{min-height:0;padding:35px 19px}.category-grid{grid-template-columns:1fr;gap:10px;margin-top:27px}.category-card{gap:9px;min-height:105px;padding:15px}.category-card strong{font-size:22px}.mast-actions{gap:5px}.edition{display:none}.reference-info{max-width:calc(100% - 145px)}}@media (width<=355px){.category-select{padding:29px 12px}.category-intro h1{font-size:36px}.reference-info{max-width:calc(100% - 141px)}.reference-detail{font-size:8px}}html[data-recipe=pop-grid]{color-scheme:light}html[data-recipe=pop-grid] body{background:var(--recipe-color-canvas);color:var(--recipe-color-text);font-family:var(--recipe-type-body-font-family);font-size:var(--recipe-type-body-font-size);font-weight:var(--recipe-type-body-font-weight);line-height:var(--recipe-type-body-line-height);font-synthesis:none}html[data-recipe=pop-grid] a{color:var(--recipe-color-accent);text-underline-offset:4px}html[data-recipe=pop-grid] :focus-visible,html[data-recipe=pop-grid] .is-focus{outline:3px solid var(--recipe-color-border);outline-offset:4px}html[data-recipe=pop-grid] h1,html[data-recipe=pop-grid] h2,html[data-recipe=pop-grid] h3,html[data-recipe=pop-grid] p{margin-top:0}html[data-recipe=pop-grid] h1,html[data-recipe=pop-grid] h2,html[data-recipe=pop-grid] h3{overflow-wrap:anywhere;text-transform:uppercase}html[data-recipe=pop-grid] h1{margin-bottom:var(--recipe-spacing-lg);font-family:var(--recipe-type-h1-font-family);font-size:var(--recipe-type-h1-font-size);font-weight:var(--recipe-type-h1-font-weight);line-height:var(--recipe-type-h1-line-height);letter-spacing:var(--recipe-type-h1-letter-spacing)}html[data-recipe=pop-grid] h2{margin-bottom:var(--recipe-spacing-md);font-family:var(--recipe-type-h2-font-family);font-size:var(--recipe-type-h2-font-size);font-weight:var(--recipe-type-h2-font-weight);line-height:var(--recipe-type-h2-line-height);letter-spacing:var(--recipe-type-h2-letter-spacing)}html[data-recipe=pop-grid] h3{margin-bottom:var(--recipe-spacing-sm);font-family:var(--recipe-type-h3-font-family);font-size:var(--recipe-type-h3-font-size);font-weight:var(--recipe-type-h3-font-weight);line-height:var(--recipe-type-h3-line-height);letter-spacing:var(--recipe-type-h3-letter-spacing)}html[data-recipe=pop-grid] .lede{color:var(--recipe-color-text);font-size:var(--recipe-type-body-lg-font-size);line-height:var(--recipe-type-body-lg-line-height)}html[data-recipe=pop-grid] .policy-banner{background:var(--recipe-color-primary);border-bottom:3px solid var(--recipe-color-border);font-size:var(--recipe-type-caption-font-size)}html[data-recipe=pop-grid] .specimen-header,html[data-recipe=pop-grid] .specimen-footer{background:var(--recipe-color-surface);border-bottom:3px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .specimen-footer{border-top:3px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .specimen-brand{color:var(--recipe-color-text);text-transform:uppercase;font-weight:700;text-decoration:none}html[data-recipe=pop-grid] .brand-mark{background:var(--recipe-color-primary);border:3px solid var(--recipe-color-border);place-items:center;width:40px;height:40px;display:grid}html[data-recipe=pop-grid] .specimen-nav a,html[data-recipe=pop-grid] .menu-control,html[data-recipe=pop-grid] .page-control{border:3px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-navigation);background:var(--recipe-color-surface);color:var(--recipe-color-text);box-shadow:4px 4px 0 var(--recipe-color-border);font-size:var(--recipe-type-label-font-size);font-weight:var(--recipe-type-label-font-weight);text-transform:uppercase;padding:8px 12px;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .1s}html[data-recipe=pop-grid] .specimen-nav a:hover,html[data-recipe=pop-grid] .menu-control:hover,html[data-recipe=pop-grid] .page-control:hover{background:var(--recipe-color-attention);box-shadow:5px 5px 0 var(--recipe-color-border);transform:translate(-1px,-1px)}html[data-recipe=pop-grid] .specimen-nav a:active,html[data-recipe=pop-grid] .menu-control:active,html[data-recipe=pop-grid] .page-control:active{box-shadow:1px 1px 0 var(--recipe-color-border);transform:translate(3px,3px)}html[data-recipe=pop-grid] .menu-control[aria-expanded=true],html[data-recipe=pop-grid] .page-control.is-current{background:var(--recipe-color-primary)}html[data-recipe=pop-grid] .eyebrow,html[data-recipe=pop-grid] .panel-label{margin:0 0 var(--recipe-spacing-sm);color:var(--recipe-color-text);font-family:var(--recipe-type-eyebrow-font-family);font-size:var(--recipe-type-eyebrow-font-size);font-weight:var(--recipe-type-eyebrow-font-weight);line-height:var(--recipe-type-eyebrow-line-height);letter-spacing:var(--recipe-type-eyebrow-letter-spacing);text-transform:uppercase}html[data-recipe=pop-grid] .intro-copy>.eyebrow{background:var(--recipe-color-accent);color:var(--recipe-color-on-accent);padding:6px 10px;display:inline-block}html[data-recipe=pop-grid] .meta-label,html[data-recipe=pop-grid] .type-role,html[data-recipe=pop-grid] .helper,html[data-recipe=pop-grid] .media-caption,html[data-recipe=pop-grid] .copy-feedback,html[data-recipe=pop-grid] .specimen-footer,html[data-recipe=pop-grid] .icon-sample small,html[data-recipe=pop-grid] .icon-state-row small{color:var(--recipe-color-text-muted);font-size:var(--recipe-type-caption-font-size);font-weight:var(--recipe-type-caption-font-weight);line-height:var(--recipe-type-caption-line-height)}html[data-recipe=pop-grid] .meta-label{margin-bottom:var(--recipe-spacing-sm)}html[data-recipe=pop-grid] .preview-loading,html[data-recipe=pop-grid] .preview-error,html[data-recipe=pop-grid] .panel,html[data-recipe=pop-grid] .card,html[data-recipe=pop-grid] .swatch,html[data-recipe=pop-grid] .feedback{border:3px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-md);background:var(--recipe-color-surface);box-shadow:6px 6px 0 var(--recipe-color-border)}html[data-recipe=pop-grid] .preview-loading,html[data-recipe=pop-grid] .preview-error,html[data-recipe=pop-grid] .panel,html[data-recipe=pop-grid] .swatch,html[data-recipe=pop-grid] .feedback{padding:var(--recipe-spacing-lg)}html[data-recipe=pop-grid] .intro-panel{background-color:var(--recipe-color-attention);background-image:linear-gradient(color-mix(in srgb, var(--recipe-color-border) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--recipe-color-border) 14%, transparent) 1px, transparent 1px);box-shadow:8px 8px 0 var(--recipe-color-border);background-size:24px 24px}html[data-recipe=pop-grid] .intro-panel .badge-row{margin-top:var(--recipe-spacing-lg)}html[data-recipe=pop-grid] .section-heading>p,html[data-recipe=pop-grid] .card>p:not(.meta-label),html[data-recipe=pop-grid] .feedback>p:not(.meta-label){color:var(--recipe-color-text)}html[data-recipe=pop-grid] .card{min-height:132px}html[data-recipe=pop-grid] .card--featured .meta-label{color:var(--recipe-color-text)}html[data-recipe=pop-grid] .card--linked{text-decoration:none;transition:transform .1s,box-shadow .1s}html[data-recipe=pop-grid] .card--linked:hover{box-shadow:7px 7px 0 var(--recipe-color-border);transform:translate(-1px,-1px)}html[data-recipe=pop-grid] .card--linked:active{box-shadow:3px 3px 0 var(--recipe-color-border);transform:translate(3px,3px)}html[data-recipe=pop-grid] .destination-label{color:var(--recipe-color-accent);font-size:var(--recipe-type-label-font-size);font-weight:var(--recipe-type-label-font-weight);text-underline-offset:4px;text-decoration:underline}html[data-recipe=pop-grid] .swatch-color{border:2px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-sm)}html[data-recipe=pop-grid] .swatch--canvas .swatch-color{background:var(--recipe-color-canvas)}html[data-recipe=pop-grid] .swatch--surface .swatch-color{background:var(--recipe-color-surface)}html[data-recipe=pop-grid] .swatch--surface-muted .swatch-color{background:var(--recipe-color-surface-muted)}html[data-recipe=pop-grid] .swatch--primary .swatch-color{background:var(--recipe-color-primary)}html[data-recipe=pop-grid] .swatch--secondary .swatch-color{background:var(--recipe-color-secondary)}html[data-recipe=pop-grid] .swatch--accent .swatch-color{background:var(--recipe-color-accent)}html[data-recipe=pop-grid] .swatch--text .swatch-color{background:var(--recipe-color-text)}html[data-recipe=pop-grid] .swatch--text-muted .swatch-color{background:var(--recipe-color-text-muted)}html[data-recipe=pop-grid] .swatch--border .swatch-color{background:var(--recipe-color-border)}html[data-recipe=pop-grid] .swatch--success .swatch-color{background:var(--recipe-color-success)}html[data-recipe=pop-grid] .swatch--warning .swatch-color{background:var(--recipe-color-warning)}html[data-recipe=pop-grid] .swatch--error .swatch-color{background:var(--recipe-color-error)}html[data-recipe=pop-grid] .spacing-sample i{background:var(--recipe-color-primary);border:2px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .shape-row{margin-top:var(--recipe-spacing-lg)}html[data-recipe=pop-grid] .shape{padding:var(--recipe-spacing-control);background:var(--recipe-color-attention);color:var(--recipe-color-text);border:2px solid var(--recipe-color-border);box-shadow:3px 3px 0 var(--recipe-color-border)}html[data-recipe=pop-grid] .shape--sm{border-radius:var(--recipe-rounded-sm)}html[data-recipe=pop-grid] .shape--md{border-radius:var(--recipe-rounded-md)}html[data-recipe=pop-grid] .shape--lg{border-radius:var(--recipe-rounded-lg)}html[data-recipe=pop-grid] .specimen-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}html[data-recipe=pop-grid] .icon-sample,html[data-recipe=pop-grid] .icon-state-row>span{border:2px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-navigation)}html[data-recipe=pop-grid] .icon-state-row .is-selected{color:var(--recipe-color-text);background:var(--recipe-color-primary);box-shadow:3px 3px 0 var(--recipe-color-border)}html[data-recipe=pop-grid] .icon-state-row .is-disabled{color:var(--recipe-color-disabled-text);background:var(--recipe-color-disabled);border-style:dashed}html[data-recipe=pop-grid] .type-sample+.type-sample{border-top:2px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .type-sample--display .type-output,html[data-recipe=pop-grid] .type-sample--h1 .type-output,html[data-recipe=pop-grid] .type-sample--h2 .type-output,html[data-recipe=pop-grid] .type-sample--h3 .type-output{text-transform:uppercase}html[data-recipe=pop-grid] .ui-button{border:3px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-sm);background:var(--recipe-color-surface);color:var(--recipe-color-text);white-space:normal;overflow-wrap:anywhere;text-transform:uppercase;box-shadow:4px 4px 0 var(--recipe-color-border);padding:12px;transition:transform .1s,box-shadow .1s,background-color .1s}html[data-recipe=pop-grid] .ui-button:not(:disabled):hover,html[data-recipe=pop-grid] .ui-button.is-hover{box-shadow:5px 5px 0 var(--recipe-color-border);transform:translate(-1px,-1px)}html[data-recipe=pop-grid] .ui-button:not(:disabled):active,html[data-recipe=pop-grid] .ui-button.is-active{box-shadow:1px 1px 0 var(--recipe-color-border);transform:translate(3px,3px)}html[data-recipe=pop-grid] .ui-button--ghost{color:var(--recipe-color-accent);text-underline-offset:4px;box-shadow:none;background:0 0;border-color:#0000;text-decoration:underline}html[data-recipe=pop-grid] .ui-button--ghost:not(:disabled):hover{box-shadow:none;border-color:var(--recipe-color-border);transform:none}html[data-recipe=pop-grid] .ui-button--disabled,html[data-recipe=pop-grid] .ui-button:disabled{cursor:not-allowed;box-shadow:none;border-style:dashed;transform:none}html[data-recipe=pop-grid] .field{border:3px solid var(--recipe-color-border);width:100%}html[data-recipe=pop-grid] .field::placeholder{color:var(--recipe-color-text-muted)}html[data-recipe=pop-grid] .field[aria-invalid=true]{border-color:var(--recipe-color-error);box-shadow:inset 4px 0 0 var(--recipe-color-error)}html[data-recipe=pop-grid] .error-text{color:var(--recipe-color-error);font-size:var(--recipe-type-caption-font-size)}html[data-recipe=pop-grid] .field:disabled{cursor:not-allowed;border-style:dashed}html[data-recipe=pop-grid] textarea.field{min-height:110px}html[data-recipe=pop-grid] .choice-group{min-width:0;margin:0 0 var(--recipe-spacing-md);padding:var(--recipe-spacing-control);border:2px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-sm)}html[data-recipe=pop-grid] .choice-group legend{padding-inline:var(--recipe-spacing-xs);font-size:var(--recipe-type-label-font-size);font-weight:var(--recipe-type-label-font-weight)}html[data-recipe=pop-grid] .choice{cursor:pointer;font-size:var(--recipe-type-label-font-size)}html[data-recipe=pop-grid] .choice:has(.choice-input:disabled){cursor:not-allowed;color:var(--recipe-color-disabled-text)}html[data-recipe=pop-grid] .choice-indicator,html[data-recipe=pop-grid] .switch-track{border:2px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .choice-indicator--checkbox .specimen-icon{opacity:0}html[data-recipe=pop-grid] .choice-input[type=checkbox]:checked+.choice-indicator--checkbox .specimen-icon{opacity:1}html[data-recipe=pop-grid] .choice-input:disabled+.choice-indicator,html[data-recipe=pop-grid] .choice-input:disabled+.switch-track{border-style:dashed}html[data-recipe=pop-grid] .radio-dot{border-radius:var(--recipe-rounded-full);background:var(--recipe-color-text);opacity:0;width:10px;height:10px}html[data-recipe=pop-grid] .choice-input[type=radio]:checked+.choice-indicator .radio-dot{opacity:1}html[data-recipe=pop-grid] .switch-track{align-items:center;padding:3px;display:flex}html[data-recipe=pop-grid] .switch-thumb{border:2px solid var(--recipe-color-border);flex-shrink:0;transition:transform .1s}html[data-recipe=pop-grid] .choice-input:checked+.switch-track>.switch-thumb{transform:translate(20px)}html[data-recipe=pop-grid] .choice-input[type=checkbox]:not([role=switch]):focus-visible+.choice-indicator--checkbox,html[data-recipe=pop-grid] .choice--checkbox.is-focus-demo .choice-indicator--checkbox,html[data-recipe=pop-grid] .choice-input[type=radio]:focus-visible+.choice-indicator--radio,html[data-recipe=pop-grid] .choice--radio.is-focus-demo .choice-indicator--radio,html[data-recipe=pop-grid] .choice-input[type=checkbox][role=switch]:focus-visible+.switch-track,html[data-recipe=pop-grid] .choice--switch.is-focus-demo .switch-track{outline:3px solid var(--recipe-color-border);outline-offset:4px}html[data-recipe=pop-grid] .tab{border:2px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-filter);background:var(--recipe-color-surface);color:var(--recipe-color-text);padding:var(--recipe-spacing-sm);font-size:var(--recipe-type-label-font-size);font-weight:var(--recipe-type-label-font-weight)}html[data-recipe=pop-grid] .tab:hover,html[data-recipe=pop-grid] .tab[aria-selected=true]{box-shadow:inset 0 -4px 0 var(--recipe-color-border)}html[data-recipe=pop-grid] .tab-panel,html[data-recipe=pop-grid] .code-row,html[data-recipe=pop-grid] .callout,html[data-recipe=pop-grid] .popover>div{padding:var(--recipe-spacing-md);border:2px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .tab-panel{margin-top:var(--recipe-spacing-control)}html[data-recipe=pop-grid] .breadcrumb{color:var(--recipe-color-text-muted);font-size:var(--recipe-type-caption-font-size)}html[data-recipe=pop-grid] .list-sample li+li{border-top:2px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .list-sample .specimen-icon{color:var(--recipe-color-text)}html[data-recipe=pop-grid] .badge,html[data-recipe=pop-grid] .status{min-height:28px;font-size:var(--recipe-type-caption-font-size);font-weight:var(--recipe-type-label-font-weight);border:2px solid var(--recipe-color-border);align-items:center;padding:4px 8px;display:inline-flex}html[data-recipe=pop-grid] .status--unavailable{color:var(--recipe-color-disabled-text);background:var(--recipe-color-disabled);border-style:dashed}html[data-recipe=pop-grid] .code-row code,html[data-recipe=pop-grid] .data-value,html[data-recipe=pop-grid] .dense-list dd{font-family:var(--recipe-type-data-font-family);font-size:var(--recipe-type-data-font-size)}html[data-recipe=pop-grid] .code-row .helper,html[data-recipe=pop-grid] .copy-feedback{color:var(--recipe-color-text);margin:0}html[data-recipe=pop-grid] table{border-collapse:collapse;width:100%;font-size:var(--recipe-type-body-sm-font-size)}html[data-recipe=pop-grid] th{background:var(--recipe-color-primary);color:var(--recipe-color-text);font-weight:var(--recipe-type-label-font-weight)}html[data-recipe=pop-grid] caption{color:var(--recipe-color-text-muted);font-size:var(--recipe-type-caption-font-size)}html[data-recipe=pop-grid] th,html[data-recipe=pop-grid] td{border-bottom:2px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .feedback{border-left-width:8px}html[data-recipe=pop-grid] .feedback--success{border-left-color:var(--recipe-color-success)}html[data-recipe=pop-grid] .feedback--warning{border-left-color:var(--recipe-color-warning)}html[data-recipe=pop-grid] .feedback--error{border-left-color:var(--recipe-color-error)}html[data-recipe=pop-grid] .feedback--empty{border-style:dashed;border-left-width:3px}html[data-recipe=pop-grid] .feedback--success .meta-label{color:var(--recipe-color-success)}html[data-recipe=pop-grid] .feedback--warning .meta-label{color:var(--recipe-color-warning)}html[data-recipe=pop-grid] .feedback--error .meta-label{color:var(--recipe-color-error)}html[data-recipe=pop-grid] .loading-bar{border:2px solid var(--recipe-color-border);background:linear-gradient(90deg, var(--recipe-color-primary) 44%, var(--recipe-color-surface-muted) 44%)}html[data-recipe=pop-grid] .media-frame{min-height:160px;padding:var(--recipe-spacing-lg);border:3px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-md);color:var(--recipe-color-text);background-color:var(--recipe-color-primary);background-image:linear-gradient(color-mix(in srgb, var(--recipe-color-border) 18%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--recipe-color-border) 18%, transparent) 1px, transparent 1px);box-shadow:4px 4px 0 var(--recipe-color-border);font-weight:var(--recipe-type-label-font-weight);text-transform:uppercase;background-size:24px 24px}html[data-recipe=pop-grid] .media-frame--card{min-height:140px}html[data-recipe=pop-grid] .tooltip{overflow-wrap:anywhere;width:max-content;max-width:min(240px,72vw);font-size:var(--recipe-type-caption-font-size);border:2px solid var(--recipe-color-border);box-shadow:4px 4px 0 var(--recipe-color-border)}html[data-recipe=pop-grid] .popover summary{color:var(--recipe-color-accent);text-underline-offset:4px;text-decoration:underline}html[data-recipe=pop-grid] .modal{background:var(--recipe-color-surface);width:min(460px,100% - 32px);max-height:calc(100% - 32px);color:var(--recipe-color-text);border:3px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-lg);box-shadow:8px 8px 0 var(--recipe-color-border);padding:30px;overflow:auto}html[data-recipe=pop-grid] .modal::backdrop{background:color-mix(in srgb, var(--recipe-color-text) 45%, transparent)}html[data-recipe=pop-grid] .type-sample--display .type-output{font-family:var(--recipe-type-display-font-family);font-size:var(--recipe-type-display-font-size);font-weight:var(--recipe-type-display-font-weight);line-height:var(--recipe-type-display-line-height);letter-spacing:var(--recipe-type-display-letter-spacing)}html[data-recipe=pop-grid] .type-sample--h1 .type-output{font-family:var(--recipe-type-h1-font-family);font-size:var(--recipe-type-h1-font-size);font-weight:var(--recipe-type-h1-font-weight);line-height:var(--recipe-type-h1-line-height);letter-spacing:var(--recipe-type-h1-letter-spacing)}html[data-recipe=pop-grid] .type-sample--h2 .type-output{font-family:var(--recipe-type-h2-font-family);font-size:var(--recipe-type-h2-font-size);font-weight:var(--recipe-type-h2-font-weight);line-height:var(--recipe-type-h2-line-height);letter-spacing:var(--recipe-type-h2-letter-spacing)}html[data-recipe=pop-grid] .type-sample--h3 .type-output{font-family:var(--recipe-type-h3-font-family);font-size:var(--recipe-type-h3-font-size);font-weight:var(--recipe-type-h3-font-weight);line-height:var(--recipe-type-h3-line-height);letter-spacing:var(--recipe-type-h3-letter-spacing)}html[data-recipe=pop-grid] .type-sample--body-lg .type-output{font-family:var(--recipe-type-body-lg-font-family);font-size:var(--recipe-type-body-lg-font-size);font-weight:var(--recipe-type-body-lg-font-weight);line-height:var(--recipe-type-body-lg-line-height);letter-spacing:var(--recipe-type-body-lg-letter-spacing)}html[data-recipe=pop-grid] .type-sample--body .type-output{font-family:var(--recipe-type-body-font-family);font-size:var(--recipe-type-body-font-size);font-weight:var(--recipe-type-body-font-weight);line-height:var(--recipe-type-body-line-height);letter-spacing:var(--recipe-type-body-letter-spacing)}html[data-recipe=pop-grid] .type-sample--body-sm .type-output{font-family:var(--recipe-type-body-sm-font-family);font-size:var(--recipe-type-body-sm-font-size);font-weight:var(--recipe-type-body-sm-font-weight);line-height:var(--recipe-type-body-sm-line-height);letter-spacing:var(--recipe-type-body-sm-letter-spacing)}html[data-recipe=pop-grid] .type-sample--label .type-output{font-family:var(--recipe-type-label-font-family);font-size:var(--recipe-type-label-font-size);font-weight:var(--recipe-type-label-font-weight);line-height:var(--recipe-type-label-line-height);letter-spacing:var(--recipe-type-label-letter-spacing)}html[data-recipe=pop-grid] .type-sample--caption .type-output{font-family:var(--recipe-type-caption-font-family);font-size:var(--recipe-type-caption-font-size);font-weight:var(--recipe-type-caption-font-weight);line-height:var(--recipe-type-caption-line-height);letter-spacing:var(--recipe-type-caption-letter-spacing)}html[data-recipe=pop-grid] .type-sample--data .type-output{font-family:var(--recipe-type-data-font-family);font-size:var(--recipe-type-data-font-size);font-weight:var(--recipe-type-data-font-weight);line-height:var(--recipe-type-data-line-height);letter-spacing:var(--recipe-type-data-letter-spacing)}html[data-recipe=pop-grid] .spacing-sample--xs i{width:var(--recipe-spacing-xs)}html[data-recipe=pop-grid] .spacing-sample--sm i{width:var(--recipe-spacing-sm)}html[data-recipe=pop-grid] .spacing-sample--md i{width:var(--recipe-spacing-md)}html[data-recipe=pop-grid] .spacing-sample--lg i{width:var(--recipe-spacing-lg)}html[data-recipe=pop-grid] .spacing-sample--xl i{width:var(--recipe-spacing-xl)}@media (width<=600px){html[data-recipe=pop-grid] h1{font-size:min(var(--recipe-type-h1-font-size), 11vw);letter-spacing:-1px}html[data-recipe=pop-grid] .panel,html[data-recipe=pop-grid] .swatch,html[data-recipe=pop-grid] .feedback{padding:var(--recipe-spacing-md)}html[data-recipe=pop-grid] .modal{padding:var(--recipe-spacing-lg)}}html[data-recipe=pop-grid]{--recipe-color-primary:#c7f34f;--recipe-color-primary-hover:#b5e33d;--recipe-color-on-primary:#080808;--recipe-color-canvas:#f4f4f1;--recipe-color-surface:#fff;--recipe-color-surface-muted:#ededed;--recipe-color-secondary:#fff;--recipe-color-accent:#7951f2;--recipe-color-on-accent:#fff;--recipe-color-text:#080808;--recipe-color-text-muted:#52524e;--recipe-color-border:#080808;--recipe-color-attention:#fa7da3;--recipe-color-on-attention:#080808;--recipe-color-success:#216144;--recipe-color-warning:#865000;--recipe-color-error:#aa283d;--recipe-color-on-status:#fff;--recipe-color-disabled:#deded9;--recipe-color-disabled-text:#52524e;--recipe-color-tooltip:#7951f2;--recipe-color-on-tooltip:#fff;--recipe-spacing-xs:4px;--recipe-spacing-sm:8px;--recipe-spacing-control:12px;--recipe-spacing-md:16px;--recipe-spacing-lg:24px;--recipe-spacing-xl:32px;--recipe-spacing-section:48px;--recipe-rounded-none:0px;--recipe-rounded-sm:0px;--recipe-rounded-md:0px;--recipe-rounded-lg:0px;--recipe-rounded-full:9999px;--recipe-rounded-filter:0px;--recipe-rounded-navigation:0px;--recipe-rounded-toast:0px;--recipe-rounded-keyboard:0px;--recipe-type-display-font-family:"Arial Black", Arial, Helvetica, sans-serif;--recipe-type-display-font-size:64px;--recipe-type-display-font-weight:900;--recipe-type-display-line-height:1em;--recipe-type-display-letter-spacing:-2px;--recipe-type-h1-font-family:"Arial Black", Arial, Helvetica, sans-serif;--recipe-type-h1-font-size:56px;--recipe-type-h1-font-weight:900;--recipe-type-h1-line-height:1.05em;--recipe-type-h1-letter-spacing:-1.8px;--recipe-type-h2-font-family:"Arial Black", Arial, Helvetica, sans-serif;--recipe-type-h2-font-size:28px;--recipe-type-h2-font-weight:900;--recipe-type-h2-line-height:1.15em;--recipe-type-h2-letter-spacing:-.6px;--recipe-type-h3-font-family:"Arial Black", Arial, Helvetica, sans-serif;--recipe-type-h3-font-size:20px;--recipe-type-h3-font-weight:900;--recipe-type-h3-line-height:1.3em;--recipe-type-h3-letter-spacing:-.2px;--recipe-type-body-lg-font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--recipe-type-body-lg-font-size:18px;--recipe-type-body-lg-font-weight:400;--recipe-type-body-lg-line-height:1.6em;--recipe-type-body-lg-letter-spacing:0px;--recipe-type-body-font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--recipe-type-body-font-size:16px;--recipe-type-body-font-weight:400;--recipe-type-body-line-height:1.6em;--recipe-type-body-letter-spacing:0px;--recipe-type-body-sm-font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--recipe-type-body-sm-font-size:14px;--recipe-type-body-sm-font-weight:400;--recipe-type-body-sm-line-height:1.6em;--recipe-type-body-sm-letter-spacing:0px;--recipe-type-label-font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--recipe-type-label-font-size:14px;--recipe-type-label-font-weight:700;--recipe-type-label-line-height:22px;--recipe-type-label-letter-spacing:0px;--recipe-type-caption-font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--recipe-type-caption-font-size:13px;--recipe-type-caption-font-weight:400;--recipe-type-caption-line-height:1.6em;--recipe-type-caption-letter-spacing:0px;--recipe-type-data-font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--recipe-type-data-font-size:14px;--recipe-type-data-font-weight:400;--recipe-type-data-line-height:1.6em;--recipe-type-data-letter-spacing:0px;--recipe-type-eyebrow-font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--recipe-type-eyebrow-font-size:12px;--recipe-type-eyebrow-font-weight:700;--recipe-type-eyebrow-line-height:1.5em;--recipe-type-eyebrow-letter-spacing:.5px;--recipe-contract-typography-property-count:55;--recipe-component-page-backgroundcolor:#f4f4f1;--recipe-component-page-textcolor:#080808;--recipe-component-button-standard-typography-font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--recipe-component-button-standard-typography-font-size:14px;--recipe-component-button-standard-typography-font-weight:700;--recipe-component-button-standard-typography-line-height:22px;--recipe-component-button-standard-typography-letter-spacing:0px;--recipe-component-button-primary-backgroundcolor:#c7f34f;--recipe-component-button-primary-textcolor:#080808;--recipe-component-button-primary-rounded:0px;--recipe-component-button-primary-padding:12px;--recipe-component-button-primary-height:48px;--recipe-component-button-primary-hover-backgroundcolor:#b5e33d;--recipe-component-button-primary-hover-textcolor:#080808;--recipe-component-button-primary-hover-rounded:0px;--recipe-component-button-primary-hover-padding:12px;--recipe-component-button-primary-hover-height:48px;--recipe-component-button-secondary-backgroundcolor:#fff;--recipe-component-button-secondary-textcolor:#080808;--recipe-component-button-secondary-rounded:0px;--recipe-component-button-secondary-padding:12px;--recipe-component-button-secondary-height:48px;--recipe-component-button-attention-backgroundcolor:#fa7da3;--recipe-component-button-attention-textcolor:#080808;--recipe-component-button-attention-rounded:0px;--recipe-component-button-attention-padding:12px;--recipe-component-button-attention-height:48px;--recipe-component-button-disabled-backgroundcolor:#deded9;--recipe-component-button-disabled-textcolor:#52524e;--recipe-component-button-disabled-rounded:0px;--recipe-component-button-disabled-padding:12px;--recipe-component-button-disabled-height:48px;--recipe-component-card-standard-backgroundcolor:#fff;--recipe-component-card-standard-textcolor:#080808;--recipe-component-card-standard-rounded:0px;--recipe-component-card-standard-padding:16px;--recipe-component-card-featured-backgroundcolor:#fa7da3;--recipe-component-card-featured-textcolor:#080808;--recipe-component-card-featured-rounded:0px;--recipe-component-card-featured-padding:16px;--recipe-component-field-backgroundcolor:#fff;--recipe-component-field-textcolor:#080808;--recipe-component-field-rounded:0px;--recipe-component-field-height:48px;--recipe-component-field-padding:12px;--recipe-component-field-typography-font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--recipe-component-field-typography-font-size:16px;--recipe-component-field-typography-font-weight:400;--recipe-component-field-typography-line-height:1.6em;--recipe-component-field-typography-letter-spacing:0px;--recipe-component-checkbox-control-backgroundcolor:#fff;--recipe-component-checkbox-control-textcolor:#080808;--recipe-component-checkbox-control-rounded:0px;--recipe-component-checkbox-control-size:22px;--recipe-component-checkbox-control-checked-backgroundcolor:#c7f34f;--recipe-component-checkbox-control-checked-textcolor:#080808;--recipe-component-checkbox-control-checked-rounded:0px;--recipe-component-checkbox-control-checked-size:22px;--recipe-component-checkbox-control-disabled-backgroundcolor:#deded9;--recipe-component-checkbox-control-disabled-textcolor:#52524e;--recipe-component-checkbox-control-disabled-rounded:0px;--recipe-component-checkbox-control-disabled-size:22px;--recipe-component-radio-control-backgroundcolor:#fff;--recipe-component-radio-control-textcolor:#080808;--recipe-component-radio-control-rounded:9999px;--recipe-component-radio-control-size:22px;--recipe-component-radio-control-checked-backgroundcolor:#c7f34f;--recipe-component-radio-control-checked-textcolor:#080808;--recipe-component-radio-control-checked-rounded:9999px;--recipe-component-radio-control-checked-size:22px;--recipe-component-radio-control-disabled-backgroundcolor:#deded9;--recipe-component-radio-control-disabled-textcolor:#52524e;--recipe-component-radio-control-disabled-rounded:9999px;--recipe-component-radio-control-disabled-size:22px;--recipe-component-switch-track-backgroundcolor:#ededed;--recipe-component-switch-track-textcolor:#52524e;--recipe-component-switch-track-rounded:0px;--recipe-component-switch-track-width:48px;--recipe-component-switch-track-height:28px;--recipe-component-switch-track-checked-backgroundcolor:#c7f34f;--recipe-component-switch-track-checked-textcolor:#080808;--recipe-component-switch-track-checked-rounded:0px;--recipe-component-switch-track-checked-width:48px;--recipe-component-switch-track-checked-height:28px;--recipe-component-switch-track-disabled-backgroundcolor:#deded9;--recipe-component-switch-track-disabled-textcolor:#52524e;--recipe-component-switch-track-disabled-rounded:0px;--recipe-component-switch-track-disabled-width:48px;--recipe-component-switch-track-disabled-height:28px;--recipe-component-switch-thumb-backgroundcolor:#fff;--recipe-component-switch-thumb-textcolor:#080808;--recipe-component-switch-thumb-rounded:0px;--recipe-component-switch-thumb-size:18px;--recipe-component-switch-thumb-checked-backgroundcolor:#fff;--recipe-component-switch-thumb-checked-textcolor:#080808;--recipe-component-switch-thumb-checked-rounded:0px;--recipe-component-switch-thumb-checked-size:18px;--recipe-component-switch-thumb-disabled-backgroundcolor:#fff;--recipe-component-switch-thumb-disabled-textcolor:#52524e;--recipe-component-switch-thumb-disabled-rounded:0px;--recipe-component-switch-thumb-disabled-size:18px;--recipe-component-list-row-height:44px;--recipe-component-table-cell-padding:10px;--recipe-component-loading-bar-height:8px;--recipe-component-tab-selected-backgroundcolor:#7951f2;--recipe-component-tab-selected-textcolor:#fff;--recipe-component-tab-selected-rounded:0px;--recipe-component-tab-selected-padding:8px;--recipe-component-status-success-backgroundcolor:#216144;--recipe-component-status-success-textcolor:#fff;--recipe-component-status-success-rounded:0px;--recipe-component-status-warning-backgroundcolor:#865000;--recipe-component-status-warning-textcolor:#fff;--recipe-component-status-warning-rounded:0px;--recipe-component-status-error-backgroundcolor:#aa283d;--recipe-component-status-error-textcolor:#fff;--recipe-component-status-error-rounded:0px;--recipe-component-tooltip-backgroundcolor:#7951f2;--recipe-component-tooltip-textcolor:#fff;--recipe-component-tooltip-rounded:0px;--recipe-component-tooltip-padding:8px;--recipe-component-muted-surface-backgroundcolor:#ededed;--recipe-component-muted-surface-textcolor:#080808;--recipe-component-muted-surface-rounded:0px;--recipe-component-attention-label-backgroundcolor:#fa7da3;--recipe-component-attention-label-textcolor:#080808;--recipe-component-attention-label-rounded:0px;--recipe-component-accent-label-backgroundcolor:#7951f2;--recipe-component-accent-label-textcolor:#fff;--recipe-component-accent-label-rounded:0px;--recipe-component-border-sample-backgroundcolor:#080808;--recipe-component-border-sample-textcolor:#fff;--recipe-component-border-sample-rounded:0px}html[data-recipe=pop-grid] body{background-color:var(--recipe-component-page-backgroundcolor)!important;color:var(--recipe-component-page-textcolor)!important}html[data-recipe=pop-grid] .ui-button{font-family:var(--recipe-component-button-standard-typography-font-family)!important;font-size:var(--recipe-component-button-standard-typography-font-size)!important;font-weight:var(--recipe-component-button-standard-typography-font-weight)!important;line-height:var(--recipe-component-button-standard-typography-line-height)!important;letter-spacing:var(--recipe-component-button-standard-typography-letter-spacing)!important}html[data-recipe=pop-grid] .ui-button--primary{background-color:var(--recipe-component-button-primary-backgroundcolor)!important;color:var(--recipe-component-button-primary-textcolor)!important;border-radius:var(--recipe-component-button-primary-rounded)!important;padding:var(--recipe-component-button-primary-padding)!important;min-height:var(--recipe-component-button-primary-height)!important}html[data-recipe=pop-grid] .ui-button--primary:hover,html[data-recipe=pop-grid] .ui-button--primary.is-hover{background-color:var(--recipe-component-button-primary-hover-backgroundcolor)!important;color:var(--recipe-component-button-primary-hover-textcolor)!important;border-radius:var(--recipe-component-button-primary-hover-rounded)!important;padding:var(--recipe-component-button-primary-hover-padding)!important;min-height:var(--recipe-component-button-primary-hover-height)!important}html[data-recipe=pop-grid] .ui-button--secondary{background-color:var(--recipe-component-button-secondary-backgroundcolor)!important;color:var(--recipe-component-button-secondary-textcolor)!important;border-radius:var(--recipe-component-button-secondary-rounded)!important;padding:var(--recipe-component-button-secondary-padding)!important;min-height:var(--recipe-component-button-secondary-height)!important}html[data-recipe=pop-grid] .ui-button--attention{background-color:var(--recipe-component-button-attention-backgroundcolor)!important;color:var(--recipe-component-button-attention-textcolor)!important;border-radius:var(--recipe-component-button-attention-rounded)!important;padding:var(--recipe-component-button-attention-padding)!important;min-height:var(--recipe-component-button-attention-height)!important}html[data-recipe=pop-grid] .ui-button--disabled,html[data-recipe=pop-grid] .ui-button:disabled{background-color:var(--recipe-component-button-disabled-backgroundcolor)!important;color:var(--recipe-component-button-disabled-textcolor)!important;border-radius:var(--recipe-component-button-disabled-rounded)!important;padding:var(--recipe-component-button-disabled-padding)!important;min-height:var(--recipe-component-button-disabled-height)!important}html[data-recipe=pop-grid] .card{background-color:var(--recipe-component-card-standard-backgroundcolor)!important;color:var(--recipe-component-card-standard-textcolor)!important;border-radius:var(--recipe-component-card-standard-rounded)!important;padding:var(--recipe-component-card-standard-padding)!important}html[data-recipe=pop-grid] .card--featured{background-color:var(--recipe-component-card-featured-backgroundcolor)!important;color:var(--recipe-component-card-featured-textcolor)!important;border-radius:var(--recipe-component-card-featured-rounded)!important;padding:var(--recipe-component-card-featured-padding)!important}html[data-recipe=pop-grid] .field{background-color:var(--recipe-component-field-backgroundcolor)!important;color:var(--recipe-component-field-textcolor)!important;border-radius:var(--recipe-component-field-rounded)!important;min-height:var(--recipe-component-field-height)!important;padding:var(--recipe-component-field-padding)!important;font-family:var(--recipe-component-field-typography-font-family)!important;font-size:var(--recipe-component-field-typography-font-size)!important;font-weight:var(--recipe-component-field-typography-font-weight)!important;line-height:var(--recipe-component-field-typography-line-height)!important;letter-spacing:var(--recipe-component-field-typography-letter-spacing)!important}html[data-recipe=pop-grid] .choice-indicator--checkbox{background-color:var(--recipe-component-checkbox-control-backgroundcolor)!important;color:var(--recipe-component-checkbox-control-textcolor)!important;border-radius:var(--recipe-component-checkbox-control-rounded)!important;width:var(--recipe-component-checkbox-control-size)!important;height:var(--recipe-component-checkbox-control-size)!important}html[data-recipe=pop-grid] .choice-input[type=checkbox]:not([role=switch]):checked+.choice-indicator--checkbox{background-color:var(--recipe-component-checkbox-control-checked-backgroundcolor)!important;color:var(--recipe-component-checkbox-control-checked-textcolor)!important;border-radius:var(--recipe-component-checkbox-control-checked-rounded)!important;width:var(--recipe-component-checkbox-control-checked-size)!important;height:var(--recipe-component-checkbox-control-checked-size)!important}html[data-recipe=pop-grid] .choice-input[type=checkbox]:not([role=switch]):disabled+.choice-indicator--checkbox{background-color:var(--recipe-component-checkbox-control-disabled-backgroundcolor)!important;color:var(--recipe-component-checkbox-control-disabled-textcolor)!important;border-radius:var(--recipe-component-checkbox-control-disabled-rounded)!important;width:var(--recipe-component-checkbox-control-disabled-size)!important;height:var(--recipe-component-checkbox-control-disabled-size)!important}html[data-recipe=pop-grid] .choice-indicator--radio{background-color:var(--recipe-component-radio-control-backgroundcolor)!important;color:var(--recipe-component-radio-control-textcolor)!important;border-radius:var(--recipe-component-radio-control-rounded)!important;width:var(--recipe-component-radio-control-size)!important;height:var(--recipe-component-radio-control-size)!important}html[data-recipe=pop-grid] .choice-input[type=radio]:checked+.choice-indicator--radio{background-color:var(--recipe-component-radio-control-checked-backgroundcolor)!important;color:var(--recipe-component-radio-control-checked-textcolor)!important;border-radius:var(--recipe-component-radio-control-checked-rounded)!important;width:var(--recipe-component-radio-control-checked-size)!important;height:var(--recipe-component-radio-control-checked-size)!important}html[data-recipe=pop-grid] .choice-input[type=radio]:disabled+.choice-indicator--radio{background-color:var(--recipe-component-radio-control-disabled-backgroundcolor)!important;color:var(--recipe-component-radio-control-disabled-textcolor)!important;border-radius:var(--recipe-component-radio-control-disabled-rounded)!important;width:var(--recipe-component-radio-control-disabled-size)!important;height:var(--recipe-component-radio-control-disabled-size)!important}html[data-recipe=pop-grid] .switch-track{background-color:var(--recipe-component-switch-track-backgroundcolor)!important;color:var(--recipe-component-switch-track-textcolor)!important;border-radius:var(--recipe-component-switch-track-rounded)!important;width:var(--recipe-component-switch-track-width)!important;min-height:var(--recipe-component-switch-track-height)!important}html[data-recipe=pop-grid] .choice-input[type=checkbox][role=switch]:checked+.switch-track{background-color:var(--recipe-component-switch-track-checked-backgroundcolor)!important;color:var(--recipe-component-switch-track-checked-textcolor)!important;border-radius:var(--recipe-component-switch-track-checked-rounded)!important;width:var(--recipe-component-switch-track-checked-width)!important;min-height:var(--recipe-component-switch-track-checked-height)!important}html[data-recipe=pop-grid] .choice-input[type=checkbox][role=switch]:disabled+.switch-track{background-color:var(--recipe-component-switch-track-disabled-backgroundcolor)!important;color:var(--recipe-component-switch-track-disabled-textcolor)!important;border-radius:var(--recipe-component-switch-track-disabled-rounded)!important;width:var(--recipe-component-switch-track-disabled-width)!important;min-height:var(--recipe-component-switch-track-disabled-height)!important}html[data-recipe=pop-grid] .switch-thumb{background-color:var(--recipe-component-switch-thumb-backgroundcolor)!important;color:var(--recipe-component-switch-thumb-textcolor)!important;border-radius:var(--recipe-component-switch-thumb-rounded)!important;width:var(--recipe-component-switch-thumb-size)!important;height:var(--recipe-component-switch-thumb-size)!important}html[data-recipe=pop-grid] .choice-input[type=checkbox][role=switch]:checked+.switch-track>.switch-thumb{background-color:var(--recipe-component-switch-thumb-checked-backgroundcolor)!important;color:var(--recipe-component-switch-thumb-checked-textcolor)!important;border-radius:var(--recipe-component-switch-thumb-checked-rounded)!important;width:var(--recipe-component-switch-thumb-checked-size)!important;height:var(--recipe-component-switch-thumb-checked-size)!important}html[data-recipe=pop-grid] .choice-input[type=checkbox][role=switch]:disabled+.switch-track>.switch-thumb{background-color:var(--recipe-component-switch-thumb-disabled-backgroundcolor)!important;color:var(--recipe-component-switch-thumb-disabled-textcolor)!important;border-radius:var(--recipe-component-switch-thumb-disabled-rounded)!important;width:var(--recipe-component-switch-thumb-disabled-size)!important;height:var(--recipe-component-switch-thumb-disabled-size)!important}html[data-recipe=pop-grid] .list-sample li{min-height:var(--recipe-component-list-row-height)!important}html[data-recipe=pop-grid] caption,html[data-recipe=pop-grid] th,html[data-recipe=pop-grid] td{padding:var(--recipe-component-table-cell-padding)!important}html[data-recipe=pop-grid] .loading-bar{min-height:var(--recipe-component-loading-bar-height)!important}html[data-recipe=pop-grid] .tab[aria-selected=true]{background-color:var(--recipe-component-tab-selected-backgroundcolor)!important;color:var(--recipe-component-tab-selected-textcolor)!important;border-radius:var(--recipe-component-tab-selected-rounded)!important;padding:var(--recipe-component-tab-selected-padding)!important}html[data-recipe=pop-grid] .badge--success,html[data-recipe=pop-grid] .status--ready{background-color:var(--recipe-component-status-success-backgroundcolor)!important;color:var(--recipe-component-status-success-textcolor)!important;border-radius:var(--recipe-component-status-success-rounded)!important}html[data-recipe=pop-grid] .badge--warning,html[data-recipe=pop-grid] .status--pending{background-color:var(--recipe-component-status-warning-backgroundcolor)!important;color:var(--recipe-component-status-warning-textcolor)!important;border-radius:var(--recipe-component-status-warning-rounded)!important}html[data-recipe=pop-grid] .badge--error{background-color:var(--recipe-component-status-error-backgroundcolor)!important;color:var(--recipe-component-status-error-textcolor)!important;border-radius:var(--recipe-component-status-error-rounded)!important}html[data-recipe=pop-grid] .tooltip{background-color:var(--recipe-component-tooltip-backgroundcolor)!important;color:var(--recipe-component-tooltip-textcolor)!important;border-radius:var(--recipe-component-tooltip-rounded)!important;padding:var(--recipe-component-tooltip-padding)!important}html[data-recipe=pop-grid] .tab-panel,html[data-recipe=pop-grid] .code-row,html[data-recipe=pop-grid] .callout,html[data-recipe=pop-grid] .popover>div{background-color:var(--recipe-component-muted-surface-backgroundcolor)!important;color:var(--recipe-component-muted-surface-textcolor)!important;border-radius:var(--recipe-component-muted-surface-rounded)!important}html[data-recipe=pop-grid] .badge--attention{background-color:var(--recipe-component-attention-label-backgroundcolor)!important;color:var(--recipe-component-attention-label-textcolor)!important;border-radius:var(--recipe-component-attention-label-rounded)!important}html[data-recipe=pop-grid] .badge:not(.badge--attention):not(.badge--success):not(.badge--warning):not(.badge--error),html[data-recipe=pop-grid] .status:not(.status--ready):not(.status--pending):not(.status--unavailable){background-color:var(--recipe-component-accent-label-backgroundcolor)!important;color:var(--recipe-component-accent-label-textcolor)!important;border-radius:var(--recipe-component-accent-label-rounded)!important}html[data-recipe=pop-grid] .shape--border-sample{background-color:var(--recipe-component-border-sample-backgroundcolor)!important;color:var(--recipe-component-border-sample-textcolor)!important;border-radius:var(--recipe-component-border-sample-rounded)!important}html[data-recipe]{scroll-padding-top:0}html[data-recipe] body.sizes-site{background:var(--page);font-size:16px;line-height:1.6}html[data-recipe] a{color:var(--action);text-underline-offset:4px}html[data-recipe] button,html[data-recipe] a,html[data-recipe] select,html[data-recipe] summary{-webkit-tap-highlight-color:transparent}html[data-recipe] button:focus-visible,html[data-recipe] a:focus-visible,html[data-recipe] select:focus-visible,html[data-recipe] summary:focus-visible,html[data-recipe] [tabindex]:focus-visible{outline:3px solid var(--action);outline-offset:4px}html[data-recipe] svg.ui-icon{flex:none;width:20px;height:20px;display:block}html[data-recipe] .site-shell{width:min(1168px,100%);margin:0 auto;padding:0 24px}html[data-recipe] .skip-link{z-index:30;background:var(--ink);color:var(--paper);border-radius:8px;padding:12px 18px;position:fixed;top:-80px;left:16px}html[data-recipe] .skip-link:focus{top:12px}html[data-recipe] .site-nav{z-index:10;background:var(--page);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:24px;min-height:92px;display:flex;position:sticky;top:0}html[data-recipe] .site-brand{color:var(--ink);flex:none;align-items:center;gap:20px;text-decoration:none;display:flex}html[data-recipe] .sizes-logo{width:132px;height:auto;display:block}html[data-recipe] .brand-caption{color:var(--muted);border-left:1px solid var(--border);padding-left:20px;font-size:12px;line-height:1.3}html[data-recipe] .desktop-categories{align-items:center;gap:4px;display:flex}html[data-recipe] .desktop-categories a{min-height:44px;color:var(--ink);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;padding:0 13px;font-size:14px;font-weight:500;text-decoration:none;display:flex}html[data-recipe] .desktop-categories a:hover{background:var(--subtle-fill);color:var(--action)}html[data-recipe] .desktop-categories a[aria-current]{background:var(--ink);color:var(--paper)}html[data-recipe] .mobile-categories{display:none}html[data-recipe] .mobile-categories select{appearance:auto;border:1px solid var(--border);background:var(--paper);width:100%;min-height:44px;color:var(--ink);font:500 14px var(--body);border-radius:8px;padding:0 9px}html[data-recipe] .game-mount{margin-top:24px;scroll-margin-top:112px}html[data-recipe] .size-game{border:1px solid var(--border);background:var(--paper);box-shadow:0 5px 0 var(--border-soft);border-radius:16px;overflow:hidden}html[data-recipe] .game-paper{box-shadow:none;background:var(--paper);border:0;border-radius:0;overflow:visible}html[data-recipe] .game-mode-bar{border-bottom:1px solid var(--border-soft);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"mode metadata score";align-items:center;gap:16px;padding:14px 24px;display:grid}html[data-recipe] .game-mode-links{border:1px solid var(--border-soft);background:var(--board);border-radius:9px;grid-area:mode;padding:3px;display:inline-flex}html[data-recipe] .game-mode-links a{min-width:92px;min-height:44px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}html[data-recipe] .game-mode-links a:hover:not([aria-current]){color:var(--action)}html[data-recipe] .game-mode-summary{display:contents}html[data-recipe] [data-mode-meta]{font:500 12px/1.5 var(--mono);color:var(--muted);grid-area:metadata;padding:0 10px}html[data-recipe] .game-score{flex-direction:column;grid-area:score;align-items:flex-end;display:flex}html[data-recipe] .score-label{font:500 9px/1.4 var(--mono);letter-spacing:.1em;color:var(--muted)}html[data-recipe] [data-score-progress]{font:600 22px/1.2 var(--head);letter-spacing:-.05em;color:var(--ink)}html[data-recipe] .daily-status{font:400 10px/1.4 var(--mono);color:var(--muted)}html[data-recipe] .game-alert{border-bottom:1px solid var(--border-soft);background:var(--action-wash);padding:14px 24px;font-size:13px}html[data-recipe] .game-extra-actions{flex-wrap:wrap;gap:8px;padding:12px 24px;display:flex}html[data-recipe] .game-extra-actions:not(:has(>:not([hidden]))){display:none}html[data-recipe] .game-extra-actions button,html[data-recipe] .game-extra-actions a{border:1px solid var(--border);background:var(--paper);min-height:44px;color:var(--action);font:500 13px var(--body);border-radius:8px;align-items:center;padding:0 12px;display:inline-flex}html[data-recipe] .question-row{gap:20px;min-height:98px;padding:20px 24px}html[data-recipe] .question-row h2{font:600 clamp(23px,2.2vw,30px)/1.17 var(--head);letter-spacing:-.045em;text-wrap:balance}html[data-recipe] .question-note{max-width:72ch;color:var(--muted);margin-top:5px;font-size:12px;line-height:1.45}html[data-recipe] .question-tools{flex:none;align-items:center;gap:18px;display:flex}html[data-recipe] .progress{min-width:60px;font:500 12px var(--mono);color:var(--muted);background:0 0;border:0;padding:0}html[data-recipe] .help-button{border:1px solid var(--border-soft);width:auto;height:44px;color:var(--ink);font:500 13px var(--body);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:flex}html[data-recipe] .help-button:hover{color:var(--action);border-color:var(--action);background:var(--action-wash)}html[data-recipe] .stage{background-size:28px 28px,28px 28px,140px 140px,140px 140px;height:clamp(365px,100svh - 392px,440px)}html[data-recipe] .board-overlay{top:16px;left:20px;right:20px}html[data-recipe] .reference-info{border-color:var(--border-soft);max-width:calc(100% - 152px);height:48px;box-shadow:0 2px 5px color-mix(in srgb,var(--ink) 3%,transparent);border-radius:7px;padding:7px 10px}html[data-recipe] .reference-name{font-size:12px}html[data-recipe] .reference-detail{font-size:10px}html[data-recipe] .camera-controls{border-color:var(--border-soft);border-radius:8px}html[data-recipe] .object-label{box-shadow:0 2px 5px color-mix(in srgb,var(--ink) 5%,transparent);border-radius:5px;padding:5px 8px}html[data-recipe] .board-ruler{background:var(--paper)}html[data-recipe] .ruler-thumb{border-radius:6px;width:32px;height:24px}html[data-recipe] .target-handle>span{border-radius:4px;width:23px;height:23px}html[data-recipe] .control-row{height:88px;padding:12px 24px}html[data-recipe] .fine-tune-caption{color:var(--muted);flex-direction:column;margin-right:14px;font-size:11px;line-height:1.25;display:flex}html[data-recipe] .fine-tune-caption span{font:400 10px var(--mono);margin-top:3px}html[data-recipe] .stepper{border-radius:8px}html[data-recipe] .stepper button{place-items:center;width:48px;height:48px;display:grid}html[data-recipe] .primary{background:var(--action);border-color:var(--action);min-width:154px;min-height:48px;color:var(--paper);box-shadow:none;border-radius:8px;font-weight:600}html[data-recipe] .primary:hover{background:var(--action-deep);border-color:var(--action-deep);box-shadow:none}html[data-recipe] .primary .arrow{display:flex}html[data-recipe] .primary .ui-icon{width:18px}html[data-recipe] .result-score-line{color:var(--ink);gap:5px}html[data-recipe] .result-score-value{font-size:32px}html[data-recipe] .result-score-total{font-size:11px}html[data-recipe] .result-contribution{color:var(--muted);font:400 10px/1.3 var(--mono);display:block}html[data-recipe] .result-difference{font:500 10px/1.25 var(--mono)}html[data-recipe] .sources{padding:0 24px;font-size:12px}html[data-recipe] .sources summary{max-width:100%;min-height:46px;font-size:12px}html[data-recipe] .sources-content{gap:10px;padding:4px 0 16px 14px}html[data-recipe] .help-dialog{border-radius:14px;padding:30px}html[data-recipe] .help-dialog h2{letter-spacing:-.04em;font-size:28px}html[data-recipe] .help-dialog p{color:var(--muted);margin-top:16px}html[data-recipe] .help-dialog strong{color:var(--ink);margin-bottom:4px;display:block}html[data-recipe] .help-dialog .close-help{place-items:center;display:grid}html[data-recipe] .receipt{padding:40px}html[data-recipe] .receipt-layout{grid-template-columns:minmax(0,1fr) 210px;grid-template-areas:"hero card""details details";gap:36px 40px}html[data-recipe] .receipt-card-wrap{max-width:210px;padding-top:5px}html[data-recipe] .receipt-card-frame{box-shadow:7px 8px 0 var(--border-soft);border-radius:8px}html[data-recipe] .receipt-card-caption{margin-top:14px;font-size:10px}html[data-recipe] .receipt-hero{padding:0}html[data-recipe] .receipt h2{font:600 36px/1.1 var(--head);letter-spacing:-.045em;margin-top:13px}html[data-recipe] .receipt-total{color:var(--ink);margin-top:20px}html[data-recipe] .receipt-total strong{font-size:104px!important}html[data-recipe] .receipt-total span{color:var(--muted);font-size:18px}html[data-recipe] .eyebrow{letter-spacing:.05em;font-size:10px;line-height:1.5}html[data-recipe] .receipt-judgment{margin-top:18px;font-size:16px}html[data-recipe] .receipt-actions{gap:8px;margin-top:26px}html[data-recipe] .receipt-actions .primary{width:100%;max-width:280px}html[data-recipe] .receipt-actions .secondary{min-width:0;padding:0 14px;font-size:12px}html[data-recipe] .receipt-status{font-size:12px}html[data-recipe] .receipt-details h3{font:600 20px var(--head);letter-spacing:-.025em;padding-top:20px}html[data-recipe] .receipt-row{grid-template-columns:36px minmax(0,1fr) auto;gap:18px;padding:18px 0}html[data-recipe] .receipt-title{font-size:17px}html[data-recipe] .receipt-reference{overflow-wrap:anywhere;font-size:12px}html[data-recipe] .receipt-measures{font-size:11px}html[data-recipe] .receipt-result strong{color:var(--ink);font-size:25px}html[data-recipe] .receipt-result span{line-height:1.4}html[data-recipe] .game-unavailable{min-height:365px;padding:40px}html[data-recipe] .game-unavailable h2{letter-spacing:-.04em;font-size:30px}html[data-recipe] .game-unavailable p{color:var(--muted);margin:16px 0}html[data-recipe] .content-section{border-bottom:1px solid var(--border-soft);padding:56px 0;scroll-margin-top:112px}html[data-recipe] .game-explainer{grid-template-columns:1fr 1.25fr;gap:64px;padding-top:0;display:grid}html[data-recipe] .overline{color:var(--action);font:500 10px var(--mono);letter-spacing:.1em}html[data-recipe] .explainer-intro h1{font:600 clamp(32px,3.3vw,44px)/1.04 var(--head);letter-spacing:-.055em;max-width:14ch;margin-top:16px}html[data-recipe] .intro-copy{color:var(--muted);margin-top:23px;font-size:15px;line-height:1.75}html[data-recipe] .facts-row{font:500 10px var(--mono);color:var(--ink);flex-wrap:wrap;gap:6px 16px;margin-top:23px;display:flex}html[data-recipe] .facts-row span{align-items:center;gap:7px;display:flex}html[data-recipe] .facts-row span:before{content:"";background:var(--action);border-radius:1px;width:5px;height:5px}html[data-recipe] .content-nav{flex-wrap:wrap;gap:0 16px;margin-top:20px;display:flex}html[data-recipe] .content-nav a{min-height:44px;color:var(--muted);align-items:center;font-size:12px;text-decoration:none;display:inline-flex}html[data-recipe] .content-nav a:hover{color:var(--action);text-decoration:underline}html[data-recipe] .how-to-play>h2{font:600 23px/1.2 var(--head);letter-spacing:-.035em;margin-bottom:22px}html[data-recipe] .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}html[data-recipe] .step-media{border:1px solid var(--border-soft);background:var(--board);border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:145px;padding:12px 8px;display:flex}html[data-recipe] .demo-stage{border-bottom:1px solid var(--border);justify-content:center;align-items:flex-end;gap:12px;width:112px;height:96px;display:flex}html[data-recipe] .demo-reference{background:var(--ink);border-radius:1px;flex:none;width:27px;height:38px}html[data-recipe] .demo-target{background:var(--paper);border:2px solid var(--ink);width:31px;height:62px;font:500 23px var(--head);border-radius:2px;place-items:center;display:grid}html[data-recipe] .demo-guess{height:57px}html[data-recipe] .demo-reveal{width:43px;height:78px;position:relative}html[data-recipe] .demo-reveal .demo-guess{position:absolute;bottom:0;left:6px}html[data-recipe] .demo-actual{border:2px dashed var(--truth);background:color-mix(in srgb,var(--truth) 8%,transparent);border-radius:2px;width:43px;height:76px;position:absolute;bottom:0}html[data-recipe] .demo-label{font:400 9px var(--mono);color:var(--muted);margin-top:9px}html[data-recipe] .steps-grid h3{font:600 15px var(--head);letter-spacing:-.025em;margin-top:17px}html[data-recipe] .steps-grid h3 span{color:var(--action);font:500 10px var(--mono);margin-right:4px}html[data-recipe] .steps-grid p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.7}html[data-recipe] .teaching-note{font:400 10px/1.6 var(--mono);color:var(--muted);margin-top:23px}html[data-recipe] .section-heading{align-items:baseline;gap:14px;display:flex}html[data-recipe] .section-number{color:var(--action);font:500 11px var(--mono);flex:none}html[data-recipe] .section-heading h2{font:600 30px/1.15 var(--head);letter-spacing:-.045em}html[data-recipe] .section-intro{color:var(--muted);max-width:82ch;margin:17px 0 0;font-size:15px;line-height:1.75}html[data-recipe] .mode-grid,html[data-recipe] .example-grid,html[data-recipe] .tips-grid,html[data-recipe] .scoring-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}html[data-recipe] .mode-card{border:1px solid var(--border-soft);background:var(--paper);border-radius:12px;flex-direction:column;align-items:flex-start;padding:30px;display:flex}html[data-recipe] .mode-card-label{color:var(--action);font:500 10px var(--mono);letter-spacing:.07em;align-items:center;gap:12px;display:flex}html[data-recipe] .small-mark{background:var(--action-wash);border-radius:8px;place-items:center;width:40px;height:40px;display:grid}html[data-recipe] .mode-card h3{font:600 26px var(--head);letter-spacing:-.04em;margin-top:18px}html[data-recipe] .mode-card p{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.75}html[data-recipe] .text-link{align-items:center;gap:9px;min-height:44px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}html[data-recipe] .text-link:hover{text-decoration:underline}html[data-recipe] .mode-card .text-link{min-height:64px;margin-top:auto;padding-top:20px}html[data-recipe] .example-grid.three-examples{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-recipe] .example-card{background:var(--paper);border:1px solid var(--border-soft);border-radius:10px;padding:26px}html[data-recipe] .ratio-diagram{gap:15px;margin-bottom:24px;display:grid}html[data-recipe] .ratio-row{gap:8px;display:grid}html[data-recipe] .ratio-label{font:400 10px var(--mono);color:var(--muted)}html[data-recipe] .ratio-track{border-bottom:1px solid var(--border);height:24px;display:block}html[data-recipe] .reference-bar,html[data-recipe] .example-bar{border-radius:2px;height:22px;display:block}html[data-recipe] .reference-bar{background:var(--ink)}html[data-recipe] .example-bar{background:var(--action-wash);border:2px solid var(--action)}html[data-recipe] .example-card h3{font:600 20px/1.2 var(--head);letter-spacing:-.03em}html[data-recipe] .example-card p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.75}html[data-recipe] .object-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:28px 0 0;padding:0;list-style:none;display:grid}html[data-recipe] .object-grid li{min-width:0}html[data-recipe] .object-media{background:var(--board);border:1px solid var(--border-soft);border-radius:9px;justify-content:center;align-items:center;height:142px;padding:18px;display:flex}html[data-recipe] .object-media img{object-fit:contain;width:100%;height:100%}html[data-recipe] .object-grid strong{overflow-wrap:anywhere;margin:12px 0 5px;font-size:15px;font-weight:600;line-height:1.35;display:block}html[data-recipe] .object-grid small{color:var(--muted);font-size:11px;line-height:1.5;display:block}html[data-recipe] .tips-grid{gap:40px;margin:32px 0 20px}html[data-recipe] .tips-grid article{border-left:3px solid var(--action);padding-left:18px}html[data-recipe] .tips-grid h3{font:600 18px/1.25 var(--head);letter-spacing:-.025em}html[data-recipe] .tips-grid p{color:var(--muted);margin-top:9px;font-size:13px;line-height:1.75}html[data-recipe] .scoring-grid{gap:64px}html[data-recipe] .scoring-grid h3{font:600 18px var(--head);letter-spacing:-.025em}html[data-recipe] .round-weights{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:19px 0;padding:0;list-style:none;display:grid}html[data-recipe] .round-weights li{border:1px solid var(--border-soft);background:var(--paper);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px 0;display:flex}html[data-recipe] .round-weights li span{font:400 9px var(--mono);color:var(--muted);white-space:nowrap}html[data-recipe] .round-weights strong{font:600 26px var(--head);letter-spacing:-.05em}html[data-recipe] .round-weights li:nth-child(n+4){background:var(--action-wash);color:var(--action)}html[data-recipe] .score-example{max-width:48ch;color:var(--muted);font-size:13px;line-height:1.7}html[data-recipe] .score-table{border-collapse:collapse;width:100%;font:400 13px var(--mono);margin-top:14px}html[data-recipe] .score-table caption{font:400 10px/1.6 var(--mono);color:var(--muted);text-align:left;margin-bottom:10px}html[data-recipe] .score-table th,html[data-recipe] .score-table td{border-bottom:1px solid var(--border-soft);text-align:left;padding:11px 14px;font-weight:400}html[data-recipe] .score-table thead th{background:var(--board);color:var(--muted);font-size:10px}html[data-recipe] .score-table td{text-align:right}html[data-recipe] .measurement-section{grid-template-columns:1fr auto;align-items:center;gap:30px;display:grid}html[data-recipe] .measurement-section p{max-width:78ch;color:var(--muted);margin-top:20px;font-size:14px;line-height:1.8}html[data-recipe] .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}html[data-recipe] .category-card{color:var(--ink);border:1px solid var(--border-soft);background:var(--paper);border-radius:10px;flex-direction:column;align-items:stretch;min-width:0;padding:22px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}html[data-recipe] .category-card:hover{border-color:var(--action);transform:translateY(-3px)}html[data-recipe] .category-media{height:112px;padding:4px 6px 14px;display:block}html[data-recipe] .category-media img{object-fit:contain;width:100%;height:100%}html[data-recipe] .category-card h3{font:600 21px/1.2 var(--head);letter-spacing:-.035em;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}html[data-recipe] .category-card h3 .ui-icon{width:16px;color:var(--action)}html[data-recipe] .category-card p{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6}html[data-recipe] .category-caption{font:400 9px var(--mono);color:var(--muted);margin-top:auto;padding-top:19px}html[data-recipe] .faq-list{margin-top:24px}html[data-recipe] .faq-list details{border-top:1px solid var(--border-soft)}html[data-recipe] .faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:16px 0;font-size:15px;font-weight:500;list-style:none;display:flex}html[data-recipe] .faq-list summary::-webkit-details-marker{display:none}html[data-recipe] .faq-list summary .ui-icon{color:var(--muted);width:17px}html[data-recipe] .faq-list details[open] summary .ui-icon{transform:rotate(180deg)}html[data-recipe] .faq-list details[open] summary{color:var(--action)}html[data-recipe] .faq-list p{max-width:80ch;color:var(--muted);padding:0 32px 25px 0;font-size:14px;line-height:1.8}html[data-recipe] .site-footer{grid-template-columns:1fr auto;gap:32px;padding:48px 0 30px;display:grid}html[data-recipe] .footer-brand{width:max-content;color:var(--ink);display:block}html[data-recipe] .site-footer p{color:var(--muted);margin-top:15px;font-size:12px;line-height:1.6}html[data-recipe] .site-footer nav{align-items:flex-start;gap:25px;display:flex}html[data-recipe] .site-footer nav a{min-height:44px;color:var(--ink);align-items:center;font-size:12px;text-decoration:none;display:flex}html[data-recipe] .site-footer nav a:hover{color:var(--action);text-decoration:underline}html[data-recipe] .footer-meta{border-top:1px solid var(--border-soft);font:400 10px var(--mono);color:var(--muted);grid-column:1/-1;justify-content:space-between;padding-top:24px;display:flex}html[data-recipe] .breadcrumbs{color:var(--muted);align-items:center;gap:12px;margin-top:24px;font-size:12px;display:flex}html[data-recipe] .breadcrumbs a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}html[data-recipe] .info-page{max-width:720px;margin:0 auto;padding:36px 0 80px}html[data-recipe] .info-page h1{font:600 clamp(36px,4vw,54px)/1.06 var(--head);letter-spacing:-.05em;margin:17px 0 26px}html[data-recipe] .info-page .lead{color:var(--ink);font-size:20px}html[data-recipe] .info-page h2{font:600 25px/1.15 var(--head);letter-spacing:-.035em;margin-top:36px;margin-bottom:14px}html[data-recipe] .info-page p{color:var(--muted);font-size:15px;line-height:1.85}html[data-recipe] .info-page .text-link{margin-top:22px}html[data-recipe] .draft-note{background:var(--board);border-left:3px solid var(--truth);color:var(--muted);margin-top:25px;padding:20px;font-size:13px}html[data-recipe] .back-play{align-items:center;gap:10px;min-height:48px;margin-top:36px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}html[data-recipe] .noscript-note{border:1px solid var(--border);background:var(--paper);border-radius:8px;padding:20px}@media (width<=1100px){html[data-recipe] .brand-caption{display:none}html[data-recipe] .game-explainer{grid-template-columns:1fr 1.35fr;gap:36px}html[data-recipe] .site-nav{gap:20px}html[data-recipe] .category-card{padding:18px}}@media (width<=800px){html[data-recipe] .site-shell{padding:0 20px}html[data-recipe] .desktop-categories{gap:0}html[data-recipe] .desktop-categories a{padding:0 8px;font-size:12px}html[data-recipe] .site-brand .sizes-logo{width:110px}html[data-recipe] .game-explainer{grid-template-columns:1fr;gap:40px}html[data-recipe] .explainer-intro{max-width:650px}html[data-recipe] .explainer-intro h1{max-width:20ch;font-size:38px}html[data-recipe] .steps-grid p{font-size:13px}html[data-recipe] .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-recipe] .scoring-grid{gap:32px}html[data-recipe] .measurement-section{grid-template-columns:1fr;gap:12px}}@media (width<=700px){html[data-recipe]{scroll-padding-top:0}html[data-recipe] .site-shell{padding:0 14px}html[data-recipe] .site-nav{gap:15px;min-height:76px}html[data-recipe] .desktop-categories{display:none}html[data-recipe] .mobile-categories{width:151px;display:block}html[data-recipe] .site-brand .sizes-logo{width:113px}html[data-recipe] .game-mount{margin-top:16px;scroll-margin-top:90px}html[data-recipe] .size-game{box-shadow:0 4px 0 var(--border-soft);border-radius:12px}html[data-recipe] .game-mode-bar{grid-template-columns:1fr auto;grid-template-areas:"mode score""metadata metadata";gap:10px 8px;padding:12px}html[data-recipe] .game-mode-links{width:max-content}html[data-recipe] .game-mode-links a{min-width:77px;padding:0 10px;font-size:13px}html[data-recipe] [data-mode-meta]{padding:0;font-size:10px}html[data-recipe] [data-score-progress]{font-size:20px}html[data-recipe] .score-label{font-size:8px}html[data-recipe] .daily-status{font-size:9px}html[data-recipe] .question-row{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;padding:16px 14px 14px}html[data-recipe] .question-row h2{font-size:25px}html[data-recipe] .question-note{font-size:11px;line-height:1.5}html[data-recipe] .question-tools{justify-content:space-between;gap:10px}html[data-recipe] .help-button{height:44px;padding:0 11px;font-size:12px}html[data-recipe] .progress{min-width:0;min-height:0;font-size:11px}html[data-recipe] .stage{height:350px}html[data-recipe] .board-overlay{gap:8px;top:12px;left:10px;right:10px}html[data-recipe] .reference-info{max-width:calc(100% - 143px);height:46px;padding:5px 7px}html[data-recipe] .reference-name{font-size:10px}html[data-recipe] .reference-detail{font-size:9px}html[data-recipe] .object-label{padding:4px 6px;font-size:11px}html[data-recipe] .control-row{height:88px;padding:10px 12px}html[data-recipe] .fine-tune-caption{display:none}html[data-recipe] .stepper button{width:44px}html[data-recipe] .control-row .primary{gap:12px;min-width:133px;padding:0 13px;font-size:13px}html[data-recipe] .result-score-value{font-size:30px}html[data-recipe] .sources{padding:0 12px}html[data-recipe] .sources summary{font-size:11px}html[data-recipe] .source-slot{min-height:0}html[data-recipe] .sources-content{font-size:12px}html[data-recipe] .game-alert{padding:13px;font-size:12px}html[data-recipe] .help-dialog{padding:22px}html[data-recipe] .help-dialog h2{font-size:25px}html[data-recipe] .help-dialog p{font-size:13px}html[data-recipe] .receipt{padding:24px 18px}html[data-recipe] .receipt-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""card""details";gap:30px}html[data-recipe] .receipt h2{font-size:30px}html[data-recipe] .receipt-total strong{font-size:94px!important}html[data-recipe] .receipt-total span{font-size:16px}html[data-recipe] .receipt-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}html[data-recipe] .receipt-actions .primary{grid-column:1/-1;max-width:none}html[data-recipe] .receipt-actions .secondary{padding:0 7px;font-size:11px}html[data-recipe] .receipt-card-wrap{width:180px;max-width:180px}html[data-recipe] .receipt-row{grid-template-columns:26px minmax(0,1fr);gap:8px}html[data-recipe] .receipt-result{text-align:left;flex-wrap:wrap;grid-column:2;align-items:baseline;gap:4px 12px;display:flex}html[data-recipe] .receipt-result span{margin:0}html[data-recipe] .receipt-title{font-size:16px}html[data-recipe] .receipt-reference{font-size:11px}html[data-recipe] .receipt-result strong{font-size:22px}html[data-recipe] .game-unavailable{padding:26px 18px}html[data-recipe] .editorial{padding-top:48px}html[data-recipe] .content-section{padding:38px 0;scroll-margin-top:90px}html[data-recipe] .game-explainer{gap:32px;padding-top:0}html[data-recipe] .explainer-intro h1{max-width:17ch;font-size:36px}html[data-recipe] .intro-copy{margin-top:20px;font-size:14px}html[data-recipe] .facts-row{gap:7px 13px;font-size:9px}html[data-recipe] .content-nav{gap:0 15px;margin-top:13px}html[data-recipe] .how-to-play>h2{margin-bottom:20px;font-size:24px}html[data-recipe] .steps-grid{grid-template-columns:1fr;gap:20px}html[data-recipe] .steps-grid article{grid-template-columns:120px minmax(0,1fr);align-items:start;column-gap:16px;display:grid}html[data-recipe] .step-media{grid-row:1/3;min-height:137px}html[data-recipe] .demo-stage{width:96px}html[data-recipe] .steps-grid h3{margin-top:8px;font-size:17px}html[data-recipe] .steps-grid p{margin-top:7px;font-size:12px}html[data-recipe] .teaching-note{margin-top:20px;font-size:9px}html[data-recipe] .section-heading{gap:11px}html[data-recipe] .section-heading h2{font-size:27px}html[data-recipe] .section-number{font-size:10px}html[data-recipe] .section-intro{margin-top:16px;font-size:14px}html[data-recipe] .mode-grid,html[data-recipe] .example-grid,html[data-recipe] .example-grid.three-examples,html[data-recipe] .tips-grid,html[data-recipe] .scoring-grid{grid-template-columns:1fr;gap:18px;margin-top:23px}html[data-recipe] .mode-card{border-radius:10px;padding:24px}html[data-recipe] .mode-card h3{font-size:24px}html[data-recipe] .mode-card p{font-size:13px}html[data-recipe] .example-card{padding:22px}html[data-recipe] .example-card p{font-size:13px}html[data-recipe] .object-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;margin-top:23px}html[data-recipe] .object-media{height:120px;padding:14px}html[data-recipe] .object-grid strong{font-size:13px}html[data-recipe] .object-grid small{font-size:10px}html[data-recipe] .tips-grid{gap:23px;margin:28px 0 18px}html[data-recipe] .tips-grid article{padding-left:14px}html[data-recipe] .tips-grid h3{font-size:17px}html[data-recipe] .round-weights{gap:6px}html[data-recipe] .round-weights li{padding:14px 0}html[data-recipe] .round-weights li span{font-size:8px}html[data-recipe] .round-weights strong{font-size:24px}html[data-recipe] .scoring-grid{gap:27px}html[data-recipe] .measurement-section p{font-size:13px}html[data-recipe] .category-grid{gap:14px;margin-top:24px}html[data-recipe] .category-card{padding:16px 13px}html[data-recipe] .category-media{height:98px;padding:2px 2px 10px}html[data-recipe] .category-card h3{margin-top:10px;font-size:18px}html[data-recipe] .category-card p{font-size:11px}html[data-recipe] .category-caption{padding-top:15px;font-size:8px}html[data-recipe] .faq-list summary{gap:16px;font-size:14px;line-height:1.45}html[data-recipe] .faq-list p{padding-right:10px;font-size:13px}html[data-recipe] .site-footer{grid-template-columns:1fr;gap:20px;padding-top:35px}html[data-recipe] .site-footer nav{flex-wrap:wrap;gap:0 22px}html[data-recipe] .footer-meta{flex-direction:column;gap:8px;padding-top:20px;font-size:9px}html[data-recipe] .info-page{padding:24px 0 55px}html[data-recipe] .info-page h1{font-size:38px}html[data-recipe] .info-page h2{font-size:24px}html[data-recipe] .info-page p{font-size:14px}html[data-recipe] .info-page .lead{font-size:18px}}@media (width<=360px){html[data-recipe] .site-shell{padding:0 10px}html[data-recipe] .site-brand .sizes-logo{width:96px}html[data-recipe] .mobile-categories{width:143px}html[data-recipe] .game-mode-bar{padding:10px}html[data-recipe] .game-mode-links a{min-width:68px;padding:0 9px;font-size:12px}html[data-recipe] .question-row{padding:14px 11px 12px}html[data-recipe] .question-row h2{font-size:23px}html[data-recipe] .stage{height:330px}html[data-recipe] .reference-info{padding:4px 6px}html[data-recipe] .reference-name{font-size:9px}html[data-recipe] .reference-detail{font-size:8px}html[data-recipe] .control-row{padding:10px}html[data-recipe] .control-row .primary{min-width:123px;padding:0 11px}html[data-recipe] .result-score-value{font-size:27px}html[data-recipe] .result-contribution,html[data-recipe] .result-difference{font-size:9px}html[data-recipe] .receipt{padding:22px 13px}html[data-recipe] .receipt-total strong{font-size:82px!important}html[data-recipe] .receipt-actions .secondary{padding:0 5px;font-size:10px}html[data-recipe] .explainer-intro h1{font-size:32px}html[data-recipe] .steps-grid article{grid-template-columns:108px minmax(0,1fr);column-gap:13px}html[data-recipe] .steps-grid h3{font-size:16px}html[data-recipe] .steps-grid p{font-size:11px}html[data-recipe] .section-heading h2{font-size:25px}html[data-recipe] .mode-card{padding:21px}html[data-recipe] .object-media{height:110px}html[data-recipe] .category-card h3{font-size:16px}html[data-recipe] .category-card{padding:15px 11px}}@media (prefers-reduced-motion:reduce){html[data-recipe] .category-card{transition:none}html[data-recipe] .category-card:hover{transform:none}}html[data-recipe]{--page:var(--recipe-color-canvas);--paper:var(--recipe-color-surface);--board:var(--recipe-color-secondary);--ink:var(--recipe-color-text);--action:var(--recipe-color-primary);--action-deep:var(--recipe-color-primary-hover);--action-wash:var(--recipe-color-secondary);--truth:var(--recipe-color-error);--muted:var(--recipe-color-text-muted);--border:var(--recipe-color-border);--border-soft:var(--recipe-color-border);--subtle-fill:var(--recipe-color-secondary);--body:var(--recipe-type-body-font-family);--head:var(--recipe-type-h1-font-family);--mono:var(--recipe-type-data-font-family);--line:1px solid var(--border);--camera-active:var(--recipe-color-accent);--stepper-active:var(--recipe-color-accent);--grid:color-mix(in srgb,var(--ink) 4%,transparent);--major-grid:color-mix(in srgb,var(--action) 6%,transparent);--ink-shadow-35:color-mix(in srgb,var(--ink) 35%,transparent);--ink-shadow-0a:color-mix(in srgb,var(--ink) 4%,transparent);--ink-shadow-0b:color-mix(in srgb,var(--ink) 8%,transparent);--ink-backdrop:color-mix(in srgb,var(--ink) 70%,transparent);--surface-radius:var(--recipe-component-card-standard-rounded);--control-radius:var(--recipe-component-button-primary-rounded);--media-radius:var(--recipe-rounded-lg);--surface-shadow:4px 4px 0 color-mix(in srgb,var(--ink) 16%,transparent);--control-shadow:inset 1px 1px 0 var(--recipe-color-on-primary),2px 2px 0 var(--ink);--share-background:var(--recipe-color-surface);--share-text:var(--ink);--share-accent:var(--action);--share-muted:var(--muted)}html[data-recipe] body.sizes-site{font-family:var(--body);line-height:1.6}html[data-recipe] .site-nav{background:var(--page);border-color:var(--border);min-height:96px}html[data-recipe] .sizes-logo{align-items:center;gap:12px;width:auto;display:inline-flex}html[data-recipe] .logo-mark{background:var(--action);width:42px;height:42px;color:var(--recipe-color-on-primary);border:2px solid var(--ink);border-radius:var(--recipe-rounded-sm);box-shadow:2px 2px 0 var(--ink);flex:none;place-items:center;display:grid}html[data-recipe] .logo-mark svg{width:32px;height:29px}html[data-recipe] .sizes-wordmark{font:var(--recipe-type-h1-font-weight) 33px/1 var(--head);letter-spacing:-.07em}html[data-recipe] .brand-caption{font:12px/1.4 var(--body)}html[data-recipe] .desktop-categories a{font:var(--recipe-type-label-font-weight) 12px/1.2 var(--recipe-type-label-font-family);border-radius:var(--recipe-rounded-sm);border:1px solid #0000;min-height:44px;padding:0 12px}html[data-recipe] .desktop-categories a[aria-current]{background:var(--action);color:var(--recipe-color-on-primary);border-color:var(--border)}html[data-recipe] .desktop-categories a:hover{background:var(--action-wash);color:var(--ink);border-color:var(--border)}html[data-recipe] .desktop-categories a[aria-current]:hover{background:var(--action-deep);color:var(--recipe-color-on-primary)}html[data-recipe] .mobile-categories select{font-family:var(--recipe-type-label-font-family);font-weight:var(--recipe-type-label-font-weight);border-color:var(--border);border-radius:var(--recipe-component-field-rounded);min-height:48px;padding-inline:8px}html[data-recipe] .game-mount{margin-top:24px}html[data-recipe] .size-game{border:2px solid var(--border);border-radius:var(--surface-radius);box-shadow:var(--surface-shadow)}html[data-recipe] .game-mode-bar{background:var(--paper);border-bottom:2px solid var(--border);padding:14px 24px}html[data-recipe] .game-mode-links{background:0 0;border:0;border-radius:0;gap:4px;padding:0}html[data-recipe] .game-mode-links a{font:var(--recipe-type-label-font-weight) 12px/1.2 var(--recipe-type-label-font-family);letter-spacing:.04em;border:2px solid var(--border);border-radius:var(--recipe-component-tab-selected-rounded);color:var(--ink);background:var(--paper);min-height:44px}html[data-recipe] .game-mode-links a[aria-current]{background:var(--recipe-component-tab-selected-backgroundcolor);color:var(--recipe-component-tab-selected-textcolor);box-shadow:var(--control-shadow)}html[data-recipe] .game-mode-links a:hover:not([aria-current]){background:var(--action-wash);color:var(--ink)}html[data-recipe] [data-mode-meta],html[data-recipe] .progress,html[data-recipe] .score-label,html[data-recipe] .daily-status,html[data-recipe] .reference-detail,html[data-recipe] .object-label,html[data-recipe] .result-contribution,html[data-recipe] .result-difference,html[data-recipe] .eyebrow{font-family:var(--mono)}html[data-recipe] [data-score-progress]{font-weight:var(--recipe-type-h1-font-weight)}html[data-recipe] .question-row{background:var(--paper);border-color:var(--border);min-height:112px}html[data-recipe] .question-row h2{max-width:none;font:var(--recipe-type-h2-font-weight) clamp(25px,2.4vw,34px)/1.13 var(--head);letter-spacing:var(--recipe-type-h2-letter-spacing);margin:0}html[data-recipe] .question-target{font-weight:inherit}html[data-recipe] .question-note{font:12px/1.5 var(--body);margin-top:8px}html[data-recipe] .progress{color:var(--ink);font-weight:var(--recipe-type-data-font-weight)}html[data-recipe] .help-button,html[data-recipe] .game-extra-actions button,html[data-recipe] .game-extra-actions a,html[data-recipe] .secondary,html[data-recipe] .primary,html[data-recipe] .asset-status button,html[data-recipe] .receipt-status button{border:2px solid var(--border);border-radius:var(--control-radius);box-shadow:var(--control-shadow);font-family:var(--recipe-type-label-font-family);font-weight:var(--recipe-type-label-font-weight);letter-spacing:.025em;color:var(--ink);background:var(--paper);transition:background 80ms linear,box-shadow 80ms linear,transform 80ms linear}html[data-recipe] .primary{color:var(--recipe-component-button-primary-textcolor);background:var(--recipe-component-button-primary-backgroundcolor);min-height:48px;padding:12px 20px;font-size:12px}html[data-recipe] .primary:hover{color:var(--recipe-component-button-primary-hover-textcolor);background:var(--recipe-component-button-primary-hover-backgroundcolor);border-color:var(--border)}html[data-recipe] .help-button:hover,html[data-recipe] .secondary:hover,html[data-recipe] .game-extra-actions button:hover,html[data-recipe] .asset-status button:hover{color:var(--ink);background:var(--action-wash);border-color:var(--border)}html[data-recipe] .primary:disabled,html[data-recipe] .secondary:disabled{color:var(--recipe-color-disabled-text);background:var(--recipe-color-disabled);box-shadow:none;opacity:1;transform:none}html[data-recipe] .help-button:active,html[data-recipe] .primary:active,html[data-recipe] .secondary:active{box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--ink) 22%,transparent);transform:translate(2px,2px)}html[data-recipe] .camera-controls{border:2px solid var(--border);border-radius:var(--recipe-rounded-sm);box-shadow:var(--control-shadow);background:var(--paper)}html[data-recipe] .camera-controls button{color:var(--ink);border-color:var(--border)}html[data-recipe] .camera-controls button:hover{color:var(--action);background:var(--action-wash)}html[data-recipe] .camera-controls button:active{background:var(--camera-active)}html[data-recipe] .reference-info{border:1px solid var(--border);border-radius:var(--recipe-rounded-sm);box-shadow:none;background:var(--paper)}html[data-recipe] .reference-name{font:var(--recipe-type-data-font-weight) 12px/1.25 var(--mono)}html[data-recipe] .object-label{border-radius:var(--recipe-rounded-sm);box-shadow:none;border-color:var(--border);background:var(--paper)}html[data-recipe] .stage{background-color:var(--board)}html[data-recipe] .board-ruler{border-top:1px solid var(--border)}html[data-recipe] .ruler-thumb{border:2px solid var(--border);border-radius:var(--recipe-rounded-sm);background:var(--action);color:var(--recipe-color-on-primary)}html[data-recipe] .target-handle>span{border-radius:var(--recipe-rounded-sm)}html[data-recipe] .control-row{border-top:1px solid var(--border)}html[data-recipe] .stepper{border:2px solid var(--border);border-radius:var(--control-radius);box-shadow:var(--control-shadow)}html[data-recipe] .stepper button{border-color:var(--border);background:var(--paper);color:var(--ink)}html[data-recipe] .stepper button:hover{color:var(--ink);background:var(--action-wash)}html[data-recipe] .stepper button:active{color:var(--ink);background:var(--stepper-active)}html[data-recipe] .result-score-value{font-family:var(--head);font-weight:var(--recipe-type-h1-font-weight)}html[data-recipe] .sources summary{font-family:var(--mono);font-weight:var(--recipe-type-data-font-weight);color:var(--muted)}html[data-recipe] .help-dialog{border:2px solid var(--border);border-radius:var(--surface-radius);box-shadow:8px 8px 0 var(--ink)}html[data-recipe] .help-dialog h2{font:var(--recipe-type-h2-font-weight) 28px/1.15 var(--head);max-width:none}html[data-recipe] .help-dialog .close-help{border:2px solid var(--border);border-radius:var(--control-radius)}html[data-recipe] .receipt h2{font:var(--recipe-type-h1-font-weight) 38px/1.1 var(--head);max-width:none}html[data-recipe] .receipt-total strong,html[data-recipe] .receipt-result strong{font-family:var(--head);font-weight:var(--recipe-type-h1-font-weight)}html[data-recipe] .receipt-details h3,html[data-recipe] .receipt-title{font-family:var(--head);font-weight:var(--recipe-type-h3-font-weight)}html[data-recipe] .receipt-card-frame{border:2px solid var(--border);border-radius:var(--surface-radius);box-shadow:var(--surface-shadow);background:var(--share-background)}html[data-recipe] .receipt-card-loading{color:var(--share-text)}html[data-recipe] .receipt-card-wrap{max-width:210px}html[data-recipe] .game-alert{border-color:var(--border);font-family:var(--mono);background:var(--action-wash);color:var(--ink)}html[data-recipe] .editorial{padding-top:var(--recipe-spacing-section)}html[data-recipe] .content-section{border-color:var(--border-soft);padding-block:64px}html[data-recipe] .game-explainer{padding-top:0}html[data-recipe] .overline{color:var(--action-deep);font:var(--recipe-type-label-font-weight) 11px/1.2 var(--recipe-type-label-font-family)}html[data-recipe] .explainer-intro h1{max-width:14ch;color:var(--ink);font:var(--recipe-type-h1-font-weight) clamp(36px,3.9vw,50px)/1.04 var(--head);letter-spacing:var(--recipe-type-h1-letter-spacing);text-shadow:none;margin:18px 0 0}html[data-recipe] .intro-copy{font:16px/1.7 var(--body)}html[data-recipe] .facts-row{font:var(--recipe-type-data-font-weight) 11px/1.4 var(--mono)}html[data-recipe] .facts-row span:before{display:none}html[data-recipe] .facts-row span{background:var(--action-wash);border:1px solid var(--border);border-radius:var(--recipe-rounded-sm);padding:5px 8px}html[data-recipe] .content-nav a{font:var(--recipe-type-label-font-weight) 12px/1.3 var(--recipe-type-label-font-family);color:var(--ink);text-decoration:underline}html[data-recipe] .how-to-play>h2{font:var(--recipe-type-h3-font-weight) 24px/1.2 var(--head)}html[data-recipe] .step-media{border:1px solid var(--border);border-radius:var(--media-radius);background:var(--board)}html[data-recipe] .steps-grid h3{font:var(--recipe-type-h3-font-weight) 17px/1.2 var(--head)}html[data-recipe] .steps-grid h3 span{font-weight:var(--recipe-type-data-font-weight)}html[data-recipe] .section-heading h2{font:var(--recipe-type-h2-font-weight) clamp(28px,3vw,38px)/1.08 var(--head);letter-spacing:var(--recipe-type-h2-letter-spacing);max-width:none;margin:0}html[data-recipe] .mode-card,html[data-recipe] .example-card,html[data-recipe] .category-card{border:2px solid var(--border);border-radius:var(--surface-radius);background:var(--paper);box-shadow:var(--surface-shadow);padding:var(--recipe-component-card-standard-padding)}html[data-recipe] .mode-card-label{font:var(--recipe-type-label-font-weight) 11px/1.3 var(--recipe-type-label-font-family);color:var(--action-deep)}html[data-recipe] .small-mark{border-radius:var(--recipe-rounded-sm);background:var(--action-wash);color:var(--action-deep)}html[data-recipe] .mode-card h3{font:var(--recipe-type-h3-font-weight) 28px/1.1 var(--head)}html[data-recipe] .example-card h3,html[data-recipe] .category-card h3{font:var(--recipe-type-h3-font-weight) 22px/1.15 var(--head)}html[data-recipe] .example-card h3{margin-bottom:0}html[data-recipe] .text-link{font-family:var(--recipe-type-label-font-family);font-weight:var(--recipe-type-label-font-weight);text-decoration:underline}html[data-recipe] .mode-card .text-link{padding-top:16px}html[data-recipe] .object-media{border-color:var(--border);border-radius:var(--media-radius);background:var(--board)}html[data-recipe] .object-grid strong{font-family:var(--head);font-weight:var(--recipe-type-h3-font-weight)}html[data-recipe] .tips-grid h3,html[data-recipe] .scoring-grid h3{font:var(--recipe-type-h3-font-weight) 21px/1.2 var(--head)}html[data-recipe] .round-weights li{border:1px solid var(--border);border-radius:var(--recipe-rounded-sm)}html[data-recipe] .round-weights strong{font-weight:var(--recipe-type-h3-font-weight)}html[data-recipe] .round-weights li:nth-child(n+4){color:var(--ink);background:var(--action-wash)}html[data-recipe] .score-table thead th{color:var(--ink)}html[data-recipe] .category-card:hover{background:var(--action-wash);border-color:var(--border);box-shadow:6px 6px 0 color-mix(in srgb,var(--action) 35%,transparent);transform:translate(-2px,-2px)}html[data-recipe] .faq-list summary{font-family:var(--head);font-weight:var(--recipe-type-h3-font-weight)}html[data-recipe] .site-footer{border-top:2px solid var(--border);margin-top:24px}html[data-recipe] .footer-brand .sizes-logo{width:auto}html[data-recipe] .footer-brand .sizes-wordmark{font-size:29px}html[data-recipe] .info-page h1{max-width:none;font-family:var(--head);font-weight:var(--recipe-type-h1-font-weight);text-shadow:none}html[data-recipe] .info-page h2{max-width:none;font-family:var(--head);font-weight:var(--recipe-type-h2-font-weight)}html[data-recipe] .ui-icon{stroke-width:1.75px;stroke-linecap:square;stroke-linejoin:miter}html[data-recipe] .back-play{font-family:var(--recipe-type-label-font-family);font-weight:var(--recipe-type-label-font-weight)}html[data-recipe] .back-play .ui-icon{display:none}html[data-recipe] .skip-link{border-radius:var(--control-radius)}@media (width<=1100px){html[data-recipe] .desktop-categories a{padding-inline:10px}}@media (width<=800px){html[data-recipe] .desktop-categories a{padding-inline:8px;font-size:11px}html[data-recipe] .sizes-wordmark{font-size:29px}html[data-recipe] .logo-mark{width:36px;height:36px}}@media (width<=700px){html[data-recipe] .site-nav{min-height:80px}html[data-recipe] .site-brand .sizes-logo{gap:8px;width:auto}html[data-recipe] .sizes-wordmark{font-size:28px}html[data-recipe] .logo-mark{width:34px;height:34px}html[data-recipe] .logo-mark svg{width:26px}html[data-recipe] .game-mount{margin-top:16px}html[data-recipe] .game-mode-bar{gap:12px 6px;padding:12px}html[data-recipe] .game-mode-links a{min-width:69px;padding-inline:8px;font-size:11px}html[data-recipe] .question-row{min-height:0;padding:18px 14px 14px;display:grid}html[data-recipe] .question-row h2{font-size:26px}html[data-recipe] .question-note{font-size:11px}html[data-recipe] .reference-name{font-size:10px}html[data-recipe] .primary{font-size:11px}html[data-recipe] .editorial{padding-top:48px}html[data-recipe] .content-section{padding-block:40px}html[data-recipe] .game-explainer{padding-top:0}html[data-recipe] .explainer-intro h1{max-width:17ch;font-size:38px}html[data-recipe] .section-heading h2{font-size:30px}html[data-recipe] .intro-copy{font-size:15px}html[data-recipe] .how-to-play>h2{font-size:25px}html[data-recipe] .steps-grid h3{font-size:17px}html[data-recipe] .mode-card,html[data-recipe] .example-card,html[data-recipe] .category-card{padding:22px}html[data-recipe] .category-card{padding:16px 12px}html[data-recipe] .category-card h3{font-size:19px}html[data-recipe] .example-card h3{font-size:21px}html[data-recipe] .receipt h2{font-size:30px}html[data-recipe] .receipt-card-wrap{max-width:180px}}@media (width<=360px){html[data-recipe] .sizes-wordmark{font-size:24px}html[data-recipe] .logo-mark{width:29px;height:32px}html[data-recipe] .mobile-categories{width:140px}html[data-recipe] .question-row h2{font-size:24px}html[data-recipe] .section-heading h2{font-size:27px}html[data-recipe] .explainer-intro h1{font-size:34px}html[data-recipe] .category-card h3{font-size:17px}}@media (prefers-reduced-motion:reduce){html[data-recipe] *,html[data-recipe] :before,html[data-recipe] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html[data-recipe] .primary:hover,html[data-recipe] .secondary:hover,html[data-recipe] .category-card:hover{transform:none!important}}html[data-recipe=pop-grid]{--ink:var(--recipe-color-text);--game-ink:#24384a;--paper:#fffdf8;--board:#e4e6e0;--truth:#b54838;--action:var(--recipe-color-accent);--action-deep:var(--recipe-color-accent);--action-wash:var(--recipe-color-surface-muted);--camera-active:var(--recipe-color-primary);--stepper-active:var(--recipe-color-primary);--surface-shadow:6px 6px 0 var(--recipe-color-border);--control-shadow:4px 4px 0 var(--recipe-color-border);--interaction-hover-background:var(--recipe-color-attention);--interaction-hover-text:var(--recipe-color-text);--share-background:#fffdf8;--share-text:var(--recipe-color-text);--share-accent:var(--recipe-color-accent);--share-muted:var(--recipe-color-text-muted)}html[data-recipe=pop-grid] :is(.site-brand,.footer-brand) .sizes-logo{gap:8px;width:auto}html[data-recipe=pop-grid] .sizes-brand-copy{align-items:baseline;gap:20px;display:inline-flex}html[data-recipe=pop-grid] .sizes-wordmark{text-transform:none;letter-spacing:-1px;white-space:nowrap;font-size:29px}html[data-recipe=pop-grid] .sizes-domain{letter-spacing:-.7px;font-size:.85em;font-weight:650}html[data-recipe=pop-grid] .logo-mark{object-fit:contain;width:48px;height:48px;box-shadow:none;background:0 0;border:0;border-radius:0;display:block}html[data-recipe=pop-grid] .site-nav{border-bottom:2px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .desktop-categories{gap:12px}html[data-recipe=pop-grid] .desktop-categories a{border:3px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-navigation);background:var(--recipe-color-surface);color:var(--recipe-color-text);box-shadow:4px 4px 0 var(--recipe-color-border);font-size:var(--recipe-type-label-font-size);font-weight:var(--recipe-type-label-font-weight);text-transform:uppercase;padding:8px 12px;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .1s}html[data-recipe=pop-grid] .desktop-categories a:hover{background:var(--interaction-hover-background);color:var(--interaction-hover-text);box-shadow:5px 5px 0 var(--recipe-color-border);transform:translate(-1px,-1px)}html[data-recipe=pop-grid] .desktop-categories a:active{box-shadow:1px 1px 0 var(--recipe-color-border);transform:translate(3px,3px)}html[data-recipe=pop-grid] .desktop-categories a[aria-current]{background:var(--recipe-color-primary);color:var(--recipe-color-text)}html[data-recipe=pop-grid] .desktop-categories a[aria-current]:hover{background:var(--interaction-hover-background);color:var(--interaction-hover-text)}html[data-recipe=pop-grid] .mobile-categories select{border:2px solid var(--recipe-color-border);background:var(--recipe-color-surface);min-height:44px;color:var(--recipe-color-text);box-shadow:none}html[data-recipe=pop-grid] .game-mode-bar{background:var(--recipe-color-surface);border-bottom:2px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .game-mode-links{width:240px;max-width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:0;padding:0;display:flex}html[data-recipe=pop-grid] .game-mode-links a{min-width:44px;min-height:44px;padding:var(--recipe-spacing-sm);border:2px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-filter);background:var(--recipe-color-surface);color:var(--recipe-color-text);font-size:var(--recipe-type-label-font-size);font-weight:var(--recipe-type-label-font-weight);letter-spacing:normal;text-transform:none;box-shadow:none;flex:1 1 0;transition:none;transform:none}html[data-recipe=pop-grid] .game-mode-links a:hover{background:var(--interaction-hover-background);color:var(--interaction-hover-text);box-shadow:none;transform:none}html[data-recipe=pop-grid] .game-mode-links a:hover:not([aria-current]){background:var(--interaction-hover-background);color:var(--interaction-hover-text);box-shadow:none}html[data-recipe=pop-grid] .game-mode-links a:active{transform:none}html[data-recipe=pop-grid] .game-mode-links a[aria-current]{background:var(--recipe-component-tab-selected-backgroundcolor);color:var(--recipe-component-tab-selected-textcolor);padding:var(--recipe-component-tab-selected-padding);box-shadow:inset 0 -4px 0 var(--recipe-color-border)}html[data-recipe=pop-grid] .game-mode-links a[aria-current]:hover{background:var(--interaction-hover-background);color:var(--interaction-hover-text)}html[data-recipe=pop-grid] .game-score{background:0 0;border:0;padding:0}html[data-recipe=pop-grid] [data-mode-meta],html[data-recipe=pop-grid] .score-label,html[data-recipe=pop-grid] .daily-status{color:var(--recipe-color-text-muted)}html[data-recipe=pop-grid] .size-game{border:3px solid var(--recipe-color-border);background:var(--recipe-color-surface);box-shadow:var(--surface-shadow)}html[data-recipe=pop-grid] .game-paper,html[data-recipe=pop-grid] .question-row,html[data-recipe=pop-grid] .control-row,html[data-recipe=pop-grid] .board-ruler,html[data-recipe=pop-grid] .receipt,html[data-recipe=pop-grid] .help-dialog,html[data-recipe=pop-grid] .asset-status{background:var(--recipe-color-surface)}html[data-recipe=pop-grid] .question-row{border-bottom:2px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .question-row h2{text-transform:none}html[data-recipe=pop-grid] .stage{background-color:var(--board);background-image:linear-gradient(color-mix(in srgb,var(--game-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--game-ink) 6%,transparent) 1px,transparent 1px);background-size:24px 24px}html[data-recipe=pop-grid] .reference-info,html[data-recipe=pop-grid] .object-label{border:2px solid var(--game-ink);color:var(--game-ink);background:var(--recipe-color-surface);box-shadow:none}html[data-recipe=pop-grid] .measurement-readout{color:var(--game-ink)}html[data-recipe=pop-grid] .board-ruler,html[data-recipe=pop-grid] .control-row{border-top:2px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .ruler-thumb{background:var(--recipe-color-primary);color:var(--recipe-color-text);border-color:var(--recipe-color-border)}html[data-recipe=pop-grid] :is(.secondary,.help-button,.game-extra-actions button,.game-extra-actions a,.asset-status button,.receipt-status button,.help-dialog .close-help,.camera-controls button,.stepper button,.archive-month-bar button,.archive-action:not(.is-primary)){border:3px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-sm);background:var(--recipe-color-surface);color:var(--recipe-color-text);box-shadow:4px 4px 0 var(--recipe-color-border);text-transform:uppercase;transition:transform .1s,box-shadow .1s,background-color .1s}html[data-recipe=pop-grid] .primary,html[data-recipe=pop-grid] .archive-action.is-primary{border:3px solid var(--recipe-color-border);border-radius:var(--recipe-rounded-sm);box-shadow:4px 4px 0 var(--recipe-color-border);background:var(--recipe-color-primary);color:var(--recipe-color-on-primary);text-transform:uppercase;transition:transform .1s,box-shadow .1s,background-color .1s}html[data-recipe=pop-grid] :is(.secondary,.help-button,.game-extra-actions button,.game-extra-actions a,.asset-status button,.receipt-status button,.help-dialog .close-help,.camera-controls button,.stepper button,.archive-month-bar button,.archive-action:not(.is-primary)):not(:disabled):not([aria-disabled=true]):hover{box-shadow:5px 5px 0 var(--recipe-color-border);background:var(--interaction-hover-background);color:var(--interaction-hover-text);border-color:var(--recipe-color-border);transform:translate(-1px,-1px)}html[data-recipe=pop-grid] .primary:not(:disabled):not([aria-disabled=true]):hover,html[data-recipe=pop-grid] .archive-action.is-primary:not(:disabled):not([aria-disabled=true]):hover{background:var(--interaction-hover-background);color:var(--interaction-hover-text);border-color:var(--recipe-color-border);box-shadow:5px 5px 0 var(--recipe-color-border);transform:translate(-1px,-1px)}html[data-recipe=pop-grid] .primary:not(:disabled):not([aria-disabled=true]):active,html[data-recipe=pop-grid] .archive-action.is-primary:not(:disabled):not([aria-disabled=true]):active{background:var(--interaction-hover-background);color:var(--interaction-hover-text);box-shadow:1px 1px 0 var(--recipe-color-border);transform:translate(3px,3px)}html[data-recipe=pop-grid] .primary:is(:disabled,[aria-disabled=true]),html[data-recipe=pop-grid] .archive-action.is-primary:is(:disabled,[aria-disabled=true]){background:var(--recipe-color-disabled);color:var(--recipe-color-disabled-text);border-color:var(--recipe-color-border);box-shadow:none;cursor:not-allowed;opacity:1;border-style:dashed;transform:none}html[data-recipe=pop-grid] :is(.secondary,.help-button,.game-extra-actions button,.game-extra-actions a,.asset-status button,.receipt-status button,.help-dialog .close-help,.camera-controls button,.stepper button,.archive-month-bar button,.archive-action:not(.is-primary)):not(:disabled):not([aria-disabled=true]):active{box-shadow:1px 1px 0 var(--recipe-color-border);background:var(--interaction-hover-background);color:var(--interaction-hover-text);border-color:var(--recipe-color-border);transform:translate(3px,3px)}html[data-recipe=pop-grid] :is(.sources summary,.faq-list summary):hover,html[data-recipe=pop-grid] .faq-list details[open] summary:hover{background:var(--interaction-hover-background);color:var(--interaction-hover-text)}html[data-recipe=pop-grid] :is(.archive-tabs button,button.archive-day):not(:disabled):hover{background:var(--interaction-hover-background);color:var(--interaction-hover-text);border-color:var(--recipe-color-border)}html[data-recipe=pop-grid] button.archive-day:not(:disabled):hover :is(.archive-day-number,.archive-day-status,.archive-day-today,.archive-day-score){color:var(--interaction-hover-text)}html[data-recipe=pop-grid] :is(.secondary,.help-button,.game-extra-actions button,.game-extra-actions a,.asset-status button,.receipt-status button,.help-dialog .close-help,.camera-controls button,.stepper button,.archive-month-bar button,.archive-action:not(.is-primary)):is(:disabled,[aria-disabled=true]){background:var(--recipe-color-disabled);color:var(--recipe-color-disabled-text);box-shadow:none;cursor:not-allowed;opacity:1;border-style:dashed;transform:none}html[data-recipe=pop-grid] .camera-controls,html[data-recipe=pop-grid] .stepper{box-shadow:none;background:0 0;border:0;border-radius:0;gap:8px;padding:0 4px 4px 0;display:flex;overflow:visible}html[data-recipe=pop-grid] .camera-controls button,html[data-recipe=pop-grid] .stepper button{flex:0 0 44px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid}html[data-recipe=pop-grid] .board-overlay .reference-info{max-width:calc(100% - 164px)}html[data-recipe=pop-grid] .help-dialog{border:3px solid var(--recipe-color-border);box-shadow:8px 8px 0 var(--recipe-color-border);max-block-size:calc(100svh - 32px);overflow-y:auto}html[data-recipe=pop-grid] .help-dialog .help-tips{border-top:2px solid var(--recipe-color-border);padding-top:12px;font-size:12px}html[data-recipe=pop-grid] .asset-status{border:2px solid var(--recipe-color-border);box-shadow:4px 4px 0 var(--recipe-color-border)}html[data-recipe=pop-grid] .mode-card,html[data-recipe=pop-grid] .example-card,html[data-recipe=pop-grid] .category-card{border:3px solid var(--recipe-color-border);background:var(--recipe-color-surface);padding:24px}html[data-recipe=pop-grid] .mode-card,html[data-recipe=pop-grid] .example-card{box-shadow:none}html[data-recipe=pop-grid] .small-mark{background:var(--recipe-color-primary);color:var(--recipe-color-text);border:2px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .overline{color:var(--recipe-color-text-muted);background:0 0;border:0;padding:0}html[data-recipe=pop-grid] .facts-row span{background:var(--recipe-color-surface);color:var(--recipe-color-text);border:1px solid var(--recipe-color-border)}html[data-recipe=pop-grid] .step-media,html[data-recipe=pop-grid] .object-media{border:2px solid var(--recipe-color-border);background-color:var(--board);background-image:linear-gradient(color-mix(in srgb,var(--game-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--game-ink) 6%,transparent) 1px,transparent 1px);background-size:24px 24px}html[data-recipe=pop-grid] .demo-reference{background:var(--game-ink)}html[data-recipe=pop-grid] .demo-target{border-color:var(--game-ink);background:#fffdf8}html[data-recipe=pop-grid] .reference-bar{background:var(--game-ink)}html[data-recipe=pop-grid] .example-visual{border-color:var(--recipe-color-border)}html[data-recipe=pop-grid] .round-weights li{border-width:2px}html[data-recipe=pop-grid] .round-weights li:nth-child(n+4),html[data-recipe=pop-grid] .score-table thead th{background:var(--recipe-color-surface-muted)}html[data-recipe=pop-grid] .category-card{transition:transform .1s,box-shadow .1s}html[data-recipe=pop-grid] .category-card:hover{background:var(--recipe-color-surface);border-color:var(--recipe-color-border);box-shadow:7px 7px 0 var(--recipe-color-border);transform:translate(-1px,-1px)}html[data-recipe=pop-grid] .category-card:active{box-shadow:3px 3px 0 var(--recipe-color-border);transform:translate(3px,3px)}html[data-recipe=pop-grid] .receipt-card-frame{border-width:3px}html[data-recipe=pop-grid] .receipt-result strong{color:var(--recipe-color-accent)}html[data-recipe=pop-grid] .faq-list details,html[data-recipe=pop-grid] .content-section,html[data-recipe=pop-grid] .site-footer{border-width:2px}html[data-recipe=pop-grid] #faq-guide{border-bottom:0}html[data-recipe=pop-grid] .question-row{min-height:0;padding:14px 24px}html[data-recipe=pop-grid] .question-row>div:first-child{flex:1;min-width:0}html[data-recipe=pop-grid] .question-note{margin-top:6px}@media (width<=700px){html[data-recipe=pop-grid] .question-row{padding:12px 14px}}@media (width<=360px){html[data-recipe=pop-grid] .question-row{padding-inline:11px}}html[data-recipe=pop-grid] .object-label :is([data-guess-value],[data-result-actual]){text-align:right;font-variant-numeric:tabular-nums;flex:0 0 9ch;inline-size:9ch}html[data-recipe=pop-grid] .ui-icon{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}html[data-recipe=pop-grid] :is(button,a,select,summary,[tabindex]):focus-visible{outline:3px solid var(--recipe-color-border);outline-offset:4px}html[data-recipe=pop-grid] .stage>canvas:focus-visible{outline-offset:-4px}@media (width<=1100px){html[data-recipe=pop-grid] .desktop-categories a{padding-inline:8px;font-size:12px}html[data-recipe=pop-grid] .brand-caption{display:none}}@media (width<=800px){html[data-recipe=pop-grid] .desktop-categories{gap:8px}html[data-recipe=pop-grid] .desktop-categories a{padding-inline:6px;font-size:11px}}@media (width<=700px){html[data-recipe=pop-grid] .game-mode-links{width:200px}html[data-recipe=pop-grid] .game-mode-links a{min-width:44px;padding:8px;font-size:14px}html[data-recipe=pop-grid] .mode-card,html[data-recipe=pop-grid] .example-card{padding:22px}html[data-recipe=pop-grid] .category-card{padding:16px 12px}}@media (width<=580px){html[data-recipe=pop-grid] .game-mode-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mode mode""metadata score"}html[data-recipe=pop-grid] .game-mode-links{width:100%}}@media (width<=400px){html[data-recipe=pop-grid] .site-nav{flex-wrap:wrap;gap:8px;padding:12px 0}html[data-recipe=pop-grid] .site-brand{flex-basis:100%}html[data-recipe=pop-grid] .mobile-categories{width:100%}html[data-recipe=pop-grid] .board-overlay{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}html[data-recipe=pop-grid] .board-overlay .reference-info{width:100%;max-width:none}html[data-recipe=pop-grid] .board-overlay .camera-controls{justify-self:end}}@media (width<=360px){html[data-recipe=pop-grid] .game-mode-bar{grid-template-columns:minmax(0,1fr) auto;gap:10px 8px}html[data-recipe=pop-grid] .game-mode-links{width:100%}html[data-recipe=pop-grid] .game-mode-links a{font-size:12px}}@media (prefers-reduced-motion:reduce){html[data-recipe=pop-grid] :is(.desktop-categories a,.primary,.secondary,.help-button,.game-extra-actions button,.game-extra-actions a,.asset-status button,.receipt-status button,.help-dialog .close-help,.camera-controls button,.stepper button,.archive-month-bar button,.archive-action,.category-card):is(:hover,:active){transform:none!important}}@media (width>=1101px){html[data-recipe=pop-grid] .category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=801px) and (width<=1100px){html[data-recipe=pop-grid] .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1280px){html[data-recipe=pop-grid] .brand-caption{display:none}}@media (width>=701px) and (width<=960px){html[data-recipe=pop-grid] .desktop-categories{display:none}html[data-recipe=pop-grid] .mobile-categories{width:180px;display:block}}html[data-recipe=pop-grid] .game-mode-bar .daily-status[data-status-kind=streak]{display:none}html[data-recipe=pop-grid] .game-mode-bar [data-mode-meta]{white-space:normal;align-items:center;min-block-size:44px;min-inline-size:0;display:flex}html[data-recipe=pop-grid] .game-mode-bar .game-score{justify-content:center;min-block-size:44px}html[data-recipe=pop-grid] .game-mode-bar [data-score-progress]{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;min-inline-size:9ch}@media (width<=700px){html[data-recipe=pop-grid] .game-mode-bar [data-mode-meta]{min-block-size:1.5em}}@media (width<=580px){html[data-recipe=pop-grid] .game-mode-bar [data-mode-meta]{min-block-size:4.5em}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}