/* SmartToolsHub v3 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
:root{--brand:#0d9488;--brand-deep:#115e59;--ink:#0f172a;--muted:#475569;--bg:#f7fafc;--card:#ffffff;--border:#e2e8f0;--soft:#f0fdfa;--accent:#f59e0b;--radius:16px;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased;}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);}
.header-in{max-width:1060px;margin:0 auto;padding:13px 20px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;}
.logo{font-weight:800;font-size:1.22rem;color:var(--brand);text-decoration:none;letter-spacing:-.02em;}
.logo span{color:var(--accent);}
nav.mainnav a{color:var(--ink);text-decoration:none;margin-right:13px;font-size:.86rem;font-weight:600;white-space:nowrap;}
nav.mainnav a:hover{color:var(--brand);}
.wrap{max-width:860px;margin:0 auto;padding:26px 18px 80px;}
.crumbs{font-size:.78rem;color:var(--muted);margin-bottom:14px;text-transform:uppercase;letter-spacing:.05em;}
.crumbs a{color:var(--brand);text-decoration:none;font-weight:600;}
h1{font-size:2.05rem;line-height:1.22;letter-spacing:-.025em;margin:0 0 12px;}
.lead{font-size:1.08rem;color:#334155;margin-bottom:6px;}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin:22px 0;box-shadow:0 10px 30px -18px rgba(2,44,34,.25);}
.card label{display:block;font-weight:700;margin:14px 0 6px;font-size:.92rem;}
input[type=number],input[type=date],input[type=text],textarea,select{width:100%;max-width:440px;padding:11px 14px;border:1.5px solid #cbd5e1;border-radius:10px;font-size:1rem;background:#fbfefc;font-family:inherit;transition:border .15s;}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);}
textarea{min-height:190px;resize:vertical;}
.btn{display:inline-block;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;border:none;border-radius:10px;padding:13px 30px;font-size:1.02rem;font-weight:700;cursor:pointer;margin-top:18px;font-family:inherit;box-shadow:0 8px 18px -8px rgba(13,148,136,.6);}
.btn:hover{filter:brightness(1.06);}
.btn.ghost{background:var(--soft);color:var(--brand-deep);box-shadow:none;}
.result{margin-top:20px;padding:18px;border-radius:12px;background:var(--soft);border:1px solid #99f6e4;display:none;}
.result.show{display:block;}
.result .big{font-size:1.5rem;font-weight:800;color:var(--brand-deep);}
.ad-slot{margin:18px auto;text-align:center;min-height:90px;max-width:728px;overflow:hidden;}
.ad-slot.rect{min-height:250px;max-width:336px;margin-left:auto;margin-right:auto;}
section.doc{margin-top:36px;max-width:760px;}
section.doc h2{font-size:1.42rem;font-weight:800;letter-spacing:-.015em;margin:30px 0 10px;color:var(--ink);}
section.doc h2::before{content:"";display:inline-block;width:22px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--brand),var(--accent));margin-right:10px;vertical-align:middle;}
section.doc p{margin-bottom:13px;color:#334155;}
section.doc ul{margin:0 0 14px 22px;color:#334155;}
section.doc li{margin-bottom:6px;}
ol.steps{counter-reset:s;list-style:none;margin:6px 0 18px;}
ol.steps li{counter-increment:s;position:relative;padding:0 0 14px 44px;color:#334155;}
ol.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem;}
table.data{width:100%;border-collapse:collapse;margin:14px 0;font-size:.95rem;}
table.data th,table.data td{border:1px solid var(--border);padding:9px 13px;text-align:left;}
table.data th{background:var(--soft);color:var(--brand-deep);}
table.data tr:nth-child(even) td{background:#fbfdfc;}
details.faq{background:var(--card);border:1px solid var(--border);border-radius:12px;margin:10px 0;overflow:hidden;}
details.faq summary{padding:15px 18px;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:40px;background:#f8fafc;}
details.faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--brand);font-weight:400;}
details.faq[open] summary::after{content:"–";}
details.faq .faq-a{padding:0 18px 16px;color:var(--muted);}
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px;margin-top:14px;}
.rel-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s;}
.rel-card:hover{transform:translateY(-3px);box-shadow:0 12px 22px -12px rgba(2,44,34,.3);}
.rel-card .ic{font-size:1.5rem;}
.rel-card b{display:block;margin:6px 0 3px;color:var(--brand-deep);font-size:.98rem;}
.rel-card p{color:var(--muted);font-size:.84rem;line-height:1.5;}
.site-footer{background:#0c2b27;color:#9fc9c1;padding:44px 20px 30px;}
.foot-in{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px;}
.site-footer h4{color:#fff;font-size:.95rem;margin-bottom:10px;}
.site-footer a{color:#9fc9c1;text-decoration:none;display:block;padding:3px 0;font-size:.9rem;}
.site-footer a:hover{color:#ffd76a;}
.foot-note{max-width:1060px;margin:30px auto 0;border-top:1px solid #1d4a43;padding-top:18px;font-size:.8rem;color:#6fa197;text-align:center;}
.hero{background:linear-gradient(135deg,#0d9488 0%,#115e59 52%,#123f3c 100%);border-radius:22px;padding:52px 30px;text-align:center;color:#fff;box-shadow:0 24px 50px -24px rgba(2,44,34,.5);}
.hero h1{color:#fff;font-size:2.3rem;}
.hero p{color:#c9ece5;max-width:640px;margin:10px auto 0;font-size:1.05rem;}
.hero .pill{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:5px 16px;border-radius:99px;font-size:.8rem;margin-bottom:16px;letter-spacing:.04em;}
.grid-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:26px 0;}
.tool-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;text-decoration:none;color:var(--ink);transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden;}
.tool-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--brand),var(--accent));}
.tool-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -14px rgba(2,44,34,.28);}
.tool-card .ic{display:block;}
.tool-card .ic svg,.rel-card .ic svg{width:32px;height:32px;color:var(--brand);}
.tool-card h3{margin:10px 0 6px;color:var(--brand-deep);font-size:1.05rem;}
.tool-card p{color:var(--muted);font-size:.88rem;line-height:1.55;}
@media(max-width:640px){h1{font-size:1.55rem;} .hero h1{font-size:1.7rem;} nav.mainnav{display:none;} .wrap{padding:18px 14px 70px;}}