:root{--bg:#f4f7f9;--surface:#fff;--ink:#15232d;--muted:#5b6873;--line:#d9e1e6;--accent:#1f6174;--accent-strong:#154b5a;--accent-warm:#cf7555;--accent-soft:#e6f1f3;--brand-ink:#123640;--max:1120px;--content-rail:960px;--prose-rail:72ch;--shadow:0 12px 30px rgba(21,35,45,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}main#main-content{flex:1 0 auto}a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{text-decoration-thickness:.14em}.wrap{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:#f7f8fbf0;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:66px;display:flex;align-items:center;gap:20px}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:10px 14px;border-radius:10px}.skip-link:focus{left:8px}.mobile-menu{display:none;margin-left:auto;position:relative}.mobile-menu summary{cursor:pointer;font-weight:800;border:1px solid var(--line);padding:7px 11px;border-radius:10px;background:var(--surface)}.mobile-menu nav{position:absolute;right:0;top:46px;min-width:190px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:grid;z-index:30}.mobile-menu nav a{padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:650}.mobile-menu nav a:hover,.mobile-menu nav a:focus{background:var(--accent-soft)}.brand{display:flex;align-items:center;gap:10px;color:var(--brand-ink);text-decoration:none;min-width:max-content}.brand-mark{width:38px;height:38px;display:grid;place-items:center}.brand-mark svg{width:38px;height:38px;fill:var(--accent);stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:1.16rem;letter-spacing:-.025em}.brand-copy small{margin-top:4px;font-size:.66rem;color:var(--muted);font-weight:700;letter-spacing:.035em;text-transform:uppercase}.nav-links{margin-left:auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem}.guides-link{color:var(--accent-strong)!important}.search-link{border:1px solid var(--line);padding:7px 11px;border-radius:999px;background:var(--surface)}main{padding:56px 0 72px}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:28px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:var(--accent)}h1{font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.03;letter-spacing:-.04em;margin:.35rem 0 1rem}h2{font-size:clamp(1.35rem,3vw,2rem);line-height:1.2;margin:0 0 .7rem}p{margin:.4rem 0 1rem}.lead{font-size:1.13rem;color:var(--muted);max-width:70ch}.panel,.card,.tool{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.panel{padding:26px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:20px}.card h2,.card h3{margin-top:0}.card p{color:var(--muted)}.section{margin-top:48px}.tool{padding:24px;margin:30px 0}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:700}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;background:#fff}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 16px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.result{margin-top:16px;padding:16px;border-radius:14px;background:var(--accent-soft);min-height:58px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}table{width:100%;border-collapse:collapse;min-width:560px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}th{background:#f1f5f8;font-size:.9rem}tr:last-child td{border-bottom:0}.breadcrumbs{font-size:.92rem;color:var(--muted);margin-bottom:18px}.breadcrumbs a{color:inherit}.related{display:flex;gap:10px;flex-wrap:wrap}.related a{background:var(--accent-soft);padding:8px 11px;border-radius:999px;text-decoration:none}.site-footer{border-top:1px solid var(--line);padding:32px 0 46px;color:var(--muted);background:#edf3f5}.footer-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--brand-ink);min-width:max-content}.footer-row{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.note{border-left:4px solid var(--accent);padding:12px 16px;background:var(--accent-soft);border-radius:0 12px 12px 0;color:#33445a}.back-top{position:fixed;right:18px;bottom:18px;opacity:0;pointer-events:none;transition:.2s;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 12px;box-shadow:var(--shadow);cursor:pointer}.back-top.show{opacity:1;pointer-events:auto}@media(max-width:900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.desktop-nav{display:none}.mobile-menu{display:block}}@media(max-width:560px){main{padding-top:34px}.grid,.tool-grid{grid-template-columns:1fr}.wrap{width:min(calc(100% - 22px),var(--max))}.panel,.tool{padding:18px}.grid{grid-template-columns:1fr}.brand-copy small{display:none}.brand-mark,.brand-mark svg{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.back-top{transition:none}}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading-row h2{margin-bottom:0}.guide-feature{padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#eef6f7,#fff7f1)}@media(max-width:620px){.section-heading-row{align-items:flex-start;flex-direction:column}.guide-feature{padding:18px}}@media(max-width:560px){.footer-row{align-items:flex-start;flex-direction:column}}@media(min-width:1280px){.back-top{left:calc(50% + var(--max)/2 + 12px);right:auto}}.content-block{max-width:var(--prose-rail)}.content-block p{font-size:1.01rem}.content-list{margin:.4rem 0 1rem;padding-left:1.2rem}.content-list li{margin:.35rem 0}.faq-list{display:grid;gap:10px;max-width:var(--prose-rail)}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 16px}.faq-item summary{cursor:pointer;font-weight:800;padding:14px 0;color:var(--brand-ink)}.faq-item p{padding:0 0 14px;margin:0;color:var(--muted)}.references-section{max-width:var(--prose-rail);padding:20px;border:1px solid var(--line);border-radius:18px;background:#f8fbfc}.reference-intro{color:var(--muted)}.reference-list{margin:.8rem 0 0;padding-left:1.2rem}.reference-list li{margin:.7rem 0}.reference-list span{color:var(--muted)}.reference-list a{font-weight:750}.page-header{width:100%;max-width:var(--content-rail);margin-bottom:30px}.page-header .breadcrumbs{margin-bottom:16px}.page-header h1{font-size:clamp(2.25rem,4vw,3.25rem);max-width:22ch}.page-header .lead{max-width:var(--prose-rail);margin-bottom:0}.prose-section{width:100%;max-width:var(--prose-rail)}.prose-section.content-block{max-width:var(--prose-rail)}.utility-stage{width:100%;max-width:var(--content-rail);margin:30px 0 0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.utility-stage>.tool{margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.utility-stage>h2:first-child,.utility-stage>.tool>h2:first-child{margin-top:0}.collection-section{width:100%;max-width:var(--content-rail);margin-top:56px}.section-heading{margin-bottom:18px}.section-heading h2{margin-bottom:0}.related-section,.support-section{margin-top:42px}.references-section,.faq-section{max-width:var(--prose-rail)}@media(max-width:560px){.page-header{margin-bottom:24px}.page-header h1{font-size:clamp(2.25rem,12vw,3rem)}.utility-stage{padding:18px;margin-top:24px}.section{margin-top:38px}.collection-section{margin-top:46px}.utility-stage+.primary-media{margin-top:24px}}.search-panel{width:100%;max-width:var(--content-rail)}.prose-section h2{font-size:clamp(1.35rem,2.2vw,1.65rem);line-height:1.25;letter-spacing:-.015em}.collection-section h2{font-size:clamp(1.45rem,2.4vw,1.8rem)}.utility-stage h2{font-size:clamp(1.35rem,2.2vw,1.65rem)}.prose-section[id]{scroll-margin-top:92px}.utility-stage+.primary-media{margin-top:32px}.primary-media{width:100%;max-width:var(--content-rail);margin:0 0 32px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.primary-media img{display:block;width:100%;height:auto;border-radius:12px;background:#eef3f5}.primary-media figcaption{margin:10px 4px 2px;color:var(--muted);font-size:.84rem;line-height:1.5}.tool[data-sizing-form] .calculator-submit{font:inherit;line-height:1.3;min-height:44px;margin-top:14px}.tool[data-sizing-form] input[aria-invalid=true]{border-color:#9c2f22;box-shadow:0 0 0 1px #9c2f22}.tool[data-sizing-form] .result[data-state=error]{background:#fff0ed;color:#7a241e;border-left:4px solid #9c2f22}.tool[data-sizing-form] input:focus-visible,.tool[data-sizing-form] select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prose-section a[href^="mailto:"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.toc{width:100%;max-width:var(--prose-rail);margin:6px 0 8px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.toc-title{font-weight:850;color:var(--brand-ink);margin-bottom:8px}.toc ol{margin:0;padding-left:1.25rem;columns:2;column-gap:34px}.toc li{break-inside:avoid;margin:.28rem 0;padding-right:10px}.toc a{color:var(--muted);text-decoration:none}.toc a:hover,.toc a:focus{color:var(--accent);text-decoration:underline}@media(max-width:700px){.toc ol{columns:1}}@media(max-width:560px){.page-header h1{font-size:clamp(2rem,10vw,2.6rem)}.prose-section h2,.utility-stage h2{font-size:1.4rem}.collection-section h2{font-size:1.5rem}.toc{padding:16px}}.footer-brand .brand-copy{display:grid;line-height:1.05}.footer-meta{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}.footer-meta small{font-size:.88rem}.footer-brand .brand-copy small{display:block}@media(max-width:560px){.footer-brand .brand-copy small{display:block;font-size:.64rem}}.utility-stage .table-wrap,.collection-section .grid{width:100%}.related-section,.support-section{width:100%;max-width:var(--prose-rail)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
