:root{--bg:#f6f8fb;--card:#fff;--text:#182033;--muted:#667085;--line:#e5e9f2;--accent:#4f46e5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",Roboto,Arial,sans-serif;line-height:1.8}.shell{width:min(860px,calc(100% - 28px));margin:auto}.top{background:#fff;border-bottom:1px solid var(--line)}.top .shell{height:64px;display:flex;align-items:center;gap:14px}.brand{font-weight:900;letter-spacing:.12em;color:var(--text);text-decoration:none}.back{margin-left:auto;color:var(--accent);text-decoration:none;font-weight:700;font-size:13px}.article{background:#fff;margin:28px auto 60px;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,5vw,48px)}h1{font-size:clamp(30px,5vw,44px);line-height:1.2;margin:0 0 12px;letter-spacing:-.03em}h2{margin-top:34px;font-size:22px}h3{margin-top:24px}.lead{font-size:16px;color:var(--muted)}p,li{font-size:14px}.note{background:#eef2ff;border-radius:14px;padding:14px 16px}.good{background:#ecfdf3;border:1px solid #abefc6;border-radius:14px;padding:14px 16px}.warn{background:#fffaeb;border:1px solid #fedf89;border-radius:14px;padding:14px 16px}.toc{background:#f8fafc;border-radius:14px;padding:14px 18px}.toc a{color:var(--accent)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:10px}footer{padding:30px 0;color:var(--muted);font-size:11px;text-align:center}.ad-note{margin:28px 0;color:#98a2b3;font-size:10px;text-align:center}a{overflow-wrap:anywhere}


/* v2.4.0 content / monetization */
:root{--soft:#eef2ff;--warm:#fff8ee;--warm-line:#f0dbc0;--green:#ecfdf3;--green-line:#abefc6}
.article a{color:var(--accent);text-underline-offset:3px}.article .eyebrow{font-size:11px;letter-spacing:.15em;font-weight:900;color:var(--accent);text-transform:uppercase}.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 22px;color:var(--muted);font-size:12px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:20px}.breadcrumbs a{color:inherit;text-decoration:none}.summary-box{background:linear-gradient(135deg,#f7f8ff,#fff);border:1px solid #e3e6ff;border-radius:18px;padding:18px;margin:24px 0}.summary-box strong{display:block;margin-bottom:4px}.cta-box{background:#151827;color:#fff;border-radius:22px;padding:22px;margin:34px 0;display:grid;gap:12px}.cta-box h2{margin:0;font-size:24px}.cta-box p{margin:0;color:#c8cedd}.cta-button{display:inline-flex;width:max-content;max-width:100%;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b52f3,#7b32ed);color:#fff!important;text-decoration:none;border-radius:999px;padding:12px 18px;font-weight:900}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 6px}.related-card{display:block;border:1px solid var(--line);border-radius:16px;padding:15px;text-decoration:none!important;color:var(--text)!important;background:#fff}.related-card b{display:block;font-size:14px}.related-card span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.affiliate-box{border:1px solid var(--warm-line);background:linear-gradient(135deg,var(--warm),#fff);border-radius:20px;padding:20px;margin:30px 0}.affiliate-box h2{margin:0 0 6px;font-size:21px}.affiliate-box p{margin:0 0 14px;color:#7b6b55}.affiliate-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.affiliate-link{display:block;border:1px solid var(--warm-line);background:#fff;border-radius:13px;padding:12px;text-decoration:none!important;color:#3f3528!important;font-weight:800}.affiliate-link small{display:block;color:#8a7558;font-weight:500;margin-top:3px}.affiliate-disclosure{font-size:10px!important;color:#8a7558!important;margin-top:12px!important}.article-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.article-index a{display:block;border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;text-decoration:none;color:var(--text)}.article-index b{display:block;font-size:16px;line-height:1.45}.article-index span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.category-chip{display:inline-block;font-size:10px;font-weight:800;color:var(--accent);background:#eef2ff;border-radius:999px;padding:5px 8px;margin-bottom:8px}.mini-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.mini-nav a{display:inline-block;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;color:var(--text)}.checklist{list-style:none;padding:0}.checklist li{position:relative;padding-left:28px;margin:9px 0}.checklist li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#ecfdf3;color:#087a43;display:grid;place-items:center;font-weight:900;font-size:11px}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;position:relative;padding:0 0 18px 42px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:9px;background:#eef2ff;color:var(--accent);display:grid;place-items:center;font-weight:900}.ad-label{font-size:9px;color:#98a2b3;text-align:center;margin:26px 0 -12px}.site-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:28px}.hub-hero{padding-bottom:8px}.hub-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.hub-intro div{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff}.hub-intro b{display:block;margin-bottom:4px}.hub-intro span{font-size:12px;color:var(--muted)}
@media(max-width:640px){.article{margin-top:14px;padding:22px 18px}.related-grid,.affiliate-links,.article-index,.hub-intro{grid-template-columns:1fr}.cta-box{padding:18px}.cta-box h2{font-size:21px}}

/* v2.4.0 editorial depth */
.editor-note,.case-box,.source-box,.workflow,.quick-check{margin:26px 0;border-radius:18px;padding:18px}.editor-note{background:#f4f6ff;border:1px solid #dfe3ff}.case-box{background:#f8fafc;border:1px solid var(--line)}.source-box{background:#fbfcfe;border:1px solid var(--line)}.editor-note b,.case-box b,.workflow b{display:block;font-size:15px;margin-bottom:6px}.editor-note p,.case-box p,.source-box p{margin:0}.decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.decision-grid>div{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff}.decision-grid b{display:block;font-size:14px;margin-bottom:5px}.decision-grid span{display:block;font-size:12px;color:var(--muted)}.workflow{display:grid;gap:8px;background:#f8fafc;border:1px solid var(--line)}.workflow span{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px}.quick-check{display:grid;gap:8px;background:#f8fafc;border:1px solid var(--line)}.quick-check label{display:flex;gap:8px;align-items:flex-start;font-size:13px}.quick-check input{margin-top:5px}.source-box ul{margin-bottom:0;padding-left:20px}.source-box a{font-weight:700}.article p{margin:12px 0}.article h2{line-height:1.45}.article table{margin:14px 0 22px}.article blockquote{margin:24px 0;padding:4px 0 4px 18px;border-left:4px solid #c7ccff;color:#414a60;font-size:15px}.article-index.featured a{background:linear-gradient(180deg,#fff,#fafbff);border-color:#dfe3ff}
@media(max-width:720px){.decision-grid{grid-template-columns:1fr}.article{font-size:15px}.article p,.article li{font-size:14px}.source-box,.editor-note,.case-box,.workflow,.quick-check{padding:15px}}