:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f6f1e8;--text:#151515;--muted:#6f675b;--dark:#14110c;--accent:#b87516;--accent-dark:#8f5a0f;--card:#fff;--border:#ded3c2;--soft:#fbf8f1;--soft-accent:#fff6e6;--shadow:0 18px 44px #28201412;--shadow-soft:0 10px 26px #2820140e;background:#f6f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);min-width:320px;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{overflow-wrap:anywhere;margin:0}.site-shell{width:min(1180px,100% - 32px);margin:0 auto}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f1e8f0;justify-content:space-between;align-items:center;min-height:68px;padding:10px 0;display:flex;position:sticky;top:0}.topbar:after{content:"";background:#ded3c2e6;width:100vw;height:1px;position:absolute;bottom:0;left:50%;right:50%;transform:translate(-50%)}.brand-mark,.nav-tool-link,.primary-button,.secondary-button{justify-content:center;align-items:center;display:inline-flex}.brand-mark{gap:10px;min-width:0;font-weight:900}.brand-icon{background:var(--dark);border:1px solid #14110c29;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 22px #28201424}.brand-icon svg{width:30px;height:30px}.brand-copy{min-width:0;color:var(--text);font-size:.92rem;font-weight:900;line-height:1.2;display:block}.nav-tool-link,.primary-button,.secondary-button{text-align:center;border:1px solid #0000;border-radius:8px;gap:8px;min-height:44px;padding:0 16px;font-weight:800}.nav-tool-link,.primary-button{background:var(--dark);color:#fff}.nav-tool-link:hover,.primary-button:hover,.primary-button:focus-visible{background:#262626;outline:3px solid #b875162e}.secondary-button{border-color:var(--border);color:var(--text);background:#fff}.secondary-button:hover,.secondary-button:focus-visible{background:var(--soft-accent);border-color:#b875166b;outline:none}.secondary-button.compact{min-height:38px;padding:0 12px;font-size:.88rem}.fit{width:fit-content}.hero-tool{padding:42px 0 34px;display:block}.hero-copy{max-width:780px}.eyebrow,.section-heading span{color:var(--accent);align-items:center;gap:8px;font-size:.9rem;font-weight:900;display:inline-flex}h1{max-width:840px;color:var(--text);margin-top:12px;font-size:clamp(2.4rem,6.5vw,4.6rem);line-height:1.02}.hero-copy>p{max-width:760px;color:var(--muted);margin-top:18px;font-size:clamp(1rem,2vw,1.16rem);line-height:1.65}.main-tool-card,.info-card,.use-card,.result-panel,.input-panel,.empty-result,.result-item{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);border-radius:8px}.info-card h3{color:var(--text);margin-top:14px;font-size:1.02rem;line-height:1.25}.info-card p{color:var(--muted);margin-top:8px;font-size:.94rem;line-height:1.55}.section-band{border-top:1px solid #ded3c2e6;padding:64px 0}.tool-band{padding-top:0}.main-tool-card{background:linear-gradient(90deg,#fbf8f1fa 0 238px,#fffffff5 238px),#fffdf9;padding:clamp(14px,2.4vw,22px)}.tool-layout{grid-template-columns:190px minmax(0,1.1fr) minmax(280px,.9fr);align-items:stretch;gap:16px;min-height:560px;display:grid}.feature-menu{border-right:1px solid #ded3c2c7;align-content:start;gap:12px;min-width:0;padding-right:12px;display:grid;overflow:hidden}.feature-menu strong{color:var(--text);font-size:.96rem;display:block}.tool-buttons{gap:7px;min-width:0;max-width:100%;display:grid}.feature-menu button,.segmented button,.calc-grid button{border:1px solid var(--border);color:#3f382f;text-align:left;background:#fff;border-radius:8px;min-height:38px;padding:0 10px;font-size:.9rem;font-weight:800;transition:background .16s,border-color .16s,color .16s}.feature-menu button:hover,.segmented button:hover,.calc-grid button:hover{background:var(--soft-accent);border-color:#b875166b}.feature-menu button.active,.feature-menu button.active:hover,.segmented button.active,.segmented button.active:hover{border-color:var(--dark);background:var(--dark);color:#fff}.input-panel,.result-panel{min-width:0;min-height:100%;box-shadow:none;align-content:start;gap:14px;padding:clamp(16px,2.2vw,22px);display:grid}.input-panel{grid-template-rows:auto auto 1fr auto}.result-panel{grid-template-rows:auto minmax(0,1fr) auto auto}.tool-heading h3,.result-heading h3{color:var(--text);font-size:clamp(1.18rem,2vw,1.45rem)}.tool-heading p{color:var(--muted);margin-top:6px;line-height:1.55}.field{color:var(--text);gap:7px;font-size:.92rem;font-weight:800;display:grid}input,select{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);background:#fffdf9;border-radius:8px;padding:0 12px;transition:border-color .16s,box-shadow .16s}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #b8751624}.form-grid,.grade-list{gap:10px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-field{border:1px solid var(--border);background:var(--soft);color:#3f382f;border-radius:8px;align-items:center;gap:8px;min-height:46px;padding:8px 10px;font-size:.9rem;font-weight:750;display:flex}.check-field input{width:18px;min-height:18px;accent-color:var(--accent);flex:none}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented button{text-align:center}.grade-row{grid-template-columns:minmax(120px,1fr) 86px 86px 42px;gap:8px;display:grid}.icon-button{border:1px solid var(--border);min-height:46px;color:var(--text);background:#fff;border-radius:8px;place-items:center;display:grid}.calculator-display{min-height:64px;font-size:1.35rem;font-weight:900}.calc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.calc-grid button{text-align:center}.result-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.empty-result{min-height:100%;color:var(--muted);text-align:center;box-shadow:none;background:#fffdf9;place-items:center;padding:18px;display:grid}.result-list{align-content:start;gap:10px;max-height:none;display:grid;overflow:auto}.result-item{min-height:64px;box-shadow:none;gap:6px;padding:12px;display:grid}.result-item span{color:var(--muted);font-size:.88rem;font-weight:800}.result-item strong{color:var(--text);font-size:1.2rem}.warning-text,.result-note,.copy-status{min-height:20px;color:var(--accent-dark);font-size:.9rem;font-weight:800;line-height:1.55}.warning-text{background:var(--soft-accent);border:1px solid #b8751647;border-radius:8px;padding:10px 12px}.section-heading{max-width:680px;margin-bottom:24px}.section-heading h2{color:var(--text);margin-top:8px;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.16}.section-heading p{color:var(--muted);margin-top:12px;font-size:.95rem;line-height:1.65}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.steps-grid .info-card{min-height:146px;padding:24px}.step-number{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.split-section{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:28px;display:grid}.use-list{gap:10px;display:grid}.use-card{border-left:2px solid var(--accent);min-height:48px;color:var(--muted);box-shadow:none;padding:13px 18px;font-weight:800}.other-tools-cta{justify-content:space-between;align-items:center;gap:26px;display:flex}.other-tools-cta .section-heading{margin-bottom:0}.other-tools-button{flex:none}.footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;gap:8px;padding:28px 0 40px;font-size:.86rem;display:grid}.footer-links{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px;font-size:.84rem;display:flex}.footer-links a{border-radius:8px;align-items:center;min-height:36px;padding:0 11px;display:inline-flex}.footer-links a:hover,.footer-links a:focus-visible{color:var(--text);background:#b875161a;outline:none}.footer p{color:var(--text)}@media (width<=1080px){.hero-tool,.tool-layout,.split-section{grid-template-columns:1fr}.main-tool-card{background:#ffffffeb}.tool-layout{min-height:auto}.feature-menu{border-bottom:1px solid #ded3c2c7;border-right:0;padding-bottom:12px;padding-right:0}.tool-buttons{scrollbar-width:thin;padding-bottom:6px;display:flex;overflow-x:auto}.tool-buttons button{min-width:max-content}}@media (width<=760px){.site-shell{width:min(100% - 24px,1180px)}.topbar{min-height:auto;padding:12px 0}.brand-copy{max-width:142px;overflow:hidden}.nav-tool-link{min-height:40px;padding:0 12px;font-size:.9rem}.hero-tool{padding-top:28px}.steps-grid,.form-grid,.segmented,.use-list{grid-template-columns:1fr}.section-band{padding:52px 0}.tool-band{padding-top:0}.other-tools-cta{display:grid}.primary-button,.secondary-button,.other-tools-button,.fit{width:100%}.result-heading{flex-direction:column;align-items:stretch}.grade-row{grid-template-columns:1fr}.calc-grid{grid-template-columns:repeat(4,minmax(54px,1fr))}}@media (width<=460px){.brand-icon{width:38px;height:38px}.nav-tool-link svg{display:none}h1{font-size:2.45rem}.main-tool-card,.input-panel,.result-panel,.steps-grid .info-card{padding:16px}}