:root{--paper:#f4f5f2;--ink:#111315;--accent:#c7f36b;--muted:#dce0d6;--line:rgba(17,19,21,.15);--radius:24px;--gutter:clamp(24px,7.2vw,120px);--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;overflow-x:clip}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #668c20;outline-offset:6px}button{color:inherit}img,svg{max-width:100%}section{scroll-margin-top:100px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;left:24px;top:-100px;z-index:10000;padding:16px;background:var(--accent);border-radius:8px}.skip-link:focus{top:12px}
.wf-container{width:min(1200px,100% - 48px);margin-inline:auto}.wf-block{display:block;width:var(--w,100%);height:var(--h,14px);border-radius:3px;background:currentColor;opacity:.12;flex-shrink:0}.wf-copy{display:flex;flex-direction:column;gap:12px}.wf-title{display:flex;flex-direction:column;gap:14px;margin:0 0 28px}.wf-title .wf-block{height:clamp(24px,3vw,44px);opacity:.88;border-radius:4px}.wf-eyebrow{width:90px;height:10px;margin-bottom:28px;opacity:.32}.wf-body{display:flex;flex-direction:column;gap:10px;max-width:560px}.wf-body .wf-block{height:12px;opacity:.18}.wf-frame{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.35);overflow:hidden}.wf-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:12px 24px;border:1px solid var(--line);border-radius:999px;background:transparent;text-decoration:none}.wf-button:hover{background:var(--accent)}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:24px;max-width:min(800px,calc(100vw - 32px));max-height:85vh;padding:32px}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(5px)}[hidden]{display:none!important}
.blueprint-tools{position:fixed;right:24px;bottom:24px;z-index:300;display:flex;align-items:flex-end;flex-direction:column;gap:8px;max-width:calc(100vw - 32px)}.blueprint-toggle{display:flex;align-items:center;gap:10px;min-height:48px;border-radius:99px;padding:12px 20px;border:1px solid rgba(199,243,107,.3);background:var(--ink);color:var(--accent);box-shadow:0 6px 28px #0002}.blueprint-toggle:hover{background:#272d20}.blueprint-readout{max-width:100%;padding:10px 14px;border-radius:8px;background:var(--ink);color:var(--accent);font:12px/1.6 monospace;overflow-wrap:anywhere}.blueprint-toggle>span:first-child{font-size:22px}
body.is-blueprint{background:#f2f5ed}body.is-blueprint [data-wireframe]{outline:1px solid #6f9043;outline-offset:-1px;position:relative;background-color:#f2f5ed!important;background-image:linear-gradient(#71914410 1px,transparent 1px),linear-gradient(90deg,#71914410 1px,transparent 1px)!important;background-size:24px 24px!important;color:var(--ink)!important}body.is-blueprint [data-wireframe]::after{content:attr(data-wireframe)' / 'attr(data-label);position:absolute;left:12px;top:12px;padding:5px 8px;background:var(--ink);color:var(--accent);font:10px monospace;z-index:3;pointer-events:none}body.is-blueprint .wf-frame{background:transparent!important;border-style:dashed!important;border-color:#75954c!important;box-shadow:none!important}body.is-blueprint .wf-block{background:transparent!important;outline:1px solid #75954c;opacity:.4!important}body.is-blueprint .blueprint-selected{outline:3px solid #486922!important;outline-offset:-3px}body.is-blueprint [data-wireframe] [class*="geometry"],body.is-blueprint [data-wireframe] [class*="gradient"]{opacity:.08!important}body.is-blueprint [data-wireframe]:focus-visible{outline:3px solid #486922;outline-offset:-3px}
@media(max-width:600px){.blueprint-tools{right:16px;bottom:16px}.blueprint-toggle{min-height:44px;padding:10px 16px}.wf-title{gap:10px}.wf-title .wf-block{height:25px}.wf-container{width:calc(100% - 40px)}dialog{padding:24px}.wf-body .wf-block{height:10px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]){scroll-behavior:auto}html:not([data-motion="full"]) *,html:not([data-motion="full"]) *::before,html:not([data-motion="full"]) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html[data-motion="reduced"]{scroll-behavior:auto}html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
