.infra-local-nav,.infra-related{background:var(--hio-paper);border-block:1px solid var(--hio-rule);flex-wrap:wrap;gap:1rem;padding:1rem max(1.25rem,50% - 36rem);display:flex}.infra-local-nav a,.infra-related a{color:var(--hio-fg);opacity:1}.infra-related{padding-block:2rem}.infra-h3{font-family:var(--hio-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hio-muted);margin:clamp(2rem,4.5vw,3rem) 0 0;font-size:.75rem;font-weight:700}.infra-frame .infra-h3:first-child{margin-top:0}.infra-flag{font-family:var(--hio-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hio-accent-bright);margin:clamp(1.5rem,3vw,2rem) 0 0;font-size:.75rem;font-weight:700}.infra-frame{border:1px solid var(--hio-rule-strong);border-radius:var(--hio-radius-md);background:var(--hio-surface);margin-top:clamp(1.5rem,3vw,2rem);padding:clamp(1.25rem,2.5vw,1.75rem)}.infra-frame .tech-rows{border-top:0;margin-top:.75rem}.infra-frame .tech-row{padding-block:clamp(.875rem,2vw,1.25rem)}.infra-frame__boundary{font-family:var(--hio-font-mono);color:var(--hio-fg);margin-top:clamp(1.5rem,3vw,2rem);font-size:.8125rem;line-height:1.7}.infra-source__lines{border:1px solid var(--hio-rule);border-radius:var(--hio-radius-sm);background:var(--hio-paper-2);font-family:var(--hio-font-mono);color:var(--hio-fg);overflow-wrap:anywhere;margin:.875rem 0 0;padding:clamp(1rem,2vw,1.375rem);font-size:.84375rem;line-height:1.75;list-style:none}.infra-source__lines li{border-left:2px solid var(--hio-rule-strong);margin-bottom:.25rem;padding:.25rem 0 .25rem 1rem}.infra-source__lines li:last-child{margin-bottom:0}.infra-draft{margin:.875rem 0 0;list-style:none}.infra-draft__row{border:1px solid var(--hio-rule);background:var(--hio-surface);border-top:0}.infra-draft__row:first-child{border-top:1px solid var(--hio-rule);border-radius:var(--hio-radius-sm) var(--hio-radius-sm) 0 0}.infra-draft__row:last-child{border-radius:0 0 var(--hio-radius-sm) var(--hio-radius-sm)}.infra-draft__map{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1.4fr);gap:0;margin:0;display:grid}.infra-draft__cell{border-right:1px solid var(--hio-rule);overflow-wrap:anywhere;padding:.75rem .875rem}.infra-draft__cell:last-child{border-right:0}.infra-draft__cell dt{font-family:var(--hio-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hio-muted);font-size:.6875rem;font-weight:700}.infra-draft__cell dd{color:var(--hio-fg);margin:.375rem 0 0;font-size:.90625rem;line-height:1.55}.infra-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.875rem 0 0;list-style:none;display:grid}.infra-legend__item{border:1px dashed var(--hio-rule-strong);border-radius:var(--hio-radius-sm);background:var(--hio-paper);flex-direction:column;gap:.375rem;padding:.875rem 1rem;display:flex}.infra-legend__label{font-family:var(--hio-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hio-accent-bright);font-size:.71875rem;font-weight:700}.infra-legend__body{color:var(--hio-muted);margin:0;font-size:.875rem;line-height:1.6}.infra-limit{margin-top:clamp(1.5rem,3vw,2rem)}.infra-limit .infra-h3{margin-top:0}.infra-list{gap:.625rem;margin:.875rem 0 0;list-style:none;display:grid}.infra-list__item{max-width:62ch;color:var(--hio-muted);padding-left:1.375rem;font-size:.96875rem;line-height:1.68;position:relative}.infra-list__item:before{content:"";background:var(--hio-accent);width:.5rem;height:1px;position:absolute;top:.5625rem;left:0}.infra-axes{gap:.375rem;max-width:38rem;margin:clamp(2rem,4.5vw,3rem) 0 0;display:grid}.infra-axes__row{border-bottom:1px solid var(--hio-rule);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.75rem;padding-block:.625rem;display:grid}.infra-axes__row dt{font-family:var(--hio-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hio-muted);font-size:.71875rem;font-weight:700}.infra-axes__row dd{font-family:var(--hio-font-mono);color:var(--hio-fg);text-transform:capitalize;margin:0;font-size:.71875rem;line-height:1.6}@media (max-width:46rem){.infra-draft__map{grid-template-columns:1fr}.infra-draft__cell{border-right:0;border-bottom:1px solid var(--hio-rule);grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);gap:.75rem;display:grid}.infra-draft__cell:last-child{border-bottom:0}.infra-legend{grid-template-columns:1fr}}@media print{.infra-flag,.tech-consult,.site-drawer__toggle{display:none}.infra-frame,.infra-draft__row,.infra-legend__item,.infra-limit{break-inside:avoid;border-color:var(--hio-fg)}.infra-axes__row dd,.infra-draft__cell dd,.infra-list__item,.infra-legend__body,.tech-row__body{color:var(--hio-fg)}*{overflow:visible!important}}.infra-dark{--hio-ink:#111;--hio-ink-2:#f5f6f8;--hio-paper:#fff;--hio-paper-2:#f5f6f8;--hio-surface:#fff;--hio-fg:#111;--hio-muted:#555;--hio-rule:#d9dce1;--hio-rule-strong:#9aa1aa;--hio-fg-dark:#111;--hio-muted-dark:#555;--hio-rule-dark:#d9dce1;--hio-focus-ring:#111;--hio-accent:#111;--hio-accent-bright:#111;color:#111;background:#fff;min-width:0}.infra-product-hero{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);min-width:0;max-width:1232px;margin:auto;display:grid}.infra-product-hero .site-hero{background:0 0;padding-block:clamp(3rem,8vw,7rem)}.infra-product-hero .site-hero .container{width:100%;padding-inline:1.25rem}.infra-product-hero h1{overflow-wrap:anywhere;font-size:clamp(2rem,5vw,3.75rem)}.infra-product-hero .site-hero p{color:var(--hio-muted)}.infra-hero-visual{align-content:center;gap:.75rem;min-width:0;padding:2rem;display:grid}.infra-visual-node{border:1px solid var(--hio-rule-strong);overflow-wrap:anywhere;padding:1rem}.infra-visual-connector{background:var(--hio-accent);width:1px;height:1.5rem;margin-inline:1.5rem}.infra-hero-visual p{color:var(--hio-muted);margin:.5rem 0 0}.infra-hero-visual a,.infra-local-nav a{min-height:44px;color:var(--hio-accent);outline-offset:3px;align-items:center;display:inline-flex}.infra-hero-visual a:focus-visible,.infra-local-nav a:focus-visible{outline:2px solid var(--hio-focus-ring)}.infra-dark h1,.infra-dark h2,.infra-dark h3,.infra-dark p,.infra-dark dd{overflow-wrap:anywhere;min-width:0}.infra-dark .fr18-demo{background:var(--hio-paper);color:var(--hio-fg)}@media (max-width:50rem){.infra-product-hero{grid-template-columns:1fr}.infra-hero-visual{padding:0 1.25rem 2rem}}@media print{.infra-dark{--hio-paper:#fff;--hio-paper-2:#fff;--hio-surface:#fff;--hio-fg:#000;--hio-muted:#222;--hio-rule:#555;--hio-rule-strong:#222;color:#000;background:#fff}.infra-hero-visual{break-inside:avoid}}.infra-dark{--hio-accent-contrast:#fff}.infra-dark .button-link--primary{color:#fff;background:#111}.infra-dark .button-link--primary:hover{color:#fff;background:#333}.infra-dark .button-link--primary:focus-visible{color:#fff;outline-offset:3px;background:#111;outline:2px solid #111}.infra-related a:first-child{margin-block-start:-20px;padding-block-start:20px}.infra-related a:last-child{margin-block-end:-20px;padding-block-end:20px}.infra-dark .fr18-demo-link{vertical-align:middle;align-items:center;min-width:44px;min-height:44px;margin-block:-11px;display:inline-flex}
#fr18-local-demo{scroll-margin-top:calc(var(--hio-header-h) + 1rem)}.fr18-demo{overflow-wrap:anywhere;padding-block:2rem 4rem}.fr18-demo h2{font-size:clamp(1.5rem,4vw,2.5rem)}.fr18-demo h3{margin-block:2rem 1rem}.fr18-demo p{max-width:76ch;line-height:1.7}.fr18-demo label{margin-block:1rem .5rem;font-weight:600;display:block}.fr18-demo :is(input,select,button,summary){max-width:100%;min-height:48px;font:inherit;color:var(--hio-fg);background:var(--hio-surface);border:1px solid var(--hio-rule-strong);border-radius:var(--hio-radius-sm);padding:.65rem .9rem}.fr18-demo input{width:100%}.fr18-demo button{cursor:pointer;white-space:normal}.fr18-demo button:disabled{cursor:not-allowed;color:var(--hio-muted);background:var(--hio-paper-2)}.fr18-demo :is(input,select,button,summary):focus-visible{outline:2px solid var(--hio-focus-ring);outline-offset:3px}.fr18-demo pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--hio-rule);background:var(--hio-paper-2);font:.875rem/1.7 var(--hio-font-mono);max-height:34rem;padding:1rem;overflow-y:auto}.fr18-actions{flex-wrap:wrap;gap:.75rem;margin-block:1.5rem;display:flex}.fr18-fields,.fr18-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.fr18-fields>div{border:1px solid var(--hio-rule);min-width:0;padding:1rem}.fr18-counts dd{font:1.5rem var(--hio-font-mono);margin-inline-start:0}.fr18-demo [role=status],.fr18-demo [role=alert]{border-inline-start:3px solid var(--hio-fg);padding:1rem}.fr18-demo summary{cursor:pointer}@media (max-width:40rem){.fr18-fields,.fr18-counts{grid-template-columns:minmax(0,1fr)}.fr18-actions>button{width:100%}}