.diagram[data-astro-cid-mb5gojzx]{margin:0;padding:clamp(1rem,3vw,2rem)}.scroll[data-astro-cid-mb5gojzx]{overflow-x:auto}.scroll[data-astro-cid-mb5gojzx] img[data-astro-cid-mb5gojzx]{object-fit:contain;width:100%;min-width:34rem;max-height:32rem;margin-inline:auto}.grid[data-astro-cid-rj65ajc3]{gap:1.25rem;margin-bottom:1.5rem;display:grid}.desktop[data-astro-cid-rj65ajc3]{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.mobile[data-astro-cid-rj65ajc3]{grid-template-columns:repeat(auto-fill,minmax(min(45%,12rem),1fr))}figure[data-astro-cid-rj65ajc3]{margin:0}figure[data-astro-cid-rj65ajc3] img{border-radius:var(--radius-sm);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);background:var(--surface-2)}.mobile[data-astro-cid-rj65ajc3] figure[data-astro-cid-rj65ajc3] img{border-radius:18px}figcaption[data-astro-cid-rj65ajc3]{color:var(--ink-3);margin-top:.5rem;font-size:.875rem}.walkthrough[data-astro-cid-ezrx4mnr]{margin:0;overflow:hidden}video[data-astro-cid-ezrx4mnr]{background:var(--surface-2);width:100%}.demo{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:clamp(1rem,3vw,1.75rem)}.demo h3{font-size:1.15rem}.demo h4{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:0 0 .6rem;font-size:.8rem}.demo-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=56rem){.demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.demo textarea{width:100%;min-height:20rem;font:.9rem/1.5 var(--mono);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);color:var(--ink);resize:vertical;padding:.75rem}.demo label{margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.demo .row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.demo .panel{background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:1rem;padding:1rem}.demo ul.plain,.demo ol.plain{margin:0;padding-left:1.1rem}.demo li{margin-bottom:.3rem}.demo .pill{background:var(--accent-soft);color:var(--ink);white-space:nowrap;border-radius:999px;margin-left:.4rem;padding:.05rem .5rem;font-size:.75rem;display:inline-block}.demo .pill.muted{border:1px solid var(--line);color:var(--ink-3);background:0 0}.demo table{border-collapse:collapse;width:100%;font-size:.9rem}.demo th,.demo td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.4rem .5rem}.demo th{color:var(--ink-3);font-size:.8rem;font-weight:600}.demo td.num,.demo th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.demo .table-scroll{overflow-x:auto}.demo select,.demo input[type=number]{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);min-height:40px;color:var(--ink);padding:.4rem .6rem}.demo .slider{margin-bottom:1rem}.demo .slider-head{justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.demo .slider-head output{font-variant-numeric:tabular-nums;color:var(--ink-2)}.demo input[type=range]{width:100%;accent-color:var(--accent);min-height:32px}.demo .score{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.demo .score strong{font-variant-numeric:tabular-nums;font-size:3rem;line-height:1}.demo .bar{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.demo .bar>span{background:var(--accent);height:100%;display:block}.demo .factor{margin-bottom:.75rem;font-size:.9rem}.demo .factor-head{justify-content:space-between;gap:.5rem;margin-bottom:.25rem;display:flex}.demo .small{color:var(--ink-3);font-size:.85rem}.demo fieldset{border:0;margin:0 0 1rem;padding:0}.demo legend{margin-bottom:.4rem;padding:0;font-size:.9rem;font-weight:600}.demo .chips{flex-wrap:wrap;gap:.4rem;display:flex}.demo .chips label{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;min-height:40px;margin:0;padding:.35rem .75rem;font-weight:500;display:inline-flex}.demo .chips input{accent-color:var(--accent)}.demo .chips label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.demo .chips label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.demo .days{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.6rem;display:grid}.demo .days label{font-size:.85rem;font-weight:500}.demo .days input{width:100%}.demo .parcours{flex-direction:column;gap:14px;display:flex}.demo .parcours-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.demo .lane{flex-direction:column;gap:6px;display:flex}.demo .lane .track{height:48px;margin:0 22px 0 20px;position:relative}.demo .lane .ground{background:var(--line);border-radius:3px;height:6px;position:absolute;top:33px;left:0;right:0}.demo .lane .trail{opacity:.6;border-radius:3px;height:6px;transition:width .8s cubic-bezier(.2,.8,.2,1);position:absolute;top:33px;left:0}.demo .lane .obstacle,.demo .lane .flag{font-size:1.1rem;line-height:1;position:absolute;top:14px;transform:translate(-50%)}.demo .lane .obstacle.cleared{opacity:.35;filter:grayscale()}.demo .lane .runner{background:var(--surface);width:38px;height:38px;box-shadow:var(--shadow);z-index:1;border:3px solid;border-radius:50%;place-items:center;font-size:1.2rem;transition:left .8s cubic-bezier(.2,.8,.2,1);animation:1.6s ease-in-out infinite hop;display:grid;position:absolute;top:0;transform:translate(-50%)}.demo .lane .runner.done{animation:none}.demo .lane-meta{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}@keyframes hop{0%,to{margin-top:0}50%{margin-top:-3px}}.demo .chore-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.6rem;display:grid}.demo .chore-btn{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.7rem .9rem;display:flex}.demo .chore-btn:hover{border-color:var(--accent)}.demo .chore-btn:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.demo .lane .runner,.demo .lane .trail{transition:none;animation:none}}.head[data-astro-cid-wjaeoair]{padding-block:clamp(2rem,6vw,4rem) 1.5rem}.back[data-astro-cid-wjaeoair]{margin-bottom:1.5rem;font-size:.95rem;text-decoration:none;display:inline-block}.back[data-astro-cid-wjaeoair]:hover{text-decoration:underline}.meta[data-astro-cid-wjaeoair]{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;display:flex}.meta[data-astro-cid-wjaeoair] div[data-astro-cid-wjaeoair]{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;gap:.4rem;padding:.3rem .75rem;font-size:.875rem;display:flex}.meta[data-astro-cid-wjaeoair] dt[data-astro-cid-wjaeoair]:not(.sr-only):after{content:":"}.meta[data-astro-cid-wjaeoair] dd[data-astro-cid-wjaeoair]{margin:0}.block[data-astro-cid-wjaeoair]{margin-top:clamp(2.5rem,6vw,4rem)}.columns[data-astro-cid-wjaeoair]{grid-template-columns:1fr;gap:0 3rem;display:grid}@media (width>=60rem){.columns[data-astro-cid-wjaeoair]{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}}.ai[data-astro-cid-wjaeoair]{background:var(--accent-soft);box-shadow:none;border-color:#0000;padding:1.5rem}.ai[data-astro-cid-wjaeoair] h2[data-astro-cid-wjaeoair]{font-size:1.15rem}.ai[data-astro-cid-wjaeoair] p[data-astro-cid-wjaeoair]{margin:0}.features[data-astro-cid-wjaeoair]{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.features[data-astro-cid-wjaeoair] li[data-astro-cid-wjaeoair]{box-shadow:none;padding:1.25rem}.features[data-astro-cid-wjaeoair] h3[data-astro-cid-wjaeoair]{margin-bottom:.4rem}.features[data-astro-cid-wjaeoair] p[data-astro-cid-wjaeoair]{margin:0;font-size:.975rem}.small[data-astro-cid-wjaeoair]{font-size:.9rem}.arch-text[data-astro-cid-wjaeoair]{margin-top:1.5rem}.stack[data-astro-cid-wjaeoair]{gap:1rem;margin:0;display:grid}.stack[data-astro-cid-wjaeoair] dt[data-astro-cid-wjaeoair]{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:.4rem;font-size:.8rem;font-weight:600}.stack[data-astro-cid-wjaeoair] dd[data-astro-cid-wjaeoair]{margin:0}.next[data-astro-cid-wjaeoair] a[data-astro-cid-wjaeoair]{color:var(--ink);text-align:right;max-width:24rem;box-shadow:none;flex-direction:column;gap:.2rem;margin-left:auto;padding:1.25rem 1.5rem;text-decoration:none;display:flex}.next[data-astro-cid-wjaeoair] a[data-astro-cid-wjaeoair]:hover{border-color:var(--ink-3)}
