:root{--slate:#123a3a;--slate2:#1b5252;--gold:#cd8152;--gold-d:#a55f33;--paper:#f8f6f1;--card:#fff;--ink:#26303c;--ink-soft:#5f6b78;--line:#e2ddd0;--good:#1d7a4f;--bad:#b3402e;--warn:#a97a14}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;font-size:17px}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
a{color:var(--slate2)}
.site-header{background:var(--slate);padding:14px 0}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{color:#fff;text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:.02em;display:flex;align-items:center;gap:.55rem}
.brand .accent{color:var(--gold)}
.main-nav{display:flex;gap:18px;flex-wrap:wrap}
.main-nav a{color:#dde3ee;text-decoration:none;font-size:.98rem}
.main-nav a:hover{color:var(--gold)}
.hero{background:linear-gradient(160deg,var(--slate) 0%,var(--slate2) 100%);color:#fff;padding:52px 0 60px}
.hero h1{font-size:2.35rem;line-height:1.15;margin-bottom:14px}
.hero h1 .accent{color:var(--gold)}
.hero p.lede{font-size:1.15rem;color:#d3e2de;max-width:720px}
.hero .stamp{display:inline-block;background:rgba(201,162,75,.16);border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:4px 14px;font-size:.85rem;font-weight:700;margin-bottom:18px}
section{padding:44px 0}
h2{font-size:1.65rem;margin-bottom:12px;color:var(--slate)}
h3{font-size:1.15rem;margin-bottom:6px;color:var(--slate)}
.small{font-size:.9rem;color:var(--ink-soft)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 2px 10px rgba(38,49,75,.05)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:18px}
.checker{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 6px 24px rgba(38,49,75,.09)}
.field{margin-top:16px}
.field label{display:block;font-weight:700;margin-bottom:6px;color:var(--slate)}
.field select,.field input{width:100%;padding:12px;border:1.5px solid var(--line);border-radius:10px;font-size:1rem;background:#fff;color:var(--ink)}
.field .hint{font-weight:400;font-size:.88rem;color:var(--ink-soft)}
.checkline{display:flex;gap:10px;align-items:flex-start;margin-top:16px}
.checkline input{width:20px;height:20px;margin-top:3px}
.btn{display:inline-block;background:var(--gold);color:#241b04;text-decoration:none;font-weight:800;padding:13px 26px;border-radius:10px;border:none;font-size:1.02rem;cursor:pointer}
.btn:hover{background:var(--gold-d);color:#fff}
.btn-row{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}
#result{margin-top:24px;display:none}
.verdict{border-radius:12px;padding:20px 22px;margin-bottom:16px}
.verdict.go{background:#e9f6ef;border:1.5px solid var(--good)}
.verdict.warn{background:#fdf6e0;border:1.5px solid var(--warn)}
.verdict.stop{background:#fbeae7;border:1.5px solid var(--bad)}
.verdict h3{font-size:1.3rem;margin-bottom:6px}
.big{font-size:1.45rem;font-weight:800;color:var(--slate)}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:14px}
table{border-collapse:collapse;width:100%;min-width:640px;background:#fff}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;font-size:.95rem}
th{background:var(--slate);color:#fff;font-weight:700}
tr:nth-child(even) td{background:#fbf9f4}
.locked{background:#f3efe3;border:1.5px dashed var(--gold-d);border-radius:12px;padding:20px 22px;margin-top:16px}
.locked h3{color:var(--gold-d)}
ul.tight{margin:8px 0 8px 20px}
ul.tight li{margin-bottom:5px}
.kit-panel{background:var(--slate);color:#fff;border-radius:16px;padding:30px}
.kit-panel h2{color:#fff}
.kit-panel .price{font-size:2rem;font-weight:800;color:var(--gold)}
.kit-panel ul{margin:12px 0 12px 20px;color:#d3e2de}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer;color:var(--slate)}
.site-footer{background:var(--slate);color:#c3d4d0;padding:34px 0;margin-top:20px}
.foot-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.site-footer a{color:#e6ebf2;text-decoration:none}
.site-footer nav{display:flex;flex-direction:column;gap:6px}
.foot-brand{color:#fff;font-weight:800;font-size:1.1rem;margin-bottom:6px}
.article h1{font-size:2rem;color:var(--slate);margin-bottom:10px;line-height:1.2}
.article h2{margin-top:28px}
.article p{margin-bottom:12px}
.article ul,.article ol{margin:0 0 12px 22px}
.article li{margin-bottom:6px}
.callout{background:#fdf6e0;border:1px solid var(--gold);border-radius:10px;padding:16px 18px;margin:16px 0}
@media(max-width:640px){.hero h1{font-size:1.8rem}section{padding:32px 0}.checker{padding:20px}}