:root{--ink:#17212b;--muted:#5f6b76;--paper:#f7f8f6;--white:#fff;--line:#dce2e6;--accent:#136f63;--accent-dark:#0d5149;--yellow:#f3c969;--max:1160px}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{background:var(--white);border-bottom:1px solid var(--line);z-index:5;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand{letter-spacing:.02em;font-size:1.35rem;font-weight:800}.brand span{color:var(--accent)}nav{align-items:center;gap:22px;font-size:.94rem;display:flex}nav a{color:var(--muted)}nav .nav-cta{color:var(--white);background:var(--accent);border-radius:6px;padding:8px 14px}.hero{border-bottom:1px solid var(--line);background:#e6f0ed;padding:72px 0 56px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.hero h1{max-width:750px;margin:14px 0;font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.05}.hero p{max-width:650px;color:var(--muted);font-size:1.15rem}.search{max-width:720px;margin-top:28px;display:flex}.search input,.field{font:inherit;background:var(--white);border:1px solid #aeb9c0;border-radius:6px 0 0 6px;flex:1;padding:14px 16px}button,.button{background:var(--accent);color:var(--white);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:12px 18px;font-weight:700;display:inline-block}button:hover,.button:hover{background:var(--accent-dark);text-decoration:none}.search button{border-radius:0 6px 6px 0}.section{padding:54px 0}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.section h2{margin:0;font-size:1.8rem}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:22px}.card h3{margin:8px 0}.card p{color:var(--muted);margin:0}.tag{color:var(--accent);font-size:.8rem;font-weight:700}.tool-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tool{background:var(--ink);color:var(--white);border-radius:6px;padding:26px}.tool p{color:#c9d4d8}.site-footer{background:var(--ink);color:var(--white);margin-top:40px;padding:44px 0}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;display:grid}.footer-grid p{color:#bac7cc}.footer-grid strong,.footer-grid a{margin:7px 0;display:block}.footer-grid a{color:#d4dfe2}.page{padding:54px 0}.prose{max-width:760px}.prose h1{font-size:2.8rem;line-height:1.12}.prose h2{margin-top:34px}.prose p,.prose li{color:#3f4c55}.tool-shell{background:var(--white);border:1px solid var(--line);border-radius:6px;max-width:760px;padding:26px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field-label{margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.field{border-radius:6px;width:100%}.form-row{margin-bottom:16px}.result{border-left:4px solid var(--accent);white-space:pre-wrap;background:#edf5f2;margin-top:22px;padding:18px}.stats{flex-wrap:wrap;gap:24px;margin:20px 0;display:flex}.stat strong{font-size:1.5rem;display:block}.notice{background:#fff8df;border:1px solid #e3c879;border-radius:6px;padding:14px 16px}.article-meta{color:var(--muted);font-size:.9rem}.category-list{flex-wrap:wrap;gap:10px;display:flex}.category-list a{border:1px solid var(--line);background:var(--white);border-radius:6px;padding:9px 13px}.empty{background:var(--white);border:1px dashed var(--line);padding:28px}@media (max-width:760px){.nav-wrap{flex-direction:column;align-items:flex-start;padding:16px 0}nav{flex-wrap:wrap;gap:12px}.hero{padding:48px 0 42px}.grid,.tool-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.section-head,.search{display:block}.search input,.search button{border-radius:6px;width:100%;margin-bottom:8px}.container{width:min(var(--max),calc(100% - 28px))}}