:root{--bg-canvas:#fff;--bg-surface:#f1f5f9;--bg-surface-hover:#edf7f1;--text-primary:#1e293b;--text-muted:#53635d;--accent-primary:#047857;--accent-secondary:#a7d8b6;--border-subtle:#d5e0d9;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #04785733;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-primary);text-decoration-thickness:1px;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption{font-size:.8rem;color:var(--text-muted);padding:10px 0;border-bottom:1px solid var(--border-subtle)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(2.3rem,5.2vw,4.8rem);max-width:20ch;margin-bottom:20px;font-weight:650}h2{font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:22px}h3{font-size:1.12rem;letter-spacing:-.015em}p{margin-bottom:1.2em}ul,ol{padding-left:1.4em}.wrap{width:min(1200px,calc(100% - 64px));margin:0 auto}.site-header{position:relative;z-index:10;padding:24px 0 14px}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;max-width:100%;padding:11px 17px;border:1px solid var(--border-subtle);border-radius:50px;text-decoration:none;color:var(--text-primary);background:#fff;box-shadow:0 4px 16px #1e293b08;font-size:.94rem;font-weight:650;letter-spacing:-.025em}.brand-mark{width:25px;height:25px;position:relative;border:1px solid var(--accent-primary);border-radius:50%;display:inline-grid;place-items:center;color:var(--accent-primary);font:15px ui-monospace,Consolas,monospace}.brand-mark:after{content:"";position:absolute;width:32px;height:1px;background:var(--accent-primary);transform:rotate(-45deg)}.navigation{display:flex;gap:24px;align-items:center}.navigation a{color:var(--text-primary);text-decoration:none;font-size:.86rem;position:relative;padding:8px 0}.navigation a:after,.text-link:after{content:"";display:block;height:1px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s}.navigation a:hover:after,.text-link:hover:after,.navigation a[aria-current=page]:after{transform:scaleX(1)}.menu-toggle{display:none;border:1px solid var(--border-subtle);background:#fff;color:var(--accent-primary);border-radius:50%;width:43px;height:43px;font-size:28px;cursor:pointer}.skip-link{position:absolute;top:-100px;left:24px;padding:10px;background:#fff;z-index:50}.skip-link:focus{top:8px}.eyebrow,.label,.number,dt,.small-heading{font: .73rem/1.5 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent-primary);margin:0 0 18px}.eyebrow:before{content:"";height:7px;width:7px;border-radius:50%;background:var(--accent-primary);flex-shrink:0}.hero{padding:45px 0 35px;border-bottom:1px solid var(--border-subtle);position:relative}.hero p{max-width:65ch;color:var(--text-muted)}.hero .intro{font-size:1.1rem}.hero-meta{display:flex;justify-content:space-between;gap:20px;margin-top:30px;color:var(--text-muted);font: .72rem ui-monospace,Consolas,monospace}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);padding:12px 19px;text-decoration:none;cursor:pointer;font-size:.9rem;font-weight:600;transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .35s}.button:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:#065f46}.text-link{display:inline-block;text-decoration:none;font-weight:600;font-size:.9rem}.register{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 40px}.entry{padding:37px 0;border-bottom:1px solid var(--border-subtle);min-width:0}.span-8{grid-column:span 8}.span-4{grid-column:span 4}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-12{grid-column:1/-1}.entry-header{display:flex;gap:15px;align-items:baseline}.number{color:var(--accent-primary);white-space:nowrap}.entry-header h2{flex:1}.condition-region,.storage-region{background-image:radial-gradient(ellipse at 100% 0,#dff0e566,transparent 70%);background-size:200% 200%;animation:gradientShift 12s ease infinite}.diagram{aspect-ratio:4/3;background:#edf4ef}.banner-image{aspect-ratio:16/9;background:var(--bg-surface)}.thumbnail{width:80px;height:80px;flex:0 0 80px;background:var(--bg-surface)}.rule-list{list-style:none;margin:0;padding:0}.rule-list li,.reference-row{display:flex;align-items:flex-start;gap:16px;padding:17px 0;border-bottom:1px solid var(--border-subtle);transition:background .3s,transform .3s var(--ease-kinetic)}.rule-list li:last-child{border-bottom:0}.rule-list li:hover{background:var(--bg-surface-hover);transform:translateY(-2px)}.rule-list p{margin:5px 0 0;color:var(--text-muted);font-size:.94rem}.icon{flex:0 0 29px;height:29px;border:1px solid var(--border-subtle);display:grid;place-items:center;border-radius:50%;color:var(--accent-primary);font: .75rem ui-monospace,Consolas,monospace}.note{padding:20px 22px;border-left:3px solid var(--accent-primary);background:#f2f7f3;margin:20px 0;color:var(--text-primary);font-size:.94rem}.note p:last-child{margin-bottom:0}.reading{max-width:70ch;margin:0 auto}.reading h2{margin-top:38px;font-size:1.6rem}.reading h3{margin-top:28px}.reading p,.reading li{color:#35443f}.article-aside{font-size:.9rem}.article-aside h2{font: .8rem/1.6 ui-monospace,Consolas,monospace;letter-spacing:.05em;text-transform:uppercase}.article-aside .aside-block{padding:25px 0;border-bottom:1px solid var(--border-subtle)}.article-aside ul{padding-left:1.2em}.article-aside p{color:var(--text-muted)}.article-aside dl{margin:0}.article-aside dt{color:var(--accent-primary);margin-top:18px}.article-aside dd{margin:5px 0 0;color:var(--text-muted)}.source-list{font-size:.9rem}.source-list li{margin:10px 0}.fluid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:28px}.flow-section{padding:38px 0;border-bottom:1px solid var(--border-subtle)}details{border-bottom:1px solid var(--border-subtle);padding:18px 0}summary{cursor:pointer;font-weight:600;padding-right:20px}details p{max-width:70ch;margin:16px 0 0;color:var(--text-muted)}details[open] summary{color:var(--accent-primary)}.worksheet label{display:block;font-weight:600;margin:18px 0 8px}.worksheet input,.worksheet textarea{display:block;width:100%;border:1px solid #9cafa2;border-radius:0;padding:12px;background:#fff;color:var(--text-primary)}.worksheet textarea{min-height:230px;resize:vertical}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:20px}.plain-button{padding:5px 0;border:0;border-bottom:1px solid var(--accent-primary);background:transparent;color:var(--accent-primary);cursor:pointer;font-weight:600}.preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px;background:#f2f7f3;border:1px solid var(--border-subtle);min-height:180px;font:.9rem/1.8 ui-monospace,Consolas,monospace}.status{min-height:1.7em;color:var(--accent-primary);font-size:.9rem;margin-top:12px}.site-footer{padding:48px 0 25px;margin-top:34px;font-size:.84rem}.footer-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:17px 0;border-top:1px solid var(--border-subtle)}.footer-row p{margin:0;max-width:65ch;color:var(--text-muted)}.footer-links{display:flex;gap:12px 22px;flex-wrap:wrap}.entity{font-size:.78rem;line-height:1.8;color:var(--text-muted)}.entity strong{color:var(--text-primary);font-weight:600}.copyright{font: .71rem/1.7 ui-monospace,Consolas,monospace;color:var(--text-muted)}.js-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js-ready .reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0 0}50%{background-position:100% 100%}}
@media(min-width:1025px){.article-aside{padding-left:10px}.hero{padding-top:55px}.register{column-gap:48px}}
@media(min-width:769px) and (max-width:1024px){.wrap{width:calc(100% - 48px)}.navigation{gap:14px}.brand{font-size:.8rem;padding:10px 12px}.register{column-gap:28px}.span-8,.span-7{grid-column:span 8}.span-4,.span-5{grid-column:span 4}}
@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 40px)}.register{gap:0 25px}.span-8,.span-7,.span-5{grid-column:1/-1}.span-4{grid-column:span 6}.article-aside.span-4{grid-column:1/-1}.hero{padding-top:35px}}
@media(max-width:767px){.menu-toggle{display:block;flex-shrink:0}.navigation{display:none;position:absolute;left:20px;right:20px;top:83px;padding:18px 24px;background:#f4faf6;border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation);flex-direction:column;align-items:stretch;gap:3px}.navigation.is-open{display:flex;animation:menuIn .25s var(--ease-kinetic)}.navigation a{padding:10px 0;border-bottom:1px solid var(--border-subtle)}.footer-row{align-items:flex-start;flex-direction:column;gap:10px}.header-inner{gap:10px}.brand{font-size:.85rem}.hero-meta{flex-wrap:wrap}.site-header{padding-top:18px}@keyframes menuIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.brand{padding:9px 12px;font-size:.77rem;gap:8px}.brand-mark{width:22px;height:22px}.hero{padding:30px 0}.hero .intro{font-size:1rem}.register{display:block}.entry{padding:28px 0}.entry-header{gap:10px}.entry-header h2{font-size:1.55rem}.number{font-size:.65rem}.hero-meta{font-size:.65rem}.button{padding:12px 15px}.reading h2{font-size:1.45rem}.thumbnail{width:65px;height:65px;flex-basis:65px}.footer-links{gap:10px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}.button:hover,.rule-list li:hover{transform:none}}