@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic-v20.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/manrope-latin-v20.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--ink:#182a30;--muted:#63767a;--paper:#f5f7f6;--line:#dce5e2;--green:#0c705f;--lime:#d9ee6a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:white}.brand{font-size:29px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:1px}.brand span{color:var(--green)}.brand small{font-size:13px;letter-spacing:-.3px;margin-left:16px}nav{display:flex;align-items:center;gap:25px}nav button{background:none;border:0;padding:12px 0;color:var(--muted)}nav button.active{color:var(--green);border-bottom:2px solid var(--green)}nav a{font-weight:700}main{max-width:1400px;padding:38px 5% 60px;margin:auto}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--green);margin:0 0 12px}h1{font-size:40px;letter-spacing:-1.8px;line-height:1.15;margin:0 0 15px}h1 span{color:var(--green)}h2{font-size:25px;letter-spacing:-.8px;margin:0 0 8px}p{line-height:1.6} .intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.intro p:not(.eyebrow){color:var(--muted);margin:0}.intro-note{border-left:3px solid var(--lime);padding:8px 0 8px 18px;display:grid;gap:7px}.intro-note span{color:var(--muted);font-size:12px}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:white;border-radius:8px;padding:10px 12px}.search input{border:0;width:100%;outline:none;background:none;font-size:12px}.search span{font-size:22px}.catalog-group{margin-top:22px}.catalog-group>p{color:var(--muted);font-size:10px;letter-spacing:1.5px;font-weight:800;margin:0 12px 8px}.catalog-group button{display:block;border:0;background:none;width:100%;text-align:left;padding:11px 12px;color:var(--ink);border-radius:6px;font-size:12px}.catalog-group button.active{background:var(--green);color:white;font-weight:700}.catalog-group button:hover:not(.active){background:#e8eeeb}.calc-heading{display:flex;align-items:flex-start;justify-content:space-between;margin:2px 0 24px}.calc-heading p:not(.eyebrow){color:var(--muted);font-size:12px;margin:0}.badge{background:#e5efe9;color:var(--green);padding:6px 9px;font-size:9px;white-space:nowrap;border-radius:20px}.calculator{display:grid;grid-template-columns:1.2fr 1fr;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.inputs{padding:24px}.diagram{height:125px;background:#f5f8f6;border-radius:7px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.diagram svg{height:112px;width:100%;max-width:290px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.field label{font-size:11px;color:var(--muted);display:block;margin-bottom:7px}.number{display:flex;align-items:center;border:1px solid #cddad5;border-radius:6px;padding:0 11px;background:white}.number:focus-within{outline:2px solid #c6ddd3;border-color:var(--green)}.number input{min-width:0;width:100%;border:0;padding:10px 0;background:none;outline:none;font-size:16px;font-weight:700;color:var(--ink)}.number span{font-size:11px;color:var(--muted);white-space:nowrap}.inputs details{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.inputs details .form-grid{margin-top:16px}summary{cursor:pointer;font-size:12px;color:var(--muted)}.help{font-size:11px;color:var(--muted);margin:14px 0 0}.result{background:#edf4ef;padding:27px;display:flex;flex-direction:column;align-items:stretch}.result .eyebrow{font-size:9px}.quantity{font-size:52px;line-height:1.1;letter-spacing:-2.3px;font-weight:800;margin:12px 0 5px}.quantity small{font-size:21px;letter-spacing:-.5px}.result-description{font-size:12px;color:var(--muted);margin:0 0 22px}.pack{background:var(--lime);border-radius:7px;padding:16px;margin-bottom:20px}.pack b{font-size:21px}.pack p{font-size:11px;margin:5px 0 0}.breakdown{margin:0 0 18px}.breakdown div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #d6e3dc;font-size:11px}.breakdown dt{color:var(--muted)}.breakdown dd{margin:0;font-weight:700;text-align:right}.outline{background:transparent;border:1px solid #b7cbc2;border-radius:6px;padding:11px 15px;color:var(--ink);font-size:11px;font-weight:700}.result .outline{margin-top:auto;width:100%}.result-note{font-size:10px;color:var(--muted);line-height:1.5;margin:12px 0 0}.error{color:#a12c27;font-size:13px;padding:15px;background:#fff0e8;border-radius:8px}.formula{margin-top:17px;border-bottom:1px solid var(--line);padding:0 2px 17px}.formula p{font-size:12px;color:var(--muted)}.next-step{display:flex;align-items:center;gap:20px;margin-top:18px;padding:17px 0;font-size:11px}.next-step>div{margin-right:auto}.next-step p{margin:5px 0 0;color:var(--muted);font-size:10px}.next-step a{font-weight:700;color:var(--green);white-space:nowrap}.section-lead{color:var(--muted)}.news-toolbar{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.news-toolbar button,.news-toolbar .active{padding:9px 16px;border-radius:6px}.news-toolbar #news-filters button{border:0;background:none;color:var(--muted)}.news-toolbar #news-filters .active{background:var(--green);color:white}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{border:1px solid var(--line);border-radius:9px;background:white;padding:23px;display:flex;flex-direction:column}.news-card .tag{font-size:10px;color:var(--green);letter-spacing:1px}.news-card h3{font-size:19px;line-height:1.35;letter-spacing:-.5px;margin:16px 0 10px}.news-card p{font-size:12px;color:var(--muted)}.news-card a{font-size:11px;font-weight:700;color:var(--green);margin-top:auto;padding-top:12px}.news-card time{font-size:10px;color:var(--muted);margin-top:15px}.empty{background:white;border:1px dashed var(--line);padding:30px;border-radius:9px;grid-column:1/-1;line-height:1.7;color:var(--muted)}.telegram-banner{background:var(--ink);color:white;padding:30px;margin-top:35px;display:flex;justify-content:space-between;align-items:center;border-radius:9px}.telegram-banner p{font-size:12px;color:#becfcc;margin:0}.solid{background:var(--lime);border:0;padding:12px 18px;color:var(--ink);font-size:12px;font-weight:800;border-radius:6px;display:inline-block}.sources{margin:22px 0;color:var(--muted);font-size:12px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.guide-card{background:white;border:1px solid var(--line);padding:25px;border-radius:9px}.guide-card h3{font-size:20px;margin:0 0 15px}.guide-card p,.guide-card li{font-size:12px;color:var(--muted);line-height:1.8}.guide-card ol{padding-left:20px}.guide-card button{background:none;border:0;color:var(--green);font-weight:700;padding:5px 0}.draft{padding:20px;border:1px solid var(--line);border-radius:8px;margin:15px 0;background:white}.draft textarea{width:100%;min-height:120px;padding:12px;border:1px solid var(--line);font:inherit}.draft .actions{display:flex;gap:12px;margin-top:12px}#editor-panel{border-top:1px solid var(--line);padding-top:25px}footer{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding:22px 5%;font-size:11px;color:var(--muted)}footer>a:last-child{margin-left:auto}button:focus-visible,a:focus-visible{outline:3px solid #a7b934;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1450px){header,footer{padding-left:calc((100vw - 1260px)/2);padding-right:calc((100vw - 1260px)/2)}}@media(max-width:1000px){.workspace{grid-template-columns:200px minmax(0,1fr);gap:18px}.calculator{grid-template-columns:1fr}.quantity{font-size:42px}.result{padding:22px}.calc-heading{gap:10px}.badge{display:none}.news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{height:auto;min-height:85px;padding:15px 5%;display:block}.brand{font-size:25px}.brand small{font-size:12px}nav{margin-top:14px;gap:20px;font-size:11px;overflow:auto}nav button{white-space:nowrap;font-size:11px}main{padding-top:26px}h1{font-size:30px}.intro-note{display:none}.intro{margin-bottom:24px}.workspace{display:flex;flex-direction:column}.catalog-group{display:contents}.catalog-group>p{display:none}#catalog{display:flex;overflow:auto;gap:6px;padding:12px 0}.catalog-group button{white-space:nowrap;width:auto;font-size:11px;border:1px solid var(--line);background:white;padding:9px 12px}aside{position:sticky;top:0;z-index:2;background:var(--paper);padding-top:5px}.calc-heading{margin:5px 0 17px}h2{font-size:23px}.inputs{padding:19px}.result{padding:23px}.quantity{font-size:49px}.next-step{flex-wrap:wrap;gap:13px}.next-step>div{width:100%}.news-grid,.guide-grid{grid-template-columns:1fr}.telegram-banner{display:block;padding:24px}.telegram-banner a{margin-top:20px}.news-toolbar{gap:10px;flex-wrap:wrap}footer{gap:15px}footer span{display:none}.guide-card{padding:21px}}@media print{header,aside,.intro,.next-step,footer,#copy,nav{display:none}.workspace{display:block}.calculator{grid-template-columns:1fr 1fr}main{padding:0}.result{print-color-adjust:exact}.formula{display:block}}
.diagram{height:auto;min-height:230px;padding:10px 4px 14px}.diagram figure{margin:0;width:100%;text-align:center}.diagram svg{height:195px;width:100%;max-width:370px;overflow:visible}.diagram svg text{font:11px Arial,sans-serif;fill:#37634f;text-anchor:middle}.diagram svg .dimension{font-size:11px;font-weight:700}.diagram svg .legend{font-size:9px;fill:#6b7e73}.diagram svg .layer{font-size:10px;text-anchor:start}.diagram figcaption{font-size:12px;font-weight:800;color:#234e3b;margin-top:8px}.number select{border:0;background:transparent;padding:11px 0;font:700 16px Manrope,Arial,sans-serif;color:var(--ink);width:100%;min-width:0;outline:none}.bill{margin:8px 0 23px}.bill h3{font-size:14px;margin:0 0 6px}.bill>p{font-size:10px;color:var(--muted);margin:0 0 10px}.bill table{width:100%;border-collapse:collapse;font-size:11px}.bill th{text-align:left;color:var(--muted);font-size:9px;padding:8px 0;border-bottom:1px solid #c8d8cd}.bill td{padding:9px 0;border-bottom:1px solid #d7e3da;vertical-align:top;line-height:1.5}.bill td:last-child,.bill th:last-child{text-align:right;white-space:nowrap;padding-left:10px;font-weight:700}.technical-source{display:inline-block;color:var(--green);font-weight:700;margin-top:10px}.workspace>aside{position:sticky;top:16px;align-self:start;max-height:85vh;overflow-y:auto;scrollbar-width:thin;padding-right:5px}@media(max-width:650px){.workspace>aside{top:0;max-height:none;overflow:visible;position:sticky;align-self:stretch;padding-right:0}.diagram{min-height:205px}.diagram svg{height:170px}.bill td{font-size:10px}}
.category-tabs{display:flex;gap:9px;margin:0 0 26px;flex-wrap:wrap}.category-tabs button{border:1px solid var(--line);background:white;border-radius:8px;padding:12px 17px;color:var(--muted);font:700 12px Manrope,Arial,sans-serif;display:flex;gap:13px;align-items:center}.category-tabs button span{font-size:10px;color:var(--green);background:#e8efdf;border-radius:20px;padding:2px 6px}.category-tabs button.active{background:var(--green);color:white;border-color:var(--green)}.category-tabs button.active span{background:#d9ee6a;color:var(--ink)}@media(max-width:650px){.category-tabs{gap:6px;margin-bottom:17px}.category-tabs button{font-size:10px;padding:9px 10px;gap:7px}.intro{margin-bottom:17px}}
.workspace{display:block}.working{max-width:1080px;margin:0 auto}.category-tabs{max-width:1080px;margin:0 auto 27px;display:grid;grid-template-columns:1fr 1.6fr auto;gap:16px;align-items:end}.category-tabs label{font-size:11px;color:var(--muted);display:grid;gap:7px}.category-tabs select{width:100%;height:47px;background:white;border:1px solid #cddbd3;border-radius:8px;color:var(--ink);font:700 13px Manrope,Arial,sans-serif;padding:0 13px}.category-tabs #open-catalog{height:47px;background:#e5eee7;font-size:12px;white-space:nowrap}.category-tabs #open-catalog span{font-size:21px;background:none;padding:0;color:var(--green)}dialog{border:1px solid var(--line);border-radius:14px;width:min(940px,94vw);max-height:88vh;padding:28px;color:var(--ink);background:var(--paper);box-shadow:0 24px 100px #142d3b33}dialog::backdrop{background:#18352bb0;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-heading h2{margin:0}.directory .search{position:sticky;top:0;z-index:1}.directory .search input{font-size:14px;padding:6px 0}.directory-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.directory .catalog-group>p{font-size:11px;margin:24px 0 11px;color:var(--green)}.directory .catalog-group button{border:1px solid var(--line);background:white;padding:16px;line-height:1.5;border-radius:8px;height:100%;display:grid;gap:6px;text-align:left}.directory .catalog-group button b{font-size:12px}.directory .catalog-group button span{font-size:10px;color:var(--muted)}.directory .catalog-group button.active{background:var(--green);color:white}.directory .catalog-group button.active span{color:#d5e3d8}.diagram svg .callout{font-size:11px;font-weight:700;fill:#875232}.diagram svg .legend{font-size:9px}@media(max-width:650px){.category-tabs{grid-template-columns:1fr 1fr;gap:10px}.category-tabs #open-catalog{grid-column:1/-1;height:39px;justify-content:center}.category-tabs select{font-size:11px;padding:0 8px}.directory-cards{grid-template-columns:1fr 1fr}.directory #catalog{display:block;overflow:visible;padding:0}.directory .catalog-group{display:block}.directory .catalog-group>p{display:block}.directory .catalog-group button{white-space:normal;width:100%;font-size:11px;padding:12px}.directory .catalog-group button span{font-size:9px}.directory .catalog-group button b{font-size:11px}dialog{padding:18px}.dialog-heading h2{font-size:22px}.diagram svg .callout{font-size:11px}}
.menu-field{min-width:0;display:grid;gap:7px}.menu-field label{font-size:11px;color:var(--muted)}
/* Design & Architecture: editorial palette, visible navigation, clear hierarchy */
:root{--ink:#203740;--muted:#78838a;--paper:#f4f3ef;--line:#e0e2dd;--green:#245b6a;--lime:#ead8b7}body{font-size:14px}header{height:80px;background:#fffefa;padding:0 max(4%,calc((100vw - 1360px)/2));border-bottom:1px solid #dddeda}.brand{letter-spacing:-1.8px}.brand small{letter-spacing:.2px;font-size:12px}nav{gap:30px}nav button{font-weight:700;font-size:12px}nav a{font-size:12px;color:#245b6a;border:1px solid #d9e3e3;padding:10px 14px;border-radius:7px}main{max-width:1480px;padding:30px 4% 60px}.intro{padding:38px 44px;margin-bottom:18px;min-height:277px;background:#203c49;color:#f7f6ee;border-radius:18px;position:relative;overflow:hidden}.intro .eyebrow{color:#b4cdd2;font-size:9px;letter-spacing:2px}.intro h1{font-size:43px;line-height:1.13;letter-spacing:-1.8px;margin-bottom:17px;font-weight:800}.intro h1 span{color:#e6c599}.intro p:not(.eyebrow){color:#b6c9ce;font-size:12px;line-height:1.8}.hero-drawing{width:40%;max-width:420px;text-align:center;margin:-20px -10px 0 20px}.hero-drawing svg{width:100%;height:220px}.hero-drawing span{font-size:10px;letter-spacing:.4px;color:#9fb9c3}.category-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:none;margin:0 0 28px}.category-tabs .section-card{height:86px;display:flex;align-items:center;gap:11px;padding:14px;background:#fffefa;border:1px solid var(--line);border-radius:10px;position:relative;text-align:left;transition:background .15s,border-color .15s,transform .15s;color:var(--muted);font-family:inherit}.section-card>svg{width:25px;height:25px;flex-shrink:0;color:var(--green)}.category-tabs .section-card>span{padding:0;background:none;display:grid;gap:5px;border-radius:0;font-size:11px;color:var(--ink)}.section-card small{font-size:9px;font-weight:500;color:var(--muted)}.section-card b{font-size:11px;font-weight:700;line-height:1.35}.section-card i{font-style:normal;font-size:12px;position:absolute;right:10px;top:9px;color:#99aaa9}.category-tabs .section-card.active{background:#e8eeed;border-color:#8cabaf;color:var(--ink)}.category-tabs .section-card.active span{background:none;color:var(--ink)}.category-tabs .section-card:hover{transform:translateY(-2px);border-color:#8cabaf}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;align-items:start}.working{max-width:none;margin:0;min-width:0}.workspace>.calc-navigation{background:#fffefa;border:1px solid var(--line);border-radius:12px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;padding:15px;scrollbar-width:thin;align-self:start}.menu-top{position:sticky;top:-15px;padding-top:10px;padding-bottom:12px;background:#fffefa;z-index:2}.menu-top .eyebrow{font-size:9px;margin-bottom:12px}.menu-top .search{padding:7px 10px;background:#f5f6f2;border:1px solid #e2e6df}.menu-top .search input{font-size:11px;padding:4px 0}.menu-group{border-bottom:1px solid #e9ece7;margin:0;padding:0}.menu-group summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:47px;color:#405760;font-size:11px;font-weight:700}.menu-group summary::-webkit-details-marker{display:none}.menu-group summary svg{width:18px;height:18px;color:#69858a;flex-shrink:0}.menu-group summary small{margin-left:auto;color:#8a999b;font-weight:500;font-size:10px}.menu-group summary:after{content:'+';font-size:16px;font-weight:400;color:#7c9295;margin-left:5px}.menu-group[open] summary:after{content:'−'}.menu-group>div{padding:0 0 11px}.menu-group button{display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:0;border-radius:6px;color:#6b7a7e;text-align:left;width:100%;padding:10px 11px;font-size:11px;line-height:1.45}.menu-group button span{opacity:0;font-size:12px}.menu-group button:hover{background:#f0f3f0;color:#245b6a}.menu-group button.active{background:#245b6a;color:white;font-weight:700}.menu-group button.active span{opacity:1}.calc-navigation>#open-catalog{margin-top:15px;width:100%;font-size:10px;padding:10px;background:#f7f7f2;border-color:#dde5df}.calc-heading{margin:1px 0 20px;padding-top:1px}.calc-heading .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:8px}.calc-heading h2{font-size:28px;line-height:1.25;letter-spacing:-.9px;font-weight:800;scroll-margin-top:24px}.calc-heading p:not(.eyebrow){font-size:12px;line-height:1.7}.badge{background:#e7eddf;font-size:9px;color:#547c51;padding:7px 10px;display:flex;align-items:center;gap:6px;margin-top:4px}.badge i{width:5px;height:5px;border-radius:50%;background:#70a359}.calculator{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);border-radius:13px;border-color:#dde2dc;box-shadow:0 6px 22px #20374004;background:#fffefa}.inputs{padding:25px}.step-label{display:flex;gap:9px;align-items:center;margin:0 0 16px;color:#b0b9b4;font-size:11px;font-weight:800;letter-spacing:.6px}.step-label span{color:#778787;font-size:10px;font-weight:600;letter-spacing:0}.diagram{background:#f5f5ee;border:1px solid #ecece4;border-radius:9px;min-height:225px;margin-bottom:23px}.diagram figcaption{font-weight:600;font-size:11px;color:#627b76}.diagram svg{max-width:350px;height:185px}.number{border-radius:7px;background:#fffefa;border-color:#d7ded9}.number input,.number select{font-size:16px;padding:11px 0}.field label{font-size:11px;color:#66797c}.form-grid{gap:18px 14px}.help{font-size:10px;line-height:1.75}.result{background:#eaf0ed;padding:26px;border-left:1px solid #dae5df}.result>.eyebrow{font-size:9px;color:#68867b;margin-top:13px}.result .step-label span{color:#587469}.quantity{font-size:51px;color:#254e50;margin-top:9px;letter-spacing:-2px}.quantity small{font-size:21px}.result-description{font-size:11px;margin-bottom:19px}.pack{background:#e9d7b6;border-radius:9px;padding:19px;color:#5e4d30;border:1px solid #e2cba3}.pack b{font-size:22px}.pack p{color:#887351;font-size:10px}.breakdown div{font-size:11px;padding:11px 0}.result .outline{background:#fffefa;border-color:#c6d7cf;padding:13px;color:#315950}.result-note{font-size:9px;line-height:1.75}.formula{background:#fffefa;border:1px solid var(--line);border-radius:8px;padding:13px 17px;margin-top:14px}.formula summary{font-size:11px;color:#677d80}.next-step{padding:18px 20px;background:#eae9e2;border-radius:9px;margin-top:15px;gap:16px}.next-step b{font-size:11px}.next-step a{font-size:10px}.next-step p{line-height:1.6}.bill td{font-size:10px}.bill h3{font-size:13px}.dialog-heading .outline{min-height:40px}.directory .catalog-group{display:block}.directory #catalog{display:block;overflow:visible}.directory .catalog-group>p{display:block}.directory .catalog-group button{white-space:normal}.directory-cards{grid-template-columns:repeat(3,minmax(0,1fr))}footer{background:#fffefa;padding:25px 4%;margin-top:0;border-color:#e0e2dd}.news-card,.guide-card{background:#fffefa}.telegram-banner{background:#203c49}.solid{background:#e9d7b6}.result input:focus-visible,.number:focus-within{outline-color:#b8d2d0}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #90b3bd;outline-offset:3px}
@media(min-width:1500px){header,footer{padding-left:calc((100vw - 1360px)/2);padding-right:calc((100vw - 1360px)/2)}}
@media(max-width:1180px){.category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.category-tabs .section-card{height:67px}.workspace{grid-template-columns:218px minmax(0,1fr);gap:20px}.calculator{grid-template-columns:1fr}.result{border-left:0;border-top:1px solid #dae5df}.hero-drawing{width:43%}.intro{padding:32px}.intro h1{font-size:38px}.quantity{font-size:46px}}
@media(max-width:760px){main{padding:20px 4% 40px}header{padding:15px 4%;height:auto;display:block;min-height:90px}.brand small{font-size:11px}nav{gap:23px;margin-top:14px}nav button{font-size:11px;padding:8px 0}nav a{border:0;padding:0;font-size:11px}.intro{padding:26px;min-height:0;border-radius:12px;margin-bottom:14px}.intro h1{font-size:34px;margin-bottom:14px}.intro .eyebrow{font-size:8px;letter-spacing:1.4px}.intro p:not(.eyebrow){font-size:11px}.hero-drawing{display:none}.category-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:20px}.category-tabs .section-card{display:grid;gap:7px;align-content:start;min-height:100px;height:auto;padding:13px 10px;justify-content:start}.section-card>svg{width:23px;height:23px}.section-card b{font-size:10px}.section-card small{font-size:8px}.section-card i{font-size:10px}.workspace{display:flex;flex-direction:column;gap:20px}.workspace>.calc-navigation{position:static;max-height:none;width:100%;padding:12px}.menu-top{position:static;padding:2px 0 10px}.menu-top .eyebrow{margin-bottom:8px}.menu-top .search{padding:7px 11px}.menu-top .search input{font-size:12px}.menu-group>div{max-height:220px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:3px}.menu-group button{font-size:11px;padding:10px;min-height:45px}.menu-group summary{min-height:40px;font-size:11px}.calc-navigation>#open-catalog{margin-top:12px}.working{width:100%}.calc-heading h2{font-size:26px}.calc-heading p:not(.eyebrow){font-size:11px}.calc-heading{margin:0 0 15px}.badge{display:none}.inputs{padding:20px}.diagram{min-height:208px}.diagram svg{height:175px}.result{padding:23px}.quantity{font-size:48px}.next-step{padding:17px}.next-step>div{width:100%}.directory-cards{grid-template-columns:1fr 1fr}.directory .catalog-group button{padding:12px}.directory .catalog-group button b{font-size:11px}.directory .catalog-group button span{font-size:9px}.dialog-heading h2{font-size:23px}.calc-heading h2{scroll-margin-top:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.calc-navigation,.category-tabs,.hero-drawing,.step-label{display:none!important}.workspace{display:block}.calculator{grid-template-columns:1fr 1fr}.quantity{font-size:38px}.result{print-color-adjust:exact}}


.mobile-menu{display:none}@media(max-width:760px){.mobile-menu{display:flex;justify-content:space-between;width:100%;padding:12px;background:#eaf0ed;border:1px solid #d7e1da;border-radius:6px;text-align:left;color:#245b6a;font-weight:700;font-size:12px}.mobile-collapsed{display:none!important}}

/* Consistent selection and pointer states */
button,summary{-webkit-tap-highlight-color:transparent;user-select:none}button{appearance:none}button:focus:not(:focus-visible),a:focus:not(:focus-visible),summary:focus:not(:focus-visible){outline:none;box-shadow:none}.category-tabs .section-card:hover{transform:none}.category-tabs .section-card.active{background:#edf1ee;border-color:#aebfba;box-shadow:none}.menu-group button.active{background:#e7eeea;color:#245b6a;border-left:3px solid #6b9694;padding-left:8px}.menu-group button.active:hover{background:#e7eeea}.number:focus-within{outline:0;border-color:#8ca9a6}.number:has(:focus-visible){outline:2px solid #a8c0c3;outline-offset:2px}nav a[data-view]{border:0;border-radius:0;padding:12px 0;color:var(--muted);font-size:12px;font-weight:700}nav a[data-view].active{color:var(--green);border-bottom:2px solid var(--green)}.calc-heading h1{font-size:28px;line-height:1.25;letter-spacing:-.9px;margin:0 0 8px}.article-page{max-width:790px;margin:20px auto;font-size:16px;line-height:1.85}.article-page h1{font-size:38px}.article-meta{font-size:12px;color:var(--muted)}.article-page a{color:var(--green);text-decoration:underline}.seo-catalog{margin:35px 0}.seo-catalog section{padding:18px 0;border-top:1px solid var(--line)}.seo-catalog section>div{display:flex;gap:15px 22px;flex-wrap:wrap}.seo-catalog a{font-size:12px;color:var(--green);text-decoration:underline}header nav{gap:23px}@media(max-width:850px){header nav{gap:18px}.brand small{display:none}}@media(max-width:760px){nav a[data-view]{white-space:nowrap;font-size:11px}.calc-heading h1{font-size:25px}.article-page h1{font-size:29px}}

.news-cover{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px;margin-bottom:16px}.article-cover{width:100%;max-height:560px;object-fit:cover;border-radius:10px}.article-page figure{margin:25px 0}.article-page figcaption{font-size:11px;color:var(--muted)}

/* Quiet calculator navigation: pointer clicks do not paint a focus frame. */
.calc-navigation .menu-group button.active,.calc-navigation .menu-group button.active:hover{background:transparent;border-left:0;padding-left:11px;color:#245b6a;font-weight:800;box-shadow:none}
.category-tabs .section-card.active{background:#fffefa;border-color:#aebfba;box-shadow:none}
.calc-view button,.calc-view summary{ -webkit-tap-highlight-color:transparent }
#calc-view button,#calc-view summary{user-select:none;-webkit-tap-highlight-color:transparent}
#calc-view button:focus:not(:focus-visible),#calc-view summary:focus:not(:focus-visible){outline:0;box-shadow:none}
#calc-view button:active,#calc-view summary:active{transform:none;box-shadow:none}
#calc-view button:focus-visible,#calc-view summary:focus-visible{outline:2px solid #789a98;outline-offset:2px}
/* A number field is one control: show focus on its wrapper only. */
#calc-view .number input:focus,#calc-view .number input:focus-visible,#calc-view .number select:focus,#calc-view .number select:focus-visible{outline:none;box-shadow:none}
#calc-view .number:focus-within,#calc-view .number:has(:focus-visible){outline:none;box-shadow:none;border-color:#789a98}

.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#63767a;margin:0 0 24px;line-height:1.6}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs span[aria-current]{color:#405760}
.news-grid{align-items:stretch}.news-card{min-width:0}.news-card>a:first-child:has(img){display:block;flex:none;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:7px;margin:0 0 16px;padding:0}.news-card .news-cover{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;margin:0;border-radius:0}.news-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:4.05em}.news-card h3 a{font:inherit;color:inherit;margin:0;padding:0}.news-card>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:1.7;min-height:6.8em}

.material-offers{margin:25px 0;border-top:1px solid #c6d7cf;padding-top:22px}.material-offers h3{font-size:16px;margin:0 0 5px}.offer-region{font-size:11px;color:#63767a;margin:0 0 18px}.material-offers label{display:block;font-size:11px;color:#405760;margin:12px 0 6px}.material-offers select,.material-offers input{font:inherit;width:100%;min-width:0;background:#fffefa;color:#203740;border:1px solid #c6d7cf;border-radius:7px;padding:10px;font-size:12px}.offer-search>div{display:flex;gap:7px}.offer-search .outline{padding:9px 12px;min-width:65px}.offer-needed{font-size:12px;margin:16px 0}.offer-results{display:grid;gap:12px}.offer-store{background:#fffefa;border:1px solid #d7ded9;border-radius:9px;padding:16px}.offer-store>b{font-size:13px}.offer-price{font-size:20px;font-weight:800;margin:14px 0 6px}.offer-price small{font-size:10px;font-weight:500;color:#63767a}.offer-total{font-size:12px;margin:8px 0}.offer-total strong{font-size:17px;color:#245b6a}.offer-status,.offer-store>p:not([class]){font-size:11px;line-height:1.6;color:#63767a}.offer-buy{display:block;text-align:center;padding:11px;margin-top:13px;border:1px solid #aebfba;border-radius:6px;font-size:12px;font-weight:700;color:#245b6a}.offer-buy:hover{background:#edf1ee}.offer-footnote{font-size:10px;line-height:1.7;color:#63767a;margin:14px 0 0}.material-offers input:focus-visible,.material-offers select:focus-visible{outline:2px solid #789a98;outline-offset:2px}

.calc-reading{max-width:820px;margin:48px auto 24px;padding:32px 0;border-top:1px solid #d7ded9;overflow-wrap:anywhere}.calc-reading h2{font-size:clamp(24px,3vw,32px);line-height:1.25;margin:0 0 18px}.calc-reading h3{font-size:20px;line-height:1.4;margin:28px 0 12px}.calc-reading p,.calc-reading li{font-size:16px;line-height:1.75}.calc-reading a{text-decoration:underline;text-underline-offset:3px}.calc-reading li{margin:10px 0}.reading-table{overflow-x:auto;margin:24px 0}.reading-table table{width:100%;border-collapse:collapse;font-size:15px}.reading-table caption{text-align:left;font-size:14px;line-height:1.6;margin:0 0 12px}.reading-table th,.reading-table td{text-align:left;padding:12px;border-bottom:1px solid #d7ded9;vertical-align:top}.reading-table th{background:#edf1ee}@media(max-width:600px){.calc-reading{margin-top:32px;padding-top:24px}.reading-table th,.reading-table td{padding:10px 6px;font-size:14px}}

/* Articles use complete rows, so publication counts never leave an empty cell. */
#guide-view .article-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:28px 0 0}
#guide-view .article-list .guide-card{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:22px;margin:0;min-width:0;min-height:0;align-items:start}
#guide-view .article-list h2{font-size:21px;line-height:1.4;letter-spacing:-.35px;margin:0;overflow-wrap:anywhere}
#guide-view .article-list p{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}
#guide-view .article-list .guide-card>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;white-space:nowrap;justify-self:start}
#guide-view .guide-notes-title{font-size:24px;line-height:1.3;margin:42px 0 18px}
#guide-view #guides{margin-top:0;gap:16px;align-items:stretch}
#guide-view #guides .guide-card{display:flex;flex-direction:column;min-width:0;padding:24px}
#guide-view #guides .guide-card h3{font-size:18px;line-height:1.4;margin:0 0 14px}
#guide-view #guides .guide-card ol{font-size:14px;line-height:1.7;margin:0 0 20px;padding-left:20px}
#guide-view #guides .guide-card button{margin-top:auto;align-self:flex-start;min-height:44px}
@media(min-width:1000px){#guide-view .article-list .guide-card{grid-template-columns:minmax(0,1.15fr) minmax(0,1.35fr) auto;gap:28px;padding:25px 28px;align-items:center}#guide-view #guides{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#guide-view h1{font-size:30px;line-height:1.25}#guide-view .article-list .guide-card{padding:20px}#guide-view .article-list h2{font-size:20px}#guide-view #guides{grid-template-columns:minmax(0,1fr)}#guide-view .guide-notes-title{margin-top:32px}}

/* Projects is a peer navigation link, not a separate outlined action. */
header nav a[href="/projects/"]{border:0;border-radius:0;padding:12px 0;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}
#materials-view{width:100%;max-width:none;float:none;clear:both}#materials-view .section-lead{max-width:none}#materials-frame{display:block;width:100%;margin-top:22px;border-radius:0!important}
@media(max-width:900px){header nav a[href="/projects/"]{font-size:11px;padding:8px 0}}