:root{--bg:#f7f7f3;--card:#fff;--text:#1f2a23;--muted:#5f6b63;--line:#dce2dc;--accent:#2f6d4f;--accent-dark:#214e39;--soft:#eef5f0;--warn-bg:#fff6df;--danger-bg:#fff0f0;--ok-bg:#edf8f1;--shadow:0 10px 30px rgba(24,46,34,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent-dark)}.container{width:min(1100px,calc(100% - 32px));margin:0 auto}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px}.brand{font-weight:800;text-decoration:none;color:var(--text)}.brand span{color:var(--accent)}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{text-decoration:none;font-weight:650;color:var(--text)}.hero{padding:72px 0 44px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}h1{font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.02;margin:10px 0 20px}h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15}.lead{font-size:1.15rem;color:var(--muted);max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--line)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.section{padding:30px 0 56px}.small{font-size:.92rem;color:var(--muted)}.badge{display:inline-block;padding:5px 9px;background:var(--soft);border-radius:999px;font-size:.82rem;font-weight:750}.tool-card h3{margin-bottom:8px}.tool-card p{color:var(--muted)}.checker{max-width:820px;margin:36px auto 70px}.step{margin-bottom:18px}.step legend{font-weight:800;margin-bottom:10px}fieldset{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}label.option{display:block;margin:8px 0;padding:10px 12px;border-radius:9px;border:1px solid #e5e9e5;cursor:pointer}label.option:hover{background:#fafcfb}input[type=number],select{width:100%;max-width:320px;padding:11px 12px;border:1px solid #cfd7d1;border-radius:9px;font-size:1rem;background:#fff}.inline-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field label{display:block;font-weight:700;margin-bottom:6px}.result{display:none;border-radius:16px;padding:22px;margin-top:22px;border:1px solid var(--line)}.result.show{display:block}.result.ok{background:var(--ok-bg);border-color:#b9dec7}.result.warn{background:var(--warn-bg);border-color:#efd59c}.result.danger{background:var(--danger-bg);border-color:#efbcbc}.result h2{margin-top:0}.result-summary{font-size:1.08rem;font-weight:750}.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:18px 0}.kv div:nth-child(odd){color:var(--muted)}.notice{background:#fff;border-left:4px solid var(--accent);padding:14px 16px;margin:18px 0}footer{border-top:1px solid var(--line);padding:30px 0 50px;color:var(--muted);background:#fff}footer .footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}ul.clean{padding-left:18px}.placeholder{opacity:.7}@media(max-width:800px){.hero-grid,.grid-3,.grid-2,.inline-fields{grid-template-columns:1fr}nav{display:none}.hero{padding-top:44px}.kv{grid-template-columns:1fr}.kv div:nth-child(odd){font-weight:700;margin-top:6px}}

.unit-toggle{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.unit-toggle button{border:1px solid var(--line);background:#fff;color:var(--text);padding:8px 12px;border-radius:999px;font-weight:750;cursor:pointer}.unit-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.feet-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.article{max-width:820px;margin:36px auto 70px}.article h1{font-size:clamp(2rem,5vw,3.8rem)}.article h2{margin-top:34px}.quick-answer{background:var(--soft);border-left:4px solid var(--accent);padding:16px 18px;border-radius:8px}.related-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related-links a{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;text-decoration:none;font-weight:700}@media(max-width:700px){.related-links{grid-template-columns:1fr}}


/* ---- v6 polish ---- */
:root {
  --maxw: 1160px;
}
body { font-size: 16px; }
.container { width: min(var(--maxw), calc(100% - 28px)); }

header {
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,.94);
}

.nav { min-height: 72px; }
.brand { font-size: 1.08rem; letter-spacing: -.01em; }
nav a { color: var(--muted); }
nav a:hover { color: var(--text); }

.hero { padding: 82px 0 54px; }
.hero h1 { max-width: 760px; }
.hero .lead { max-width: 720px; }

.section-title {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:18px;
}
.section-title p { margin:0; color:var(--muted); }

.card {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(24,46,34,.10);
  border-color:#cad5cd;
}

.tool-card {
  position:relative;
  overflow:hidden;
}
.tool-card::after {
  content:"";
  position:absolute;
  width:110px;height:110px;
  right:-36px;top:-36px;
  background:radial-gradient(circle, rgba(47,109,79,.12) 0%, rgba(47,109,79,0) 70%);
}

.btn { transition: transform .12s ease, background .12s ease, border-color .12s ease; }
.btn:hover { transform: translateY(-1px); }

.hero-panel {
  display:grid;
  gap:14px;
}
.statline {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:12px 0;
  border-bottom:1px solid var(--line);
}
.statline:last-child { border-bottom:0; }
.statline strong { font-size:1.05rem; }

.trust-strip {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:22px;
}
.trust-item {
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px 16px;
}
.trust-item strong { display:block; margin-bottom:4px; }

.guide-list {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.guide-link {
  display:block;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  text-decoration:none;
}
.guide-link:hover { border-color:#b8c9bd; }
.guide-link span { display:block; color:var(--muted); font-size:.92rem; margin-top:4px; }

.checker-intro {
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  align-items:start;
  margin-bottom:22px;
}
.quick-note {
  background:var(--soft);
  border:1px solid #d9e8dd;
  border-radius:12px;
  padding:12px 14px;
  min-width:220px;
}
.quick-note strong { display:block; }

fieldset {
  box-shadow: 0 3px 10px rgba(24,46,34,.025);
}
label.option input { margin-right:8px; }

.result.show {
  animation: fadeIn .22s ease;
}
@keyframes fadeIn {
  from {opacity:0; transform:translateY(5px)}
  to {opacity:1; transform:translateY(0)}
}

.info-box {
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px;
  background:#fff;
}
.info-box h3 { margin-top:0; }

.breadcrumbs {
  font-size:.9rem;
  color:var(--muted);
  margin-top:20px;
}
.breadcrumbs a { color:var(--muted); text-decoration:none; }
.breadcrumbs a:hover { color:var(--text); }

.article {
  max-width:820px;
  margin:0 auto;
}
.article h1 { font-size:clamp(2rem,4vw,3.4rem); }
.article h2 { margin-top:38px; }
.article .lead { max-width:none; }

.footer-grid a { color:var(--muted); }
.footer-grid a:hover { color:var(--text); }

@media (max-width: 860px) {
  .trust-strip, .guide-list, .checker-intro { grid-template-columns:1fr; }
  .quick-note { min-width:0; }
}