
:root{
  --bg:#0d0f14;--panel:#151923;--panel2:#1b2030;--text:#f5f7fb;--muted:#aeb7c8;
  --accent:#ff5d8f;--accent2:#9b7bff;--line:#2b3141;--ok:#7de2bd;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:linear-gradient(180deg,#0b0d12,#111522 42%,#0d0f14);color:var(--text);line-height:1.8}
a{color:inherit}
.wrap{width:min(1100px,92vw);margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(13,15,20,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-weight:800;letter-spacing:.3px;text-decoration:none;font-size:1.15rem}
.logo span{color:var(--accent)}
nav{display:flex;gap:16px;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--muted);font-size:.92rem}
nav a:hover{color:var(--text)}
.hero{padding:80px 0 52px}
.eyebrow{display:inline-block;padding:6px 10px;border:1px solid #3a4053;border-radius:999px;color:#d5dbea;font-size:.8rem}
h1{font-size:clamp(2.1rem,6vw,4.4rem);line-height:1.08;margin:.45em 0 .28em;letter-spacing:-.04em}
.hero p{max-width:720px;color:var(--muted);font-size:1.08rem}
.cta{display:inline-block;margin-top:20px;padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));text-decoration:none;font-weight:700}
.notice{background:#141a26;border:1px solid #30384d;border-radius:16px;padding:16px 18px;color:#cbd3e2;margin:24px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{display:block;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none;min-height:220px;transition:.2s transform,.2s border}
.card:hover{transform:translateY(-3px);border-color:#48516b}
.card .num{color:var(--accent);font-weight:800;font-size:.8rem}
.card h2{font-size:1.2rem;line-height:1.4;margin:.45rem 0}
.card p{color:var(--muted);font-size:.92rem}
.section{padding:40px 0 70px}
.section h2{font-size:1.8rem}
.article{width:min(780px,92vw);margin:0 auto;padding:56px 0 80px}
.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:22px}
.article h1{font-size:clamp(2rem,5vw,3.2rem)}
.article .lead{font-size:1.08rem;color:#c8d0df;border-left:3px solid var(--accent);padding-left:16px}
.article h2{margin-top:2.4em;font-size:1.45rem}
.article p{color:#d9deea}
.meta{color:var(--muted);font-size:.84rem;margin-bottom:28px}
.disclosure{margin-top:48px;padding:18px;border-radius:14px;background:#151a24;border:1px solid var(--line);font-size:.9rem;color:#c3ccdc}
footer{border-top:1px solid var(--line);padding:34px 0 50px;color:var(--muted);font-size:.88rem}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.footer-links a{color:var(--muted)}
.age-modal{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;place-items:center;padding:20px;z-index:100}
.age-modal.show{display:grid}
.age-box{width:min(520px,94vw);background:#161b27;border:1px solid #394157;border-radius:20px;padding:28px;text-align:center}
.age-box h2{margin-top:0}
.age-actions{display:flex;gap:12px;justify-content:center;margin-top:18px}
button,.btn-secondary{border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none}
button{background:linear-gradient(135deg,var(--accent),var(--accent2));color:white}
.btn-secondary{background:#2a3040;color:white}
.small{font-size:.82rem;color:var(--muted)}
@media(max-width:820px){.grid{grid-template-columns:1fr 1fr}.header-inner{height:auto;padding:14px 0;align-items:flex-start;flex-direction:column}nav{gap:12px}.hero{padding-top:48px}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.age-actions{flex-direction:column}.card{min-height:auto}}

.category-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 28px}
.category-pill{display:inline-block;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:#d8deeb;font-size:.84rem;background:#141925}
.related{margin-top:58px;padding-top:28px;border-top:1px solid var(--line)}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mini-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;border:1px solid var(--line);background:#141925;border-radius:14px;padding:15px}
.mini-card strong{font-size:.96rem;line-height:1.5}.mini-card span{font-size:.82rem;color:var(--muted)}
.count{font-size:.9rem;color:var(--muted);margin:4px 0 20px}
@media(max-width:650px){.mini-grid{grid-template-columns:1fr}}

.article-extra{margin-top:42px}
.check-list{padding:18px 18px 18px 38px;border:1px solid var(--line);border-radius:16px;background:#141925}
.check-list li{margin:.45rem 0}
.faq-item{padding:16px 18px;margin:12px 0;border-left:3px solid var(--accent);background:#141925;border-radius:0 12px 12px 0}
.faq-item h3{margin:0 0 6px;font-size:1rem}
.faq-item p{margin:0}


/* v6 high-intent architecture */
.topnav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.topnav a{text-decoration:none;font-size:.92rem}
.money-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}
.money-card{display:block;text-decoration:none;border:1px solid var(--line);background:#141925;border-radius:18px;padding:20px;min-height:150px}
.money-card .kicker{font-size:.76rem;color:var(--muted);letter-spacing:.08em}
.money-card h3{margin:.45rem 0 .5rem;font-size:1.15rem}
.money-card p{margin:0;color:var(--muted);font-size:.9rem}
.hub-hero{padding:52px 0 28px;border-bottom:1px solid var(--line)}
.hub-hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.05;margin:.4rem 0 1rem}
.quick-box{border:1px solid var(--line);background:#141925;border-radius:18px;padding:18px;margin:24px 0}
.quick-box strong{display:block;margin-bottom:8px}
.compare-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.92rem}
.compare-table th,.compare-table td{padding:12px;border:1px solid var(--line);vertical-align:top}
.compare-table th{background:#141925;text-align:left}
.intent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.intent-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:16px;background:#141925;padding:17px}
.intent-card span{display:block;color:var(--muted);font-size:.83rem;margin-top:5px}
.update-badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#202637;border:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.searchbox{display:flex;gap:8px;margin:18px 0}
.searchbox input{flex:1;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#111622;color:#fff}
.site-search-empty{display:none;padding:16px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
.editorial-box{border-left:3px solid var(--accent);background:#141925;padding:16px 18px;border-radius:0 14px 14px 0;margin:22px 0}
.revenue-funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}
.revenue-step{border:1px solid var(--line);border-radius:14px;padding:14px;background:#141925;text-align:center}
.revenue-step b{display:block;font-size:1.1rem;margin-bottom:4px}
.content-card.hidden{display:none}
.affiliate-slot{display:none;border:1px solid var(--line);border-radius:16px;padding:18px;background:#141925}
@media(max-width:800px){
 .money-strip,.revenue-funnel{grid-template-columns:1fr 1fr}
 .intent-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
 .money-strip,.revenue-funnel{grid-template-columns:1fr}
 .topnav{gap:9px}
}

/* v9-safe-strengthening */
.policy-note{border:1px solid var(--line);background:#141925;border-radius:16px;padding:18px;margin:22px 0}
.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 34px}
.flow-card{display:block;text-decoration:none;border:1px solid var(--line);background:#141925;border-radius:15px;padding:16px}
.flow-card small{display:block;color:var(--muted);margin-bottom:5px}
.flow-card strong{line-height:1.5}
.faq-wrap{display:grid;gap:12px;margin:18px 0}
.faq-item-v9{border:1px solid var(--line);background:#141925;border-radius:14px;padding:16px}
.faq-item-v9 h3{margin:0 0 7px;font-size:1rem}
.faq-item-v9 p{margin:0;color:var(--muted)}
.article-directory{columns:2;column-gap:28px}
.article-directory a{display:block;break-inside:avoid;padding:7px 0;text-decoration:none}
.status-badge{display:inline-block;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:#202637;color:var(--muted);font-size:.78rem}
@media(max-width:700px){
  .flow-grid{grid-template-columns:1fr}
  .article-directory{columns:1}
}


/* Pages white theme v2 — cache-busting build */
html,body{background:#fff!important;color:#111827!important}
body{background:linear-gradient(180deg,#fff 0%,#fff 72%,#f7f9fc 100%)!important}
header{background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e5e7eb!important;box-shadow:0 1px 4px rgba(15,23,42,.04)!important}
.logo,.logo span,header a,nav a,.topnav a{color:#111827!important}
.topnav a{padding:7px 11px!important;border-radius:8px!important}
.topnav a:nth-child(1){background:#f8ecf7!important}
.topnav a:nth-child(2){background:#fff0f4!important;color:#c93668!important}
.topnav a:nth-child(3){background:#eaf6fb!important}
.topnav a:nth-child(4){background:#e9f8f0!important;color:#26785c!important}
.topnav a:nth-child(5){background:#fff2e8!important}
.topnav a:nth-child(6){background:#f1f2fa!important}
.hero h1,.hero h2,h1,h2,h3,.money-card h3,.card h3,.intent-card h3,.mini-card h3{color:#111827!important}
.hero p,.money-card p,.card p,.intent-card span,.mini-card span,.meta,.small,.count,.article p{color:#667085!important}
.eyebrow{background:#eff6ff!important;border:1px solid #b9d5ff!important;color:#1455c0!important}
.money-card{border:1px solid #dfe5ec!important;box-shadow:0 7px 18px rgba(15,23,42,.08)!important;color:#111827!important}
.money-card:nth-child(1){background:#fff3f6!important;border-top:3px solid #ff304f!important}
.money-card:nth-child(2){background:#f7f2ff!important;border-top:3px solid #3168ff!important}
.money-card:nth-child(3){background:#effbff!important;border-top:3px solid #009a71!important}
.money-card:nth-child(4){background:#f1fbf6!important;border-top:3px solid #7c3aed!important}
.money-card:nth-child(5){background:#fff6ee!important;border-top:3px solid #0099b8!important}
.money-card:nth-child(6){background:#f2f5ff!important;border-top:3px solid #64748b!important}
.money-card .kicker{color:#667085!important}
.notice{background:#fffaf0!important;border:1px solid #f3cf62!important;color:#8a4b16!important}
.card,.mini-card,.intent-card,.quick-box,.check-list,.faq-item,.editorial-box,.revenue-step,.policy-note,.flow-card,.faq-item-v9,.affiliate-slot,.age-box{
background:#fff!important;border-color:#e1e6ed!important;color:#111827!important;box-shadow:0 4px 14px rgba(15,23,42,.05)!important}
.category-pill,.update-badge,.status-badge{background:#f5f7fa!important;color:#667085!important;border-color:#dfe5ec!important}
.hub-hero{border-bottom-color:#e5e7eb!important}
.compare-table th{background:#f6f8fb!important;color:#111827!important}
.compare-table td{background:#fff!important;color:#344054!important}
.compare-table th,.compare-table td{border-color:#dfe5ec!important}
.searchbox input{background:#fff!important;color:#111827!important;border-color:#d0d5dd!important}
.disclosure{background:#f8fafc!important;border-color:#dfe5ec!important;color:#475467!important}
footer{background:#fafbfc!important;border-top-color:#e5e7eb!important;color:#667085!important}
.footer-links a{color:#667085!important}
