:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f7f6f2;--text:#151515;--muted:#4b5563;--dark:#14110c;--accent:#b8873a;--accent-dark:#9a6f2f;--card:#fff;--border:#e4ded4;--soft:#fbf8f1;--soft-accent:#fff6e6;--shadow:0 18px 44px #28201412;--shadow-soft:0 10px 26px #2820140e;background:#f7f6f2;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:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid #e6dfd3;width:100%;position:sticky;top:0;box-shadow:0 10px 30px #1111110e}.topbar-inner{justify-content:space-between;align-items:center;width:min(1488px,100% - 96px);margin:0 auto;padding:28px 0;display:flex}.site-logo-link,.footer-logo-link{align-items:center;gap:12px;display:flex}.site-logo-link{height:42px}.site-logo-link img{object-fit:contain;width:auto;max-width:145px;height:42px}.desktop-nav{align-items:center;gap:32px;display:flex}.desktop-nav a{color:#5b5f66;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:900;transition:color .16s}.desktop-nav a:hover,.desktop-nav a:focus-visible,.desktop-nav a.active{color:var(--accent);outline:none}.mobile-menu-button{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;flex:none;padding:8px;display:none}.mobile-nav{border-bottom:1px solid var(--border);background:#fff;flex-direction:column;gap:16px;width:100%;padding:24px;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 25px 50px #0000002e}.mobile-nav a{border-bottom:1px solid var(--border);color:#5b5f66;padding:12px 0;font-size:1.125rem;font-weight:900}.mobile-nav a.active{color:var(--accent)}.primary-button,.secondary-button{text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.primary-button{background:var(--dark);color:#fff}.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:#ffffffb8;padding:clamp(14px,2.4vw,22px)}.tool-layout{grid-template-columns:230px minmax(0,1fr) 340px;align-items:stretch;gap:16px;display:grid}.mobile-tool-select{display:none}.feature-menu{border:1px solid var(--border);min-width:0;box-shadow:none;background:#fffdf9;border-radius:8px;align-content:start;gap:12px;padding:16px;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:42px;padding:8px 11px;font-size:.9rem;font-weight:800;line-height:1.2;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;flex-direction:column;gap:14px;padding:clamp(16px,2.2vw,22px);display:flex}.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}.tool-heading small{color:#59616b;margin-top:8px;font-size:.84rem;font-weight:750;line-height:1.45;display:block}.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}.desktop-fill-panel{background:linear-gradient(180deg, #fffdf9, var(--soft));border:1px solid #ded3c2d6;border-radius:8px;gap:8px;padding:14px;display:grid}.desktop-fill-panel strong{color:var(--text);font-size:.94rem}.desktop-fill-panel p{color:var(--muted);font-size:.86rem;line-height:1.5}.desktop-fill-panel div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.desktop-fill-panel span,.result-guide span{border:1px solid var(--border);color:#4f473e;text-align:center;background:#fff;border-radius:8px;place-items:center;min-height:34px;font-size:.78rem;font-weight:900;display:grid}.empty-result{min-height:132px;color:var(--muted);text-align:center;box-shadow:none;background:#fffdf9;place-items:center;padding:18px;display:grid}.result-guide{grid-template-columns:1fr;gap:8px;display:grid}.result-summary{background:var(--soft-accent);box-shadow:none;border:1px solid #b8751640;border-radius:8px;gap:8px;padding:16px;display:grid}.result-summary span{color:var(--accent-dark);font-size:.88rem;font-weight:900}.result-summary strong{color:var(--text);font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.1}.result-list{align-content:start;gap:10px;max-height:none;display:grid;overflow:auto}.result-item{min-height:54px;box-shadow:none;gap:6px;padding:10px 12px;display:grid}.result-item span{color:var(--muted);font-size:.88rem;font-weight:800}.result-item strong{color:var(--text);font-size:1rem}.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{color:#4b5563;text-align:left;background:#fff;border-top:1px solid #e6dfd3;padding:52px 0 46px;font-size:1rem}.footer-inner{width:min(1488px,100% - 96px);margin:0 auto}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;display:grid}.footer-logo-link{min-height:58px;margin-bottom:28px}.footer-logo-link img{object-fit:contain;width:auto;max-width:145px;height:58px}.footer-slogan{max-width:280px;color:var(--text);font-size:1rem;font-weight:700;line-height:1.625}.footer h4{color:var(--text);margin:0 0 18px;font-size:1rem;font-weight:700}.footer ul{gap:10px;margin:0;padding:0;font-size:.93rem;line-height:1.25;list-style:none;display:grid}.footer a{transition:color .16s}.footer a:hover,.footer a:focus-visible{color:var(--accent);outline:none}.footer-mail{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:.93rem;line-height:1.25;display:inline-flex}.footer-bottom{border-top:1px solid #e6dfd3;margin-top:42px;padding-top:26px;font-size:.93rem}@media (width<=1080px){.hero-tool,.split-section{grid-template-columns:1fr}.tool-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr)}.feature-menu{grid-column:1/-1}.tool-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-buttons button{min-width:0}}@media (width<=760px){.site-shell{width:min(100% - 24px,1180px)}.topbar-inner{width:min(100% - 32px,1488px);padding:16px 0}.site-logo-link{height:40px}.site-logo-link img{max-width:min(138px,100vw - 92px);height:40px}.desktop-nav{display:none}.mobile-menu-button{justify-content:center;align-items:center;display:inline-flex}.hero-tool{padding-top:28px}.steps-grid,.form-grid,.segmented,.use-list{grid-template-columns:1fr}.main-tool-card{gap:14px;display:grid}.mobile-tool-select{color:var(--text);gap:8px;font-size:.92rem;font-weight:900;display:grid}.mobile-tool-select select{background:#fff;min-height:48px;font-weight:800}.tool-layout{grid-template-columns:1fr;gap:14px}.feature-menu,.desktop-fill-panel,.result-guide{display:none}.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))}.footer-inner{width:min(100% - 32px,1488px)}.footer-grid{grid-template-columns:1fr;gap:28px}}@media (width<=460px){h1{font-size:2.45rem}.main-tool-card,.input-panel,.result-panel,.steps-grid .info-card{padding:16px}}