/* CalcRoost shared styles — light, flat, fast */
:root{
  --ink:#1a2433; --sub:#5b6b82; --line:#e4e9f1; --bg:#f6f8fb; --card:#ffffff;
  --accent:#2563eb; --accent-soft:#e8f0fe; --ok:#15803d; --warn:#b45309;
  --radius:10px; --maxw:880px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font:15px/1.7 -apple-system,"Segoe UI","Microsoft YaHei",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
header.site{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}
.to-top{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--accent);font-size:20px;line-height:1;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:70;box-shadow:0 2px 8px rgba(26,36,51,.08)}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{border-color:var(--accent)}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 26px}
.jump a{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:3px 12px;font-size:13px;color:var(--sub)}
.jump a:hover{text-decoration:none;border-color:var(--accent);color:var(--accent)}
h2{scroll-margin-top:72px}
.logo{font-weight:700;font-size:18px;color:var(--ink);letter-spacing:.2px}
.logo span{color:var(--accent)}
.nav-right{display:flex;gap:14px;align-items:center;font-size:14px}
.lang-switch{border:1px solid var(--line);border-radius:20px;padding:3px 12px;color:var(--sub)}
main{padding:34px 0 10px}
h1{font-size:28px;line-height:1.3;margin-bottom:10px}
.lead{color:var(--sub);font-size:16px;margin-bottom:24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin-bottom:22px}
.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:16px}
.field label{display:block;font-size:13px;color:var(--sub);margin-bottom:5px;font-weight:600}
.field .unit{font-weight:400}
.field input{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:15px;background:#fbfcfe;color:var(--ink)}
.field input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
.btn-row{margin-top:6px}
button.calc{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:11px 26px;font-size:15px;font-weight:600;cursor:pointer}
button.calc:hover{background:#1d4fd0}
.results{margin-top:18px;border-top:1px dashed var(--line);padding-top:16px}
.result{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid #f0f2f6}
.result .rl{font-size:14px;color:var(--sub)}
.result .rv{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.result .rv.text{font-size:15px;white-space:normal;text-align:right;max-width:60%}
.result.primary .rv{font-size:26px;color:var(--accent)}
.note{font-size:12.5px;color:var(--sub);margin-top:10px}
h2{font-size:20px;margin:30px 0 12px}
h3{font-size:16px;margin:18px 0 8px}
p{margin:0 0 12px}
.formula-box{background:var(--accent-soft);border-radius:8px;padding:14px 18px;font-family:Consolas,Menlo,monospace;font-size:14.5px;margin:12px 0;overflow-x:auto}
.faq details{border:1px solid var(--line);border-radius:8px;background:var(--card);margin-bottom:8px;padding:0 16px}
.faq summary{cursor:pointer;font-weight:600;padding:12px 0;font-size:14.5px}
.faq details p{padding:0 0 12px;color:var(--sub);font-size:14px}
ul.plain{margin:0 0 12px 20px}
ul.plain li{margin:4px 0}
table.cmp{width:100%;border-collapse:collapse;font-size:13.5px;margin:12px 0;background:var(--card)}
table.cmp th{background:#eef2f8;text-align:left;padding:8px 10px;border:1px solid var(--line)}
table.cmp td{padding:8px 10px;border:1px solid var(--line);vertical-align:top}
.ad-slot{min-height:90px;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#b6c0cf;font-size:12px;margin:20px 0}
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:8px 0 20px}
.related a{display:block;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:14px}
.related a small{display:block;color:var(--sub);margin-top:2px}
.sources{font-size:12.5px;color:var(--sub);border-top:1px solid var(--line);padding-top:12px}
footer.site{margin-top:40px;padding:22px 0 34px;border-top:1px solid var(--line);color:var(--sub);font-size:13px}
footer.site .disc{font-size:12px;margin-top:8px;color:#8a97aa}
.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.home-grid a{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.home-grid a b{font-size:15px}
.home-grid a small{display:block;color:var(--sub);margin-top:3px}
.badge{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:12px;padding:1px 10px;font-size:12px;font-weight:600;margin-bottom:14px}
footer.site .trust-links{margin-bottom:10px;font-size:13px}
footer.site .trust-links a{color:var(--sub)}
footer.site .trust-links a:hover{color:var(--accent)}
.trust-page h2{margin-top:26px}
.trust-page ul.trust-ul li{margin:6px 0}
@media(max-width:560px){h1{font-size:23px}.card{padding:18px}}