:root{color-scheme:light dark;--color-background:Canvas;--color-surface:Canvas;--color-text:CanvasText;--color-muted:CanvasText;--color-accent:LinkText;--color-on-accent:Canvas;--color-accent-hover:LinkText;--color-danger:CanvasText;--color-border:CanvasText;--color-focus:Highlight;--font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--tracking-title:-.02em;--tracking-body:0;--width-brand:11.875rem;--width-header-brand:var(--width-brand);--brand-light-display:block;--brand-dark-display:none;--width-language-compact:6.25rem;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-body:1rem;--font-size-heading:2rem;--line-height-body:1.6;--line-height-heading:1.2;--weight-heading:650;--weight-normal:400;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--width-workspace:75rem;--width-prose:70ch;--size-control:2.75rem;--radius-control:.375rem;--border-width:1px;--focus-width:3px;--focus-offset:3px;--focus-control-width:2px;--focus-control-offset:2px;--motion-feedback:.16s;--motion-layout:.24s;--font-size-small:.9375rem;--font-size-input:1.25rem;--font-size-mode:.9375rem;--width-mode:6.5rem;--height-diagram:14rem;--height-diagram-inline:22rem;--height-diagram-large:65vh;--width-dialog:64rem;--width-language:12rem;--width-footer-column:14rem;--width-guide-diagram:24rem;--size-icon:1.5rem;--size-action-icon:1.25rem;--width-print-paper:6rem;--size-roof-icon-inline:2.125rem;--size-roof-icon-block:1.375rem;--size-tool-mark:3.5rem;--color-backdrop:#171916b3;--font-size-section:1.0625rem;--font-size-value:clamp(1.625rem, 2.4vw, 2.125rem);--font-size-title:clamp(1.75rem, 3vw, 2.375rem);--font-size-guide:1.5rem;--weight-medium:600;--tracking-eyebrow:0;--radius-panel:.5rem;--radius-pill:1.5rem;--width-panel:26rem;--width-compare:12rem;--width-result:8rem;--width-guide:18rem;--width-input:7rem;--width-unit:5.25rem;--select-end-space:2rem;--select-arrow-half:.375rem;--select-arrow-inset:.75rem;--font-size-measurement:1.0625rem;--width-example:8rem;--size-mark:1.75rem;--size-step:1.5rem;--diagram-stroke:1.75px;--diagram-rafter-stroke:2.5px;--diagram-text:18px;--diagram-angle-text:18px;--space-inset:clamp(1.25rem, 2.5vw, 1.75rem);--color-line:GrayText;--color-soft:Canvas;--color-diagram-fill:Canvas}@supports (color:light-dark(white, black)){:root{--color-background:light-dark(#fafaf8,#161815);--color-surface:light-dark(#fff,#1e211c);--color-text:light-dark(#262824,#f0f1e8);--color-muted:light-dark(#5c6058,#b6bcae);--color-accent:light-dark(#9c3f1e,#ffb184);--color-on-accent:light-dark(#fff,#231a13);--color-accent-hover:light-dark(#7f3216,#ffc59f);--color-danger:light-dark(#a3312d,#ffb4a8);--color-border:light-dark(#7c8075,#818879);--color-focus:light-dark(#9c3f1e,#ffb184);--color-line:light-dark(#e4e3da,#383e32);--color-soft:light-dark(#f3f2ec,#262a22);--color-diagram-fill:light-dark(#eef0e6,#2e3527)}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand-light-display:none;--brand-dark-display:block}}:root[data-theme=dark]{--brand-light-display:none;--brand-dark-display:block}@media (prefers-reduced-motion:reduce){:root{--motion-feedback:0s;--motion-layout:0s}}:root{--header-nav-display:flex;--header-mobile-display:none;--header-display:flex;--header-controls-column:auto;--header-language-width:auto;--header-gap:var(--space-lg);--home-title-size:clamp(2rem, 4vw, 3rem);--size-diagram-tick:1.25px}@media (width<48rem){:root{--header-nav-display:none;--header-mobile-display:block;--header-language-width:var(--width-language-compact);--header-gap:var(--space-sm);--width-header-brand:10rem}}@media (width<26rem){:root{--header-display:grid;--header-controls-column:1 / -1}}:root{--font-size-platform-title:clamp(2.5rem, 5vw, 4.5rem);--width-platform-copy:40rem;--width-menu:23rem;--grid-step:24px;--diagram-label-small:15px;--diagram-label-large:24px;--panel-lift:0 12px 32px #25282208;--footer-columns:minmax(0, 1.25fr) minmax(0, 1.1fr) minmax(0, .8fr) minmax(0, .65fr) minmax(0, 1fr);--footer-identity-column:auto;--privacy-summary-columns:auto minmax(0, 1fr) auto auto;--privacy-hint-display:block;--footer-drawing-display:block;--width-footer-copy:30ch;--width-footer-drawing:11.25rem}@media (width<64rem){:root{--footer-columns:repeat(4, minmax(0, 1fr));--footer-identity-column:1 / -1}}@media (width<48rem){:root{--footer-columns:repeat(2, minmax(0, 1fr));--footer-identity-column:1 / -1;--privacy-summary-columns:auto minmax(0, 1fr) auto;--privacy-hint-display:none}}@media (width<22.5rem){:root{--footer-columns:minmax(0, 1fr)}}:root{--focus-composite-offset:1px;--color-paper:#fff;--color-print-ink:#262824;--color-print-muted:#5c6058;--color-print-rule:#c9cbc4;--print-body:10pt;--print-small:9pt;--print-brand:13pt;--print-title:19pt;--print-leading:1.4;--print-mark:7mm;--print-gap:3mm;--print-row-gap:1.5mm;--print-diagram-height:105mm;--font-size-legal-title:clamp(1.5rem, 4vw, 2.5rem)}*{box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);letter-spacing:var(--tracking-body);overflow-wrap:anywhere;margin:0}main,.site-header,.site-footer{max-inline-size:var(--width-workspace);padding:var(--space-xl) var(--space-md);margin-inline:auto}h1,h2,h3,p,figure,dl,dd{margin:0}h1{font-size:var(--font-size-title);font-weight:var(--weight-heading);line-height:var(--line-height-heading);letter-spacing:var(--tracking-title)}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.numeric{font-variant-numeric:tabular-nums lining-nums}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit;min-inline-size:0}button,select,summary,.mode-option{cursor:pointer}input,select,.button{min-block-size:var(--size-control);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:var(--space-sm) var(--space-md);transition:background-color var(--motion-feedback), border-color var(--motion-feedback), color var(--motion-feedback)}input,select{inline-size:100%}select{appearance:none;min-inline-size:var(--width-unit);background-image:linear-gradient(45deg,#0000 42%,currentColor 42% 58%,#0000 58%),linear-gradient(135deg,#0000 42%,currentColor 42% 58%,#0000 58%);background-position:right calc(var(--select-arrow-inset) + var(--select-arrow-half)) center, right var(--select-arrow-inset) center;background-size:var(--select-arrow-half) var(--select-arrow-half);background-repeat:no-repeat;padding-inline-end:var(--select-end-space)}input:focus-visible,select:focus-visible{outline-width:var(--focus-control-width);outline-offset:var(--focus-control-offset)}@media (forced-colors:active){select{appearance:auto;background-image:none}}input{font-variant-numeric:tabular-nums}input::placeholder{color:var(--color-muted);opacity:1}input[aria-invalid=true]{border-color:var(--color-danger)}button:disabled,select:disabled{cursor:default}button:disabled{color:var(--color-muted);background:var(--color-background)}button:hover:enabled{background:var(--color-soft)}button:active:enabled{border-color:var(--color-accent)}.button{font-weight:var(--weight-medium)}.primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.primary:hover:enabled{background:var(--color-accent-hover)}.primary span{font-size:var(--font-size-small);font-weight:400}.sr-only{inline-size:var(--border-width);block-size:var(--border-width);clip-path:inset(50%);white-space:nowrap;border:0;margin:0;padding:0;position:absolute;overflow:hidden}.skip-link{padding:var(--space-md);background:var(--color-surface);z-index:2;position:absolute;inset-block-start:var(--space-sm);inset-inline-start:var(--space-md);transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{display:var(--header-display);align-items:center;gap:var(--header-gap);padding-block:var(--space-md);border-block-end:var(--border-width) solid var(--color-line);flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto;position:relative}.brand{inline-size:var(--width-brand);min-block-size:var(--size-control);flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.site-header .brand{inline-size:var(--width-header-brand)}.brand-logo{aspect-ratio:304/80;block-size:auto;inline-size:100%}.brand-logo-light{display:var(--brand-light-display)}.brand-logo-dark{display:var(--brand-dark-display)}.site-header .primary-navigation{display:var(--header-nav-display);gap:var(--space-lg);margin-inline-start:auto}.site-header nav a{color:var(--color-muted);font-size:var(--font-size-small);padding-block:var(--space-sm);min-block-size:var(--size-control);align-items:center;text-decoration:none;display:inline-flex}.site-header nav a:hover{color:var(--color-accent);text-decoration:underline}main{padding-block:var(--space-xl) var(--space-3xl)}.eyebrow{color:var(--color-muted);font-weight:var(--weight-normal);font-size:var(--font-size-small);letter-spacing:0;margin-block-end:var(--space-sm)}.hero h1{text-wrap:balance;margin-block-end:var(--space-sm)}.intro{color:var(--color-muted);max-inline-size:var(--width-prose);line-height:1.65}.enhancement{border:0;min-inline-size:0;margin:0;padding:0}.workspace{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-panel)), 1fr));gap:var(--space-lg);align-items:start;display:grid}.panel{padding:var(--space-inset);background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-panel);min-inline-size:0}.section-heading{align-items:center;gap:var(--space-sm);display:flex}.section-heading h2{font-size:var(--font-size-section);line-height:var(--line-height-heading)}.step-number{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--font-size-small);inline-size:var(--size-step);block-size:var(--size-step);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-control);place-items:center;display:inline-grid}.mode-picker{padding:var(--space-xs);margin:var(--space-md) 0 var(--space-sm);border:var(--border-width) solid var(--color-line);gap:var(--space-xs);background:var(--color-soft);border-radius:var(--radius-panel);flex-wrap:wrap;display:flex}.mode-option{text-align:center;min-inline-size:var(--width-mode);flex:1;position:relative}.mode-option input{inline-size:var(--border-width);block-size:var(--border-width);opacity:0;position:absolute}.mode-option span{min-block-size:var(--size-control);padding:var(--space-xs) var(--space-sm);border:var(--border-width) solid transparent;border-radius:var(--radius-control);font-size:var(--font-size-mode);font-weight:var(--weight-medium);color:var(--color-muted);transition:background-color var(--motion-feedback), color var(--motion-feedback), border-color var(--motion-feedback);justify-content:center;align-items:center;display:flex}.mode-option input:checked+span{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.mode-option input:focus-visible+span{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.help{color:var(--color-muted);font-size:var(--font-size-small);line-height:1.55}.source-fields{gap:var(--space-lg);margin-block-start:var(--space-lg);display:grid}.field-heading{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-block-end:var(--space-xs);display:flex}.field label{font-weight:var(--weight-medium);font-size:var(--font-size-small);margin-block-end:var(--space-sm);display:block}.field-heading label{flex:1;margin-block-end:0}.field>select{margin-block-end:var(--space-xs)}[data-advanced],[data-conversion]{margin-block-start:var(--space-lg)}.measurement-control{align-items:stretch;gap:var(--space-sm);margin-block-end:var(--space-sm);display:flex}.measurement-control input{font-size:var(--font-size-measurement);inline-size:var(--width-input);padding-inline:var(--space-md);flex:1}.measurement-control select{flex:0 0 var(--width-unit);padding-inline-start:var(--space-sm);padding-inline-end:var(--select-end-space)}.measurement-control span{min-inline-size:var(--space-xl);font-weight:var(--weight-medium);text-align:center;place-items:center;display:grid}.field-error{color:var(--color-danger);font-size:var(--font-size-small);margin-block-start:var(--space-xs)}.result-settings{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-input)), 1fr));gap:var(--space-md);margin-block:var(--space-lg);padding-block:var(--space-md);border-block:var(--border-width) solid var(--color-line);align-items:start;display:grid}.result-settings .field{gap:var(--space-xs);flex-direction:column;min-inline-size:0;display:flex}.result-settings .field label{color:var(--color-muted);font-weight:var(--weight-normal);margin:0}.result-settings .field>select{margin:0}.result-empty{padding-block:var(--space-lg);color:var(--color-muted)}.result-actions{align-items:stretch;gap:var(--space-sm);flex-wrap:wrap;margin-block-start:var(--space-md);display:flex}.print-options>select{flex:1 1 var(--width-print-paper);inline-size:var(--width-print-paper);font-size:var(--font-size-small);padding-inline-start:var(--space-sm)}.print-options .button{justify-content:center;align-items:center;gap:var(--space-xs);padding-inline:var(--space-sm);font-size:var(--font-size-small);flex:auto;display:inline-flex}.print-options .button svg{inline-size:var(--size-action-icon);block-size:var(--size-action-icon);flex:none}.print-options .button span{min-inline-size:0}.print-report,.print-unavailable{display:none}[data-copy-feedback]:not(:empty),[data-dual-copy-status]:not(:empty){margin-block-start:var(--space-sm)}.action-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.action-row .primary{flex:1}.action-row .primary span{white-space:nowrap}[data-operation]:not(:empty){margin-block-start:var(--space-md)}.result-heading{justify-content:space-between;align-items:center;gap:var(--space-sm);min-block-size:var(--size-control);flex-wrap:wrap;display:flex}.status-badge{font-size:var(--font-size-small);color:var(--color-muted);padding:var(--space-xs) var(--space-sm);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-pill);white-space:nowrap}[data-status=invalid] .result-message,[data-status=invalid] .status-badge{color:var(--color-danger)}.result-message{color:var(--color-muted);font-size:var(--font-size-small);margin-block:var(--space-sm) var(--space-lg)}.primary-results>div{justify-content:space-between;align-items:baseline;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;display:flex}.primary-results dd{font-size:var(--font-size-input)}.primary-results [data-emphasis] dd{font-size:var(--font-size-value)}.primary-results .result-angle dd{color:var(--color-accent)}.length-results{margin-block:var(--space-lg)}.result-details{border-block:var(--border-width) solid var(--color-line);margin-block-end:var(--space-md)}.result-details summary{min-block-size:var(--size-control);padding-block:var(--space-sm);color:var(--color-accent);font-weight:var(--weight-medium)}.detail-results{margin-block-end:var(--space-md)}.detail-results>div{justify-content:space-between;gap:var(--space-xs) var(--space-md);padding-block:var(--space-sm);border-block-end:var(--border-width) solid var(--color-line);flex-wrap:wrap;display:flex}.detail-results dt{color:var(--color-muted);font-size:var(--font-size-small)}.detail-results dd{font-weight:var(--weight-medium)}.copy-row{align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-block-end:var(--space-md);display:flex}.slope-figure{margin:0}.slope-figure h3{font-size:var(--font-size-small);font-weight:var(--weight-medium);color:var(--color-muted)}.slope-svg{aspect-ratio:520/390;block-size:auto;inline-size:100%;max-block-size:var(--height-diagram-inline);margin-block:var(--space-sm);display:block;overflow:visible}.slope-svg text{fill:var(--color-muted);font-size:var(--diagram-text);font-family:var(--font-body);font-weight:var(--weight-normal)}.slope-svg .diagram-angle{fill:var(--color-accent);font-size:var(--diagram-angle-text);font-weight:var(--weight-medium)}.diagram-grid{fill:none;stroke:var(--color-line);stroke-width:var(--border-width)}.diagram-fill{fill:var(--color-diagram-fill)}.diagram-leg,.diagram-square{fill:none;stroke:var(--color-muted);stroke-width:var(--diagram-stroke);stroke-linecap:round;stroke-linejoin:round}.diagram-rafter{fill:none;stroke:var(--color-accent);stroke-width:var(--diagram-rafter-stroke);stroke-linecap:round}.diagram-neutral .diagram-rafter{stroke-dasharray:5 5}[data-diagram-status=incomplete] .diagram-value,[data-diagram-status=invalid] .diagram-value,[data-diagram-status=ratio_only] .diagram-value,[data-diagram-status=incomplete] [data-diagram-angle],[data-diagram-status=invalid] [data-diagram-angle]{visibility:hidden}.tool-note{font-size:var(--font-size-small);color:var(--color-muted);margin-block-start:var(--space-md);line-height:1.55}.guide{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-guide)), 1fr));gap:var(--space-xl);margin-block:var(--space-2xl) var(--space-xl);display:grid}.guide h2{font-size:var(--font-size-guide);line-height:var(--line-height-heading);margin-block-end:var(--space-md)}.guide h3{font-size:var(--font-size-section);margin-block-end:var(--space-sm)}.guide p:not(.eyebrow){color:var(--color-muted)}.guide-card{border-block-start:var(--border-width) solid var(--color-line);padding-block-start:var(--space-lg)}.notice{border:var(--border-width) solid var(--color-danger);padding:var(--space-md);margin-block-end:var(--space-md)}.language-links{gap:var(--space-md);margin-block:var(--space-lg);flex-wrap:wrap;display:flex}.language-links a,.language-primary{min-block-size:var(--size-control);padding:var(--space-sm);align-items:center;display:inline-flex}.language-links [aria-current=page]{font-weight:var(--weight-heading);text-decoration-thickness:var(--border-width)}.education{gap:var(--space-xl);margin-block:var(--space-3xl) 0;display:grid}.education>section,.education>div{gap:var(--space-md);display:grid}.education p,.education li,.education dd{max-inline-size:var(--width-prose)}.education dl{gap:var(--space-md);display:grid}.education dt{font-weight:var(--weight-medium)}.education ol{margin:0;padding-inline-start:var(--space-lg)}.education li+li{margin-block-start:var(--space-md)}.education details{border-block-start:var(--border-width) solid var(--color-line);padding-block:var(--space-sm)}.education summary{min-block-size:var(--size-control);padding-block:var(--space-sm);font-weight:var(--weight-medium)}.worked-example{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-panel)}.language-control{inline-size:auto;min-inline-size:0}.language-control select{font-size:var(--font-size-small);padding-inline-start:var(--space-sm)}.theme-toggle{min-block-size:var(--size-control);min-inline-size:var(--size-control);padding:var(--space-sm);place-items:center;display:inline-grid}.theme-toggle svg,.expand-control svg{inline-size:var(--size-icon);block-size:var(--size-icon);fill:none;stroke:currentColor;stroke-width:var(--diagram-stroke)}.theme-moon,[data-active-theme=dark] .theme-sun{display:none}[data-active-theme=dark] .theme-moon{display:block}.button.primary{justify-content:center;align-items:center;gap:var(--space-sm);text-decoration:none;display:inline-flex}a.primary:hover{color:var(--color-on-accent);background:var(--color-accent-hover)}.home-hero .button{margin-block-start:var(--space-lg)}.directory{gap:var(--space-sm);display:grid}.directory h2,.home-help h2,.info-page h2{font-size:var(--font-size-guide);line-height:var(--line-height-heading)}.category-heading{align-items:baseline;gap:var(--space-sm) var(--space-lg);margin-block:var(--space-lg) var(--space-md);flex-wrap:wrap;display:flex}.featured-tool{align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-block-end:var(--space-md);display:flex}.featured-tool>svg{flex:0 0 var(--size-tool-mark);inline-size:var(--size-tool-mark);block-size:var(--size-tool-mark)}.featured-tool p,.tool-card p,.home-help p,.language-card p{color:var(--color-muted)}.featured-tool .eyebrow{color:var(--color-accent);font-weight:var(--weight-medium);margin-block-end:var(--space-xs)}.tool-grid,.language-cards,.example-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-guide)), 1fr));gap:var(--space-md);display:grid}.tool-card{gap:var(--space-sm);color:var(--color-text);flex-direction:column;text-decoration:none;display:flex}.tool-card h4{font-size:var(--font-size-section);margin:0}.tool-card:hover,.language-card:hover{border-color:var(--color-accent);color:var(--color-text)}.card-action{font-weight:var(--weight-medium);color:var(--color-accent);margin-block-start:auto;padding-block-start:var(--space-md)}.home-help{gap:var(--space-md);margin-block-start:var(--space-xl);display:grid}.language-cards{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-panel)), 1fr))}.language-card{color:var(--color-text);gap:var(--space-md);text-decoration:none;display:grid}.language-card h2{font-size:var(--font-size-input);justify-content:space-between;display:flex}.info-page{max-inline-size:var(--width-prose);margin-block-start:0}.guide-pair{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-guide-diagram)), 1fr));gap:var(--space-xl);padding-block:var(--space-lg);border-block-start:var(--border-width) solid var(--color-line);align-items:center;display:grid!important}.guide-pair>div{gap:var(--space-md);display:grid}.educational-figure{min-inline-size:0;padding:var(--space-lg);background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-panel)}.education-svg{block-size:auto;inline-size:100%;display:block}.education-svg text{fill:var(--color-muted);font-family:var(--font-body);font-size:var(--diagram-angle-text);font-weight:var(--weight-normal)}.educational-figure figcaption{color:var(--color-muted);margin-block:var(--space-sm)}.example-grid{align-items:start}.worked-example h4{margin-block:0 var(--space-sm)}.worked-example p+p{margin-block-start:var(--space-md)}.slope-svg text{font-weight:var(--weight-medium)}.diagram-dimension{fill:none;stroke:var(--color-muted);stroke-width:var(--border-width)}.expand-control{align-items:center;gap:var(--space-sm);margin-block-start:var(--space-md);display:inline-flex}.diagram-dialog{inline-size:min(calc(100% - var(--space-lg)), var(--width-dialog));max-block-size:calc(100dvh - var(--space-lg));padding:var(--space-lg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-text);margin:auto;overflow:auto}.diagram-dialog::backdrop{background:var(--color-backdrop)}.dialog-heading{align-items:center;gap:var(--space-md);background:var(--color-surface);z-index:1;grid-template-columns:minmax(0,1fr) auto;display:grid;position:sticky;inset-block-start:0}.dialog-heading h2{font-size:var(--font-size-section)}.dialog-close{inline-size:var(--size-control);block-size:var(--size-control);padding:var(--space-sm);place-items:center;display:inline-grid}.dialog-close svg{inline-size:var(--size-icon);block-size:var(--size-icon);stroke-width:var(--diagram-stroke)}.diagram-dialog .slope-svg{max-block-size:var(--height-diagram-large)}.diagram-open{overflow:hidden}.header-controls{grid-column:var(--header-controls-column);align-items:center;gap:var(--space-sm);flex-shrink:0;margin-inline-start:auto;display:flex}.header-controls select{inline-size:var(--header-language-width);max-inline-size:var(--width-language)}.primary-navigation [aria-current=page]{color:var(--color-text);text-underline-offset:var(--space-sm);text-decoration:underline}.mobile-navigation{display:var(--header-mobile-display);margin-inline-start:auto}.mobile-navigation summary{inline-size:var(--size-control);block-size:var(--size-control);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);place-items:center;list-style:none;display:grid}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation svg{inline-size:var(--size-icon);block-size:var(--size-icon);fill:none;stroke:currentColor;stroke-width:var(--diagram-stroke)}.mobile-navigation nav{inset-block-start:100%;inset-inline:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);z-index:2;display:grid;position:absolute}.mobile-navigation nav a{padding-inline:var(--space-md)}.home-hero{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-guide-diagram)), 1fr));gap:var(--space-2xl);padding-block:var(--space-xl);align-items:center;margin-block-end:var(--space-2xl);display:grid}.home-hero h1{font-size:var(--home-title-size)}.home-hero .intro{margin-block-start:var(--space-lg)}.home-hero .educational-figure{padding:var(--space-md)}.home-hero .educational-figure figcaption,.home-hero .educational-figure>p{font-size:var(--font-size-small)}.category-heading h3{font-size:var(--font-size-section);margin:0}.featured-tool{padding-block:var(--space-lg)}.featured-tool h3{margin:0 0 var(--space-sm);font-size:var(--font-size-guide);line-height:var(--line-height-heading)}.featured-tool h3 a{color:var(--color-text);text-decoration:none}.featured-tool h3 a:hover{color:var(--color-accent);text-decoration:underline}.capability-index{font-family:var(--font-mono);font-size:var(--font-size-small);color:var(--color-muted);padding-block-end:var(--space-sm)}.tool-card .help{font-size:var(--font-size-mode)}.tool-card .card-action{border-block-start:var(--border-width) solid var(--color-line);margin-block-start:var(--space-lg)}.home-help{background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-panel);padding:var(--space-xl);margin-block-start:var(--space-xl)}.diagram-callout{fill:none;stroke:var(--color-muted);stroke-width:var(--size-diagram-tick);stroke-dasharray:3 4}.diagram-angle-arc{fill:none;stroke:var(--color-accent);stroke-width:var(--diagram-stroke)}.diagram-dimension{stroke:var(--color-muted)}.diagram-value{font-variant-numeric:tabular-nums}.diagram-scale{margin-block-start:var(--space-sm)}.diagram-house{fill:none;stroke:var(--color-line);stroke-width:var(--diagram-stroke)}.diagram-house-detail{fill:none;stroke:var(--color-line);stroke-width:var(--border-width)}.diagram-reference{fill:none;stroke:var(--color-muted);stroke-width:var(--border-width);stroke-dasharray:4 4}.featured-tool>div{min-inline-size:min(100%, var(--width-guide));flex:1}.pin-toggle{align-items:center;gap:var(--space-xs);padding:var(--space-sm);font-size:var(--font-size-small);display:inline-flex}.pin-toggle svg{inline-size:var(--size-step);block-size:var(--size-step)}.pin-toggle[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-soft)}.pin-toggle[aria-pressed=true] svg{transform:rotate(-30deg)}.examples{margin-block-start:var(--space-md)}.examples h3{font-size:var(--font-size-small);font-weight:var(--weight-medium)}.example-options{gap:var(--space-sm);flex-wrap:wrap;display:flex}.example-option{min-inline-size:min(100%, var(--width-example));align-content:center;align-items:flex-start;gap:var(--space-xs);text-align:start;min-block-size:var(--size-control);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);font-size:var(--font-size-small);flex-direction:column;flex:1;display:flex}.example-option>span:first-child{color:var(--color-text);font-weight:var(--weight-medium);text-decoration:none}.example-values{color:var(--color-muted)}.control-help summary,.pin-help summary{min-block-size:var(--size-control);padding-block:var(--space-sm);color:var(--color-accent)}.pin-help,[data-pin-status]:not(:empty){margin-block-start:var(--space-sm)}.hero{margin-block:var(--space-sm) var(--space-lg)}.workspace{gap:var(--space-md)}.section-heading h2{font-weight:var(--weight-heading);letter-spacing:var(--tracking-title)}.mode-help{margin-block-end:var(--space-xs)}[data-advanced] label,[data-conversion] label{color:var(--color-text)}.action-row{margin-block-start:var(--space-md)}.action-row .button{flex:0 auto}.examples{border-block-start:var(--border-width) solid var(--color-line);margin-block-start:var(--space-xl);padding-block-start:var(--space-lg)}.examples h3{color:var(--color-muted);font-weight:var(--weight-normal);margin-block-end:var(--space-sm)}.example-option:hover{border-color:var(--color-border)}.example-values{font-variant-numeric:tabular-nums}.numeric-help{margin-block-start:var(--space-md)}.control-help,.pin-help{border-block-start:var(--border-width) solid var(--color-line);margin-block-start:var(--space-md)}.control-help summary,.pin-help summary{color:var(--color-muted);font-weight:var(--weight-normal)}.control-help summary:hover,.pin-help summary:hover{color:var(--color-text)}.result-details summary{color:var(--color-muted);font-weight:var(--weight-normal)}.result-details summary:hover{color:var(--color-text)}.copy-row{margin-block-start:var(--space-md)}.diagram-scale{color:var(--color-muted)}.education{gap:var(--space-2xl)}.education h2{font-size:var(--font-size-guide);letter-spacing:var(--tracking-title);line-height:var(--line-height-heading)}.education h3{font-size:var(--font-size-section);letter-spacing:var(--tracking-title)}.education p,.education li{color:var(--color-muted);line-height:1.65}.education dt{color:var(--color-text)}.education dd{color:var(--color-muted);line-height:1.65}.education summary{color:var(--color-text)}.guide-pair{border-block-start:var(--border-width) solid var(--color-line)}.educational-figure figcaption{font-size:var(--font-size-small);line-height:1.55}.educational-figure>p{font-size:var(--font-size-small);color:var(--color-muted)}.tool-card{padding:var(--space-lg)}.tool-card p{line-height:1.6}.directory>p.help{max-inline-size:var(--width-prose)}.site-header nav a[aria-current=page]{color:var(--color-text)}input:hover,select:hover{border-color:var(--color-text)}input:focus,select:focus{border-color:var(--color-accent)}.diagram-value{fill:var(--color-text);font-weight:var(--weight-medium)}.slope-svg .diagram-angle{letter-spacing:0}.tools-menu{position:relative}.tools-menu summary{align-items:center;gap:var(--space-sm);min-block-size:var(--size-control);color:var(--color-text);font-size:var(--font-size-small);list-style:none;display:flex}.tools-menu summary::-webkit-details-marker{display:none}.tools-popover{inline-size:var(--width-menu);z-index:5;padding:var(--space-sm);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--panel-lift);position:absolute;inset-block-start:calc(100% + var(--space-sm));inset-inline-start:0}.site-header .tools-popover a{gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-control);display:grid}.tools-popover a:hover{background:var(--color-soft)}.tools-popover span{color:var(--color-muted)}.journey{gap:var(--space-sm) var(--space-md);color:var(--color-muted);font-size:var(--font-size-small);flex-wrap:wrap;margin-block-end:var(--space-lg);display:flex}.journey a{color:var(--color-muted);text-decoration:none}.journey [aria-current]{color:var(--color-accent)}.technical-label{font-family:var(--font-mono);font-size:var(--font-size-small);color:var(--color-muted)}.catalog-hero{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-guide-diagram)), 1fr));align-items:center;gap:var(--space-xl);padding-block:var(--space-2xl) var(--space-3xl);display:grid}.catalog-hero h1,.landing-hero h1{font-size:var(--font-size-platform-title);line-height:var(--line-height-heading);letter-spacing:var(--tracking-title);text-wrap:balance}.catalog-hero .intro,.landing-hero .intro{margin-block:var(--space-lg)}.catalog-hero .button,.hero-actions .button,.landing-cta .button{align-items:center;gap:var(--space-lg);text-decoration:none;display:inline-flex}a.primary:hover{background:var(--color-accent-hover);color:var(--color-on-accent)}.catalog-art{inline-size:100%;max-inline-size:var(--width-platform-copy);color:var(--color-accent)}.catalog-art text{fill:var(--color-accent);font-size:var(--diagram-label-large);font-family:var(--font-mono)}.section-intro{margin-block-end:var(--space-xl)}.section-intro h2{font-size:var(--font-size-title);letter-spacing:var(--tracking-title)}.section-intro p:last-child{color:var(--color-muted);margin-block-start:var(--space-sm)}.category-grid,.measurement-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-guide)), 1fr));gap:var(--space-lg);display:grid}.category-card{padding:var(--space-lg);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-soft);flex-direction:column;display:flex}.category-live{background:var(--color-surface)}.category-card-top{justify-content:space-between;gap:var(--space-sm);display:flex}.category-art{inline-size:var(--width-result);block-size:auto;margin-block:var(--space-xl)}.category-card h3{font-size:var(--font-size-guide)}.category-card p{margin-block:var(--space-sm) var(--space-lg);color:var(--color-muted)}.category-card .card-action{border-block-start:var(--border-width) solid var(--color-line);justify-content:space-between;margin-block-start:auto;padding-block-start:var(--space-lg);text-decoration:none;display:flex}.landing-hero{padding-block:var(--space-lg) var(--space-2xl)}.hero-actions{align-items:center;gap:var(--space-lg);margin-block:var(--space-lg);flex-wrap:wrap;display:flex}.hero-actions>a:not(.button){font-size:var(--font-size-small)}.hero-footnote{margin-block-start:var(--space-lg)}.blueprint-card{background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-panel);padding:var(--space-md);min-inline-size:0}.blueprint-heading{justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-md);border-block-end:var(--border-width) solid var(--color-line);font-size:var(--font-size-small);flex-wrap:wrap;display:flex}.blueprint-card figcaption{border-block-start:var(--border-width) solid var(--color-line);padding:var(--space-md) var(--space-sm) var(--space-xs)}.blueprint-card figcaption p{color:var(--color-muted);font-size:var(--font-size-small);margin-block-start:var(--space-sm)}.roof-section-svg{block-size:auto;inline-size:100%;margin-block:var(--space-lg);display:block}.roof-section-svg text,.measurement-svg text{fill:var(--color-text);font-size:var(--diagram-text);font-family:var(--font-body)}.roof-section-svg .roof-reading{fill:var(--color-muted);font-size:var(--diagram-label-small)}.roof-section-svg .roof-angle{fill:var(--color-accent);font-size:var(--diagram-label-large);font-weight:var(--weight-medium)}.roof-section-svg .roof-corner{fill:var(--color-accent);font-size:var(--diagram-label-small);font-weight:var(--weight-medium);paint-order:stroke;stroke:var(--color-surface);stroke-width:var(--diagram-stroke);stroke-linejoin:round}.roof-section-svg .roof-corner-right{fill:var(--color-muted);font-weight:var(--weight-normal)}.roof-path{fill:none}.roof-path.diagram-fill{fill:var(--color-diagram-fill)}.roof-fill-b{fill:var(--color-soft)}.roof-line-b{stroke:var(--color-text)}.diagram-grid-line{fill:none;stroke:var(--color-line);stroke-width:var(--border-width)}.feature-strip{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-guide)), 1fr));gap:var(--space-xl);padding-block:var(--space-xl);margin-block:var(--space-lg) var(--space-3xl);border-block:var(--border-width) solid var(--color-line);display:grid}.feature-strip h2{font-size:var(--font-size-section);margin-block:var(--space-sm)}.feature-strip p,.measurement-card p,.landing-cta p{color:var(--color-muted);font-size:var(--font-size-small)}.measurement-guide{margin-block:var(--space-3xl);scroll-margin-block-start:var(--space-lg)}.measurement-card{border:var(--border-width) solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);overflow:hidden}.measurement-card>div{padding:var(--space-lg)}.measurement-card h3{font-size:var(--font-size-section);margin-block-end:var(--space-sm)}.measurement-svg{background:var(--color-soft);border-block-end:var(--border-width) solid var(--color-line);inline-size:100%;display:block}.level-body{fill:var(--color-surface);stroke:var(--color-accent);stroke-width:var(--diagram-stroke)}.level-bubble{fill:var(--color-diagram-fill);stroke:var(--color-muted);stroke-width:var(--border-width)}.landing-cta{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-xl);margin-block:var(--space-3xl) var(--space-lg);background:var(--color-soft);border-radius:var(--radius-panel);flex-wrap:wrap;display:flex}.landing-cta>div{max-inline-size:var(--width-platform-copy)}.landing-cta h2{font-size:var(--font-size-guide);margin-block-end:var(--space-sm)}.measurement-control{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);transition:border-color var(--motion-feedback);gap:0}.measurement-control:hover{border-color:var(--color-text)}.measurement-control:focus-within{outline:var(--focus-control-width) solid var(--color-focus);outline-offset:var(--focus-composite-offset)}.measurement-control :is(input,select):focus{outline:none}.measurement-control select:focus-visible{background-color:var(--color-diagram-fill)}.measurement-control:has([aria-invalid=true]){border-color:var(--color-danger)}.measurement-control input{border-radius:var(--radius-control) 0 0 var(--radius-control);background:0 0;border:0}.measurement-control select{border:0;border-inline-start:var(--border-width) solid var(--color-line);border-radius:0 var(--radius-control) var(--radius-control) 0;background-color:var(--color-soft)}.measurement-control span{padding-inline:var(--space-md);color:var(--color-muted)}.field-heading{min-block-size:var(--size-control)}.input-panel-header{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;margin-block-end:var(--space-sm);display:flex}.input-panel-header h2{margin-block-end:0}.roof-switch{gap:var(--space-xs);min-inline-size:0;max-inline-size:100%;padding:var(--space-xs);background:var(--color-soft);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-panel);flex-wrap:wrap;display:flex}.roof-switch a{align-items:center;gap:var(--space-sm);min-block-size:var(--size-control);padding:var(--space-xs) var(--space-md);border:var(--border-width) solid transparent;border-radius:var(--radius-control);color:var(--color-muted);font-size:var(--font-size-small);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color var(--motion-feedback), color var(--motion-feedback), border-color var(--motion-feedback);text-decoration:none;display:inline-flex}.roof-switch a:hover{color:var(--color-text)}.roof-switch a[aria-current=page]{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.roof-switch svg{inline-size:var(--size-roof-icon-inline);block-size:var(--size-roof-icon-block);flex:none}.roof-switch a[aria-current=page] svg{color:var(--color-accent)}.dual-workspace h2{font-size:var(--font-size-section);margin-block-end:var(--space-sm)}.roof-side-inputs{border:0;border-block-start:var(--border-width) solid var(--color-line);padding:var(--space-md) 0 0;margin:var(--space-lg) 0;gap:var(--space-md);min-inline-size:0;display:grid}.roof-side-inputs legend{font-weight:var(--weight-medium);color:var(--color-accent);padding-inline-end:var(--space-sm)}.roof-comparison{gap:var(--space-md);margin-block:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roof-comparison>section{min-inline-size:0}.roof-comparison .primary-results>div{display:block}.roof-comparison h3{font-size:var(--font-size-section);margin-block-end:var(--space-sm)}.roof-result-list>div{padding-block:var(--space-sm);border-block-start:var(--border-width) solid var(--color-line)}.roof-result-list dt{color:var(--color-muted);font-size:var(--font-size-small)}.roof-result-list dd{font-weight:var(--weight-medium)}.catalog-hero .button{margin-block-start:var(--space-xl)}.category-card{position:relative}.category-card h3{margin-block-end:var(--space-xl)}.category-link:after{content:"";border-radius:var(--radius-panel);position:absolute;inset:0}.category-live:hover,.category-live:focus-within{border-color:var(--color-accent)}.category-live:focus-within{outline:var(--focus-width) solid var(--color-accent);outline-offset:var(--focus-offset)}.calculator-directory{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-guide-diagram)), 1fr))}.tool-art{inline-size:var(--width-result);margin-block:var(--space-lg)}.calculator-directory .tool-card{color:var(--color-text);text-decoration:none}.calculator-directory h3{font-size:var(--font-size-guide);line-height:var(--line-height-heading)}.calculator-directory .card-action{justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--color-accent);display:flex}.guide-table{border-collapse:collapse;font-variant-numeric:tabular-nums;inline-size:100%}.guide-table th,.guide-table td{padding:var(--space-sm);text-align:start;border-block-end:var(--border-width) solid var(--color-line)}.guide-table th{font-weight:var(--weight-medium)}.guide-table-wrapper{overflow-x:auto}@page{size:A4 portrait;margin:12mm}@media print{:root:has([data-calculator]){color-scheme:light!important}body:has([data-calculator]){background:var(--color-paper);color:var(--color-print-ink);font-size:var(--print-body);line-height:var(--print-leading)}body:has([data-calculator])>:not(main),main:has([data-calculator])>:not([data-calculator]),[data-calculator]>:not(.print-report):not(.print-unavailable){display:none!important}main:has([data-calculator]){max-inline-size:none;margin:0;padding:0}.print-report[data-ready=true]{color:var(--color-print-ink);background:var(--color-paper);display:block}[data-print-report][data-ready=false]+.print-unavailable{display:block}.print-report a{color:inherit;text-decoration:none}.report-header{justify-content:space-between;align-items:center;gap:var(--print-gap);border-block-end:var(--border-width) solid var(--color-print-rule);flex-wrap:wrap;padding-block-end:var(--print-gap);display:flex}.report-brand{align-items:center;gap:var(--space-sm);font-size:var(--print-brand);display:inline-flex}.report-brand .geometry-icon{inline-size:var(--print-mark);block-size:var(--print-mark);color:var(--color-print-ink)}.report-header h2{font-size:var(--print-title);line-height:var(--line-height-heading);font-weight:var(--weight-heading);flex-basis:100%}.report-metadata{gap:var(--print-gap);padding-block:var(--print-gap);border-block-end:var(--border-width) solid var(--color-print-rule);font-size:var(--print-small);grid-template-columns:1.4fr 1.6fr auto auto;display:grid}.report-metadata dt{color:var(--color-print-muted)}.report-reference{font-family:var(--font-mono);overflow-wrap:anywhere}.report-diagram{break-inside:avoid;break-after:avoid;margin-block:var(--print-gap)}.report-diagram svg{block-size:auto;inline-size:100%;max-block-size:var(--print-diagram-height);margin:0;display:block}.report-diagram .sr-only,.report-diagram .diagram-grid-line{display:none}.print-report svg{color:var(--color-print-ink)}.print-report :is(.slope-svg,.roof-section-svg) text{fill:var(--color-print-ink)}.print-report svg path{stroke:var(--color-print-ink)}.print-report :is(.diagram-fill,.roof-fill-b){fill:none;stroke:none}.print-report :is(.diagram-leg,.diagram-rafter,.roof-line-b){stroke-width:var(--diagram-stroke);stroke-dasharray:none}.print-report :is(.diagram-dimension,.diagram-reference,.diagram-callout){stroke:var(--color-print-muted)}.report-results{border-collapse:collapse;break-inside:avoid;inline-size:100%;font-size:var(--print-body)}.report-results th,.report-results td{padding:var(--print-row-gap) var(--print-gap);border-block-end:var(--border-width) solid var(--color-print-rule);text-align:end;vertical-align:top}.report-results th:first-child{text-align:start;padding-inline-start:0}.report-results tbody th{font-weight:var(--weight-normal)}.report-results td{font-weight:var(--weight-medium);white-space:normal;overflow-wrap:anywhere}.report-length-start>*,.report-advanced-start>*{border-block-start:var(--border-width) solid var(--color-print-muted)}.report-footer{break-inside:avoid;border-block-start:var(--border-width) solid var(--color-print-rule);font-size:var(--print-small);color:var(--color-print-muted);margin-block-start:var(--print-gap);padding-block-start:var(--print-gap)}}.site-footer{border-block-start:var(--border-width) solid var(--color-line);padding-block:var(--space-xl) var(--space-lg);color:var(--color-muted);font-size:var(--font-size-small)}.footer-grid{grid-template-columns:var(--footer-columns);gap:var(--space-lg) var(--space-xl);align-items:start;padding-block-end:var(--space-lg);display:grid}.footer-identity{grid-column:var(--footer-identity-column)}.footer-identity>p{max-inline-size:var(--width-footer-copy);margin-block:var(--space-sm) var(--space-md)}.footer-languages>svg,.privacy-summary svg{inline-size:var(--size-icon);block-size:var(--size-icon);flex-shrink:0}.footer-navigation{min-inline-size:0}.footer-navigation h2{min-block-size:var(--size-control);font-size:var(--font-size-body);font-weight:var(--weight-medium);color:var(--color-text);align-items:center;display:flex}.footer-navigation ul{margin:var(--space-xs) 0 0;padding:0;list-style:none}.footer-navigation a{align-items:center;gap:var(--space-sm);min-block-size:var(--size-control);padding-block:var(--space-sm);color:var(--color-muted);text-decoration:none;display:flex}.footer-navigation a:hover{color:var(--color-accent);text-decoration:underline}.footer-navigation a{overflow-wrap:anywhere}.privacy-information{border-block:var(--border-width) solid var(--color-line);padding-block:var(--space-md);color:var(--color-muted)}.privacy-information:not(:has(button:enabled:not([hidden]))){display:none}.privacy-content{gap:var(--space-md);padding-block:var(--space-md);display:grid}.privacy-content p{max-inline-size:var(--width-prose)}.privacy-controls{gap:var(--space-sm);flex-wrap:wrap;display:flex}.privacy-controls .button{text-align:start;white-space:normal}.privacy-controls .button:disabled,.privacy-controls:not(:has(button:enabled:not([hidden]))),.privacy-controls-help{display:none}.privacy-controls:has(button:enabled:not([hidden]))+.privacy-controls-help{display:block}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-lg);padding-block:var(--space-md) var(--space-sm);flex-wrap:wrap;display:flex}.footer-copyright{white-space:nowrap}.footer-languages{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.footer-languages .language-links{gap:var(--space-xs);margin:0}.footer-languages .language-links a{color:var(--color-muted);border-radius:var(--radius-control);text-decoration:none}.footer-languages .language-links a:hover{color:var(--color-accent);text-decoration:underline}.footer-languages .language-links [aria-current=page]{background:var(--color-soft);color:var(--color-accent);text-underline-offset:var(--space-xs);text-decoration:underline}.footer-disclaimer{max-inline-size:var(--width-prose)}.geometry-icon{inline-size:var(--size-tool-mark);block-size:var(--size-tool-mark);color:var(--color-accent);flex-shrink:0}.about-page{gap:var(--space-xl);display:grid}.about-intro,.about-how{gap:var(--space-md);max-inline-size:var(--width-prose);display:grid}.about-cards{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-guide)), 1fr));gap:var(--space-lg);display:grid}.about-card{align-items:start;gap:var(--space-md);padding:var(--space-lg);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);flex-direction:column;min-inline-size:0;display:flex}.about-card h2,.about-how h2{font-size:var(--font-size-guide)}.about-card ul{margin:0;padding-inline-start:var(--space-lg)}.about-card li a{min-block-size:var(--size-control);align-items:center;display:inline-flex}.about-card .language-links{margin:0}.about-limit{max-inline-size:var(--width-prose);border-inline-start:var(--focus-width) solid var(--color-accent);padding-inline-start:var(--space-md)}.legal-page{gap:var(--space-xl);max-inline-size:var(--width-prose);margin-inline:auto;display:grid}.legal-header,.legal-prose,.legal-prose section{gap:var(--space-md);display:grid}.legal-page h2{font-size:var(--font-size-heading);line-height:var(--line-height-heading)}.legal-page h3{font-size:var(--font-size-body);overflow-wrap:anywhere}.legal-contents,.legal-storage-item{padding:var(--space-lg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface)}.legal-contents ul,.legal-related ul{gap:var(--space-sm);padding-inline-start:var(--space-lg);display:grid}.legal-facts,.legal-inventory,.legal-storage-item dl{gap:var(--space-md);display:grid}.legal-facts div,.legal-storage-item dl div{gap:var(--space-xs);border-block-end:var(--border-width) solid var(--color-line);padding-block-end:var(--space-sm);display:grid}.legal-page dt{font-weight:var(--weight-medium)}.legal-facts dd{overflow-wrap:anywhere;margin:0}.legal-contact{gap:var(--space-md);display:grid}.legal-page section[id]{scroll-margin-block-start:var(--space-lg)}.legal-page h1{font-size:var(--font-size-legal-title);hyphens:auto}