:root{--bg:#f7faf9;--surface:#fff;--text:#17211f;--muted:#60706c;--line:#dce6e2;--primary:#176b5b;--primary-dark:#0f5145;--accent:#e9f5f1;--warn:#fff8e6;--max:1120px;--article:760px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--text);background:var(--bg);line-height:1.8}a{color:var(--primary-dark)}.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.brand{text-decoration:none;font-weight:800;color:var(--text);font-size:1.15rem}.brand span{color:var(--primary)}.nav-links{display:flex;gap:22px;font-size:.94rem;align-items:center}.nav-links a{text-decoration:none;color:var(--muted)}.nav-links a[href="/"]{background:var(--primary);color:#fff;padding:7px 12px;border-radius:9px;font-weight:700}.nav-links a[href="/"]::after{content:"の機能を見る"}.nav-links a[href="/"]:hover{background:var(--primary-dark)}.hero{background:linear-gradient(135deg,#eff8f5,#f9fbfa);border-bottom:1px solid var(--line)}.hero-inner{max-width:var(--max);margin:auto;padding:72px 24px 64px}.eyebrow{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-weight:800}.hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.2;max-width:900px;margin:12px 0 18px}.hero p{max-width:720px;font-size:1.08rem;color:var(--muted)}.cta{display:inline-block;margin-top:18px;padding:12px 20px;background:var(--primary);color:white;text-decoration:none;border-radius:10px;font-weight:700}.wrap{max-width:var(--max);margin:auto;padding:48px 24px}.article-wrap{max-width:var(--article);margin:auto;padding:48px 24px 72px}.cards,.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;text-decoration:none;color:inherit;box-shadow:0 8px 30px rgba(21,55,48,.04)}.card:hover{border-color:#b9d5cd}.card .kicker{font-size:.8rem;color:var(--primary);font-weight:800}.card h2,.card h3{margin:6px 0 8px;line-height:1.45}.card p{margin:0;color:var(--muted)}.breadcrumb{font-size:.88rem;color:var(--muted);margin-bottom:24px}.article-header h1{font-size:clamp(2rem,5vw,3.15rem);line-height:1.35;margin:.3em 0}.lead{font-size:1.08rem;color:#394844}.meta{font-size:.88rem;color:var(--muted);margin:18px 0 32px}.article-body h2{margin-top:2.5em;padding-top:.3em;font-size:1.65rem;line-height:1.45}.article-body h3{margin-top:1.8em;font-size:1.22rem;line-height:1.5}.article-body p,.article-body li{font-size:1rem}.article-body ul,.article-body ol{padding-left:1.35em}.note{background:var(--accent);border-left:4px solid var(--primary);padding:18px 20px;border-radius:8px;margin:24px 0}.warning{background:var(--warn);border-left:4px solid #c48a18;padding:18px 20px;border-radius:8px;margin:24px 0}.comparison{width:100%;border-collapse:collapse;margin:24px 0;font-size:.92rem;background:white}.comparison th,.comparison td{border:1px solid var(--line);padding:12px;vertical-align:top}.comparison th{background:#eef6f3;text-align:left}.checklist{background:white;border:1px solid var(--line);border-radius:14px;padding:20px 24px}.related{border-top:1px solid var(--line);margin-top:48px;padding-top:28px}.product-box{background:#143e36;color:white;border-radius:18px;padding:26px;margin:32px 0}.product-box h2{margin-top:0;color:white}.product-box p{color:#dbe9e5}.product-box a{color:white}.sources,.source-list{border-top:1px solid var(--line);margin-top:48px;padding-top:28px;font-size:.9rem;color:var(--muted)}.sources h2{font-size:1.15rem;margin-top:0}.sources a{overflow-wrap:anywhere}footer{border-top:1px solid var(--line);background:white}.footer-inner,.site-footer p{max-width:var(--max);margin:auto;padding:28px 24px;color:var(--muted);font-size:.88rem}@media(max-width:720px){.nav-links{display:flex;gap:0}.nav-links a:not([href="/"]){display:none}.nav-links a[href="/"]{font-size:.78rem;padding:6px 9px}.cards,.grid{grid-template-columns:1fr}.hero-inner{padding-top:48px}.wrap,.article-wrap{padding-left:18px;padding-right:18px}.comparison{display:block;overflow-x:auto;white-space:nowrap}}