:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#142e35;--muted:#52666d;--line:#d8e1e4;--paper:#fff;--ground:#f3f7f9;--a:#145b70;--b:#9b491d;--focus:#2368c4;color:var(--ink);background:var(--paper);font-family:Segoe UI,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;line-height:1.55}a{color:var(--a);text-underline-offset:.2em}button,input,select{font:inherit}input,select{width:100%;min-width:0;min-height:46px;color:var(--ink);background:#fff;border:1px solid #9aaeb5;border-radius:5px;padding:.5rem .65rem}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.wrap{width:min(1180px,100% - 3rem);margin-inline:auto}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-block:1.4rem;display:flex}.masthead>a{font-size:.875rem}.wordmark{letter-spacing:.12em;align-items:center;gap:.65rem;font-size:.9rem;font-weight:800;display:flex}.mark{background:var(--ink);color:#fff;place-items:center;width:2rem;height:1.6rem;font-size:1.2rem;line-height:1;display:inline-grid}.intro{max-width:800px;padding-block:2.4rem 1.75rem}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 .5rem;font-size:.8rem;font-weight:700}h1{letter-spacing:-.035em;margin:0 0 .8rem;font-size:clamp(1.9rem,4vw,2.75rem);line-height:1.12}h2{letter-spacing:-.02em;margin:0 0 .8rem;font-size:1.35rem;line-height:1.25}p{margin:0 0 1rem}.intro>p:last-child{max-width:650px;color:var(--muted);margin-bottom:0}.calculator{border:1px solid var(--line);border-radius:12px;grid-template-columns:340px minmax(0,1fr);display:grid;overflow:hidden}.controls{background:var(--ground);border-right:1px solid var(--line);padding:1.35rem}.setup{border:0;min-width:0;margin:0 0 1.4rem;padding:0}legend{align-items:center;gap:.55rem;margin-bottom:.7rem;padding:0;font-weight:700;display:flex}.letter{background:var(--a);color:#fff;border-radius:4px;flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;font-size:.875rem;font-weight:700;display:inline-grid}.setup-b .letter,.b-color .letter{background:var(--b)}.fields{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}label{gap:.3rem;font-size:.875rem;font-weight:600;display:grid}.wide{grid-column:1/-1}.hint{color:var(--muted);font-size:.875rem;font-weight:400}.gap-label input{max-width:7rem}.results{min-width:0;padding:1.35rem 1.6rem}.result-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.5rem;display:flex}.result-heading h2{font-size:1rem}.tag{border:1px solid var(--line);color:var(--muted);border-radius:3px;padding:.1rem .45rem;font-size:.8rem}.visual-row{margin-bottom:1.1rem}.a-color{color:var(--a)}.b-color{color:var(--b)}.chart-label{align-items:center;gap:.55rem;margin-bottom:.3rem;font-size:.875rem;display:flex}.visual-row svg{width:100%;height:126px;display:block}.measurement{font-variant-numeric:tabular-nums;margin:.3rem 0 0;font-size:1.25rem;font-weight:700}.height{color:var(--muted);font-size:.875rem;font-weight:400}.verdict{border-top:1px solid var(--line);margin-bottom:.55rem;padding-top:1rem;font-weight:600}.result-note{color:var(--muted);margin:0;font-size:.875rem}.error{color:#9c261b;background:#fff1ed;border-left:3px solid;margin-top:1rem;padding:.75rem}.reference{grid-template-columns:.8fr 1.2fr;gap:4rem;padding-block:3rem;display:grid}.reference p{color:var(--muted)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;font-size:.95rem}td,th{border-bottom:1px solid var(--line);white-space:nowrap;padding:.65rem .7rem}thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--ground);font-size:.8rem}.related{border-left:4px solid var(--a);background:#eaf2f5;justify-content:space-between;align-items:center;gap:2rem;padding:1.6rem 1.8rem;display:flex}.related>div{max-width:660px}.related p:last-child{margin:0}.action-link{color:#fff;background:var(--a);border-radius:5px;justify-content:space-between;align-items:center;gap:1.1rem;min-width:220px;padding:.8rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.action-link:hover{background:#103f4d}.method{max-width:870px;color:var(--muted);padding-block:3rem 1.5rem}.method h2{color:var(--ink)}.formula{color:var(--ink);font-family:Cambria,Georgia,serif}.footer{color:var(--muted);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:3rem;padding-block:1.5rem 2rem;font-size:.875rem;display:grid}.footer p{margin:0}.notice{background:#fff4d3;margin-top:1rem;padding:1rem}.skip-link{z-index:2;background:#fff;padding:.75rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:.5rem}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.guide{max-width:980px}.breadcrumbs{color:var(--muted);margin-top:1.5rem;font-size:.875rem}.guide .intro{max-width:840px}.guide .intro>p:last-child{max-width:760px}.guide caption{text-align:left;color:var(--muted);margin-bottom:.65rem;font-size:.875rem}.size-figure{max-width:750px;margin:1.8rem 0 2.5rem}.size-figure svg{width:100%;height:auto;display:block}.size-figure figcaption{color:var(--muted);margin-top:.75rem;font-size:.875rem}.guide-copy{max-width:760px}.guide-copy section{margin-block:2.5rem}.guide-copy .table-wrap{margin-bottom:1.25rem}.comparison-list{padding-left:1.35rem}.comparison-list li{margin-bottom:.75rem}.guide-teaser{border-top:1px solid var(--line);padding:1.75rem 0}.guide-teaser p:last-child{max-width:760px;color:var(--muted)}.tool-nav{flex-wrap:wrap;gap:.75rem 1.5rem;margin-bottom:1.75rem;font-weight:600;display:flex}.tool-nav a{padding-block:.35rem}.reverse-section{border:1px solid var(--line);border-radius:12px;margin-bottom:2.5rem;padding:1.6rem;scroll-margin-top:1rem}.reverse-intro{max-width:800px}.reverse-layout{grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.25rem;display:grid}.reverse-controls{background:var(--ground);border-radius:8px;min-width:0;padding:1.25rem}.reverse-controls .setup{margin-bottom:1rem}.reverse-inputs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.reverse-inputs label{margin-bottom:.3rem}.field-error{color:#9c261b;margin:.4rem 0 0;font-size:.875rem}[aria-invalid=true]{border-color:#9c261b}.calculate-button{background:var(--a);color:#fff;cursor:pointer;border:0;border-radius:5px;min-height:46px;margin-top:1rem;padding:.65rem 1rem;font-weight:600}.calculate-button:hover{background:#103f4d}.reverse-result{border-top:1px solid var(--line);padding-top:1rem}.reverse-result p{margin-bottom:.2rem}.reverse-result .diagonal-result{font-variant-numeric:tabular-nums;color:var(--a);font-size:2.1rem;font-weight:750;line-height:1.2}.reverse-controls>.hint{margin:.75rem 0 0}.measure-guide h3,.worked-example h3{margin:0 0 .65rem;font-size:1.1rem}.measure-guide ol{margin:0 0 1rem;padding-left:1.4rem}.measure-guide li{margin-bottom:.6rem}.mount-section{scroll-margin-top:1rem}.mount-controls{background:var(--ground);border-radius:8px;margin-block:1.25rem;padding:1.25rem}.mount-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.mount-grid h3{margin:.3rem 0 .8rem}.mount-grid input{width:100%;margin-bottom:.8rem}.mount-section #mount-result{border-left:4px solid var(--a);background:#eaf2f5;padding:1rem}@media (width<=650px){.mount-grid{grid-template-columns:1fr;gap:.5rem}}.worked-example{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.25rem}.worked-example p{max-width:900px;margin-bottom:0}@media (width<=750px){.reverse-layout{grid-template-columns:1fr;gap:1.5rem}.reverse-section{padding:1rem}}@media (width<=380px){.reverse-inputs{grid-template-columns:1fr}.reverse-controls{padding:1rem}}@media (width<=850px){.calculator{grid-template-columns:290px minmax(0,1fr)}.results{padding:1.25rem}.reference{gap:2rem}.related{display:block}.action-link{min-width:0;margin-top:1rem}}@media (width<=650px){.wrap{width:calc(100% - 2rem)}.intro{padding-top:1.8rem}.calculator,.reference,.footer{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1.25rem;padding:1rem;display:grid}.setup{margin:0}.fields{grid-template-columns:1fr}.gap-label,.error{grid-column:1/-1}legend{font-size:.875rem}.results{padding:1rem}.visual-row svg{height:105px}.reference{gap:.5rem;padding-block:2rem}.related{padding:1.25rem}.method{padding-block:2rem 1rem}.footer{gap:1rem}.masthead{padding-block:1rem}}@media (prefers-reduced-motion:no-preference){a{transition:background-color .15s}}.share-controls{border-top:1px solid var(--line);grid-column:1/-1;min-width:0;padding-top:.8rem}.share-controls .calculate-button{white-space:normal;max-width:100%;margin-top:.25rem}.share-controls [role=status]{margin:.7rem 0;font-size:.875rem}.share-controls input{width:100%;min-width:0}.share-controls button:disabled{opacity:.6;cursor:not-allowed}.desk-section{border-top:1px solid var(--line);margin-top:2rem;padding-block:2rem}.desk-section>p{max-width:850px}.desk-inputs{grid-template-columns:1fr 1fr;gap:1.25rem;max-width:720px;margin-bottom:1rem;display:grid}.desk-panel{background:var(--ground);border-radius:8px;min-width:0;padding:1rem}.desk-panel h3{margin:0 0 .7rem;font-size:1.05rem}.desk-panel label{margin-top:.65rem}#desk-gap{max-width:10rem}#desk-chart{width:100%;max-width:680px;height:auto;max-height:400px;margin:1rem 0;display:block}#desk-results{max-width:850px}@media (width<=500px){.desk-inputs{grid-template-columns:1fr}}#desk-print-notes{border-top:1px solid var(--line);max-width:850px;padding-top:1rem}#desk-config{font-weight:600}#desk-print{margin-left:.5rem}@media (width<=500px){#desk-print{margin-left:0}}.viewing-angle-form{border:1px solid var(--line);background:var(--ground);border-radius:8px;padding:1rem}.viewing-angle-form fieldset{border:0;margin:0;padding:0}.viewing-angle-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:.7rem;display:grid}.viewing-angle-result{border-left:4px solid var(--a);background:#fff;margin:1rem 0 0;padding:.9rem;font-weight:600}@media (width<=600px){.viewing-angle-fields{grid-template-columns:1fr}}@media print{@page{margin:15mm}body:has(#skrivbord)>:not(main){display:none!important}body:has(#skrivbord) main>:not(#skrivbord){display:none!important}#skrivbord>:not(#desk-heading):not(#desk-results):not(#desk-print-notes):not(#desk-form),#desk-form>:not(#desk-error){display:none!important}#skrivbord{border:0;margin:0;padding:0;font-size:10pt}body:has(#skrivbord) .wrap{width:100%}#desk-chart{width:130mm;max-width:100%;max-height:65mm}#desk-results,#desk-print-notes{break-inside:avoid}#desk-print-notes{font-size:9pt}#desk-print-notes li{margin-bottom:3mm}body.print-fit main>#skrivbord{display:none!important}body.print-fit:has(#skrivbord) main>#passar-pa-bordet{border:0;margin:0;padding:0;font-size:11pt;display:block!important}body.print-fit #fit-fields,body.print-fit #fit-form .share-controls{display:none!important}body.print-fit #fit-measurements{font-weight:600}body.print-fit #fit-form{break-inside:avoid}}