*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Verdana,Geneva,Tahoma,sans-serif;line-height:1.7;color:#2d2419;background:#faf6ef;font-size:15px}
h1,h2,h3,h4,.brand,.result-value{font-family:Georgia,"Times New Roman",serif}
.container{max-width:900px;margin:0 auto;padding:0 22px}

.site-header{background:#fffdf8;border-bottom:3px solid #b45309}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding:.95rem 0}
.brand{font-size:1.45rem;font-weight:700;color:#292018;text-decoration:none;letter-spacing:-.01em}
.brand span{color:#b45309;font-style:italic}
.main-nav{display:flex;flex-wrap:wrap;gap:1.05rem}
.main-nav a{color:#5c4a33;text-decoration:none;font-size:.86rem;font-weight:600;border-bottom:2px solid transparent;padding-bottom:2px}
.main-nav a:hover{color:#b45309;border-bottom-color:#d97706}
.main-nav a[aria-current="page"]{color:#b45309;border-bottom-color:#b45309}

.breadcrumbs{font-size:.8rem;color:#8a7357;margin-top:1.3rem}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}
.breadcrumbs li:not(:last-child)::after{content:"\00B7";margin-left:.45rem;color:#c9b28f}
.breadcrumbs a{color:#9a3412;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}

.hero{padding:2.3rem 0 .4rem}
h1{font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.2;color:#292018;margin-bottom:.7rem}
.lede{font-size:1.02rem;color:#6b5638;max-width:44rem}

.calc-card{background:#fffdf8;border:1px solid #e5d5b8;padding:1.55rem 1.65rem;margin:1.8rem 0}
.calc-title{font-size:1.18rem;color:#292018;margin-bottom:1.05rem;border-bottom:1px solid #eadcc3;padding-bottom:.5rem}
.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}
.field label{display:block;font-weight:700;font-size:.82rem;margin-bottom:.32rem;color:#5c4a33;text-transform:uppercase;letter-spacing:.03em}
.field input,.field select{width:100%;padding:.58rem .68rem;border:1px solid #cbb48c;border-radius:0;font-size:.98rem;background:#fff;color:#2d2419}
.field input:focus-visible,.field select:focus-visible{outline:2px solid #b45309;outline-offset:1px}
.hint{font-size:.76rem;color:#8a7357;margin-top:.3rem}
.check-field{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;color:#5c4a33}
.check-field input{width:16px;height:16px;accent-color:#b45309}
.btn{display:inline-block;background:#292018;color:#f5e9d5;border:none;padding:.72rem 1.6rem;font-size:.92rem;font-weight:700;cursor:pointer;margin-top:1.15rem;font-family:inherit;letter-spacing:.04em;text-transform:uppercase}
.btn:hover{background:#b45309}
.btn:focus-visible{outline:3px solid #f0c987;outline-offset:2px}
.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;margin-top:1.25rem}
.result-box{background:#fdf3e3;border-left:4px solid #b45309;padding:.85rem .8rem}
.result-box.primary{background:#292018;border-left-color:#d97706;color:#fff}
.result-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;opacity:.7;font-family:Verdana,sans-serif}
.result-value{font-size:1.42rem;font-weight:700;margin-top:.2rem;color:inherit}
.result-box .result-value{color:#292018}
.result-box.primary .result-value{color:#fff}
.calc-note{font-size:.8rem;color:#8a7357;margin-top:.75rem}
.error-msg{background:#fbeaea;border-left:4px solid #b91c1c;color:#7f1d1d;padding:.65rem .95rem;margin-top:1rem;font-size:.9rem;display:none}
.info-box{background:#fdf3e3;border-left:4px solid #d97706;padding:.95rem 1.1rem;margin:1.25rem 0;font-size:.93rem}
.info-box p{margin-bottom:.45rem}
.info-box p:last-child{margin-bottom:0}

article.content{padding-bottom:1.4rem}
article h2{font-size:1.38rem;color:#292018;margin:2.15rem 0 .65rem;line-height:1.3}
article h2::before{content:"";display:block;width:44px;height:3px;background:#d97706;margin-bottom:.5rem}
article h3{font-size:1.06rem;color:#4a3a24;margin:1.45rem 0 .4rem}
article p{margin-bottom:.95rem;color:#4a3a24}
article ul,article ol{margin:0 0 .95rem 1.3rem;color:#4a3a24}
article li{margin-bottom:.42rem}
article a{color:#9a3412;text-decoration:underline;text-decoration-color:#e5c391;text-underline-offset:2px}
article a:hover{text-decoration-color:#9a3412}
article strong{color:#292018}

.table-wrap{overflow-x:auto;margin:.95rem 0 1.35rem;border:1px solid #e5d5b8;background:#fffdf8}
table{border-collapse:collapse;width:100%;font-size:.89rem}
th,td{border-bottom:1px solid #efe3cd;padding:.52rem .78rem;text-align:left;vertical-align:top}
th{background:#292018;color:#f5e9d5;font-weight:600;font-family:Georgia,serif}
tbody tr:nth-child(even){background:#fbf4e6}

.faq details{background:#fffdf8;border:1px solid #e5d5b8;margin-bottom:.6rem}
.faq summary{cursor:pointer;font-weight:700;padding:.82rem 1rem;color:#292018;list-style:none;font-size:.94rem;font-family:Georgia,serif}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"Q. ";color:#b45309;font-weight:700}
.faq details p{padding:0 1rem .95rem;margin:0;font-size:.92rem}

.tool-list{margin:1.4rem 0;display:flex;flex-direction:column;gap:.85rem}
.tool-row{background:#fffdf8;border:1px solid #e5d5b8;border-left:5px solid #b45309;padding:1.05rem 1.2rem;text-decoration:none;color:inherit;display:flex;gap:1.05rem;align-items:flex-start;transition:border-color .15s ease,transform .15s ease}
.tool-row:hover{border-color:#b45309;transform:translateX(3px)}
.tool-num{font-family:Georgia,serif;font-size:1.5rem;font-weight:700;color:#d97706;line-height:1;min-width:34px}
.tool-row h2,.tool-row h3{margin:0 0 .28rem;font-size:1.06rem;color:#292018}
.tool-row p{margin:0;font-size:.88rem;color:#6b5638}

.formula-block{background:#292018;color:#f0d9ad;padding:1.05rem 1.25rem;margin:.95rem 0 1.3rem;font-family:Consolas,"Courier New",monospace;font-size:.96rem;overflow-x:auto;line-height:1.75}

.site-footer{background:#292018;color:#bfa77f;margin-top:2.8rem;padding:2.2rem 0 1.3rem;font-size:.87rem}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:1.4rem;margin-bottom:1.5rem}
.site-footer h2{font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;color:#f5e9d5;margin-bottom:.5rem;font-family:Verdana,sans-serif}
.site-footer ul{list-style:none}
.site-footer li{margin-bottom:.32rem}
.site-footer a{color:#bfa77f;text-decoration:none}
.site-footer a:hover{color:#f0c987;text-decoration:underline}
.footer-brand{font-size:1.2rem;font-weight:700;color:#fff}
.footer-brand span{color:#e8a54b}
.footer-desc{font-size:.84rem;margin-top:.45rem;max-width:27rem}
.footer-bottom{border-top:1px solid #4a3a24;padding-top:1.1rem;font-size:.78rem;color:#8a7357}

@media(max-width:640px){
.nav-wrap{justify-content:center}
.main-nav{justify-content:center}
.hero{padding-top:1.5rem}
.calc-card{padding:1.15rem .95rem}
}