/* Base page styles */
@font-face{font-family:Pretendard;src:url('../PretendardVariable.woff2') format('woff2');font-display:swap}
    :root{--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-default);--bg:var(--bg-page);--blue:var(--brand);--amber:var(--caution-weak)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,system-ui,sans-serif;font-weight:430;line-height:1.75;letter-spacing:-.012em}.wrap{max-width:760px;margin:auto;padding:28px 18px 60px}.back{display:inline-block;color:#6c4ac6;font-size:13px;text-decoration:none;margin-bottom:18px}.hero{background:linear-gradient(128deg,#10233f,#253f66);color:#fff;border-radius:22px;padding:25px}.hero h1{margin:0 0 8px;font-size:28px;letter-spacing:-.04em;font-weight:670}.hero p{margin:0;color:#e4dcfa;font-size:14px}.card{margin-top:14px;background:#fff;color:#14233b;border:1px solid #e1e7f0;border-radius:17px;padding:18px}.card h2{margin:0 0 8px;font-size:18px;letter-spacing:-.03em;font-weight:650;color:#14233b}.card h3{margin:14px 0 6px;font-size:14.5px;font-weight:640;color:#14233b}.card h3:first-of-type{margin-top:2px}.card p,.card li{font-size:14px;color:#5d6f88}.card p{margin:0 0 8px}.card p:last-child{margin-bottom:0}.card ul{margin:0 0 8px;padding-left:20px}.card ul:last-child{margin-bottom:0}.card li{margin:6px 0}.card table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.card th,.card td{text-align:left;padding:8px 10px;border-bottom:1px solid #e1e7f0;color:#5d6f88;vertical-align:top}.card th{color:#14233b;font-weight:650;white-space:nowrap}.notice{background:var(--amber);border-left:4px solid #6D5BD0;border-radius:12px;padding:13px 14px;color:#172033;font-size:13px}.muted{color:#5d6f88;font-size:12px}.line{border:0;border-top:1px solid #e1e7f0;margin:14px 0}.back{min-height:44px;display:inline-flex;align-items:center;padding:8px 4px;touch-action:manipulation}.section-tag{display:inline-block;margin:24px 0 8px;font-size:11px;font-weight:680;letter-spacing:.08em;color:#6c4ac6}
.hero h1{font-size:clamp(22px,6vw,28px);line-height:1.25}
.preference-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:9px 13px;border:1px solid #6c4ac6;border-radius:11px;background:#6c4ac6;color:#fff;font:600 13px Pretendard,system-ui,sans-serif;cursor:pointer}
@media (prefers-color-scheme: dark){
  .back,.section-tag,.card a{color:var(--brand-text)}
  .card{background:var(--bg-surface);border-color:var(--border-default)}
  .card h2,.card h3,.card th{color:var(--text-primary)}
  .card p,.card li,.card td{color:var(--text-secondary)}
  .card th,.card td{border-bottom-color:var(--border-default)}
  .line{border-top-color:var(--border-default)}
  .notice{background:var(--caution-weak);color:var(--caution);border-left-color:var(--caution)}
  .preference-button{background:var(--brand-action);border-color:var(--brand-action);color:#fff}
}
@media(max-width:520px){.wrap{padding:16px 12px 40px}.hero{padding:21px 17px}.card{padding:15px}.card p,.card li{font-size:13.5px}.card table{font-size:12px}}
@media(max-width:360px){.wrap{padding:14px 10px 36px}.hero h1{font-size:21px}}

/* Final light/dark card-tier overrides */
/* After product-theme.css (+ page dark media): fixed white/violet two-tier. */
    .card{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}
    .card h2,.card h3,.card th{color:var(--text-primary)!important}
    .card p,.card li,.card td,.muted{color:var(--text-secondary)!important}
    .card th,.card td{border-bottom-color:#e1e7f0!important}
    .back,.section-tag,.card a{color:var(--accent-violet)!important}
    .preference-button{background:var(--brand-action)!important;border-color:var(--accent-violet)!important;color:#fff!important}
    /* Semantic caution notice — do not violet-wash */
    .notice{background:var(--caution-weak,#EEF3FF)!important;color:var(--caution,#172033)!important;border-left-color:var(--caution,#6D5BD0)!important}

/* Consolidated from #policyCardTierPatch; keep in page CSS, never inline. */
/* After product-theme.css: fixed white/violet two-tier. */
    .card{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}
    .card h2,.card h3,.card th{color:var(--text-primary)!important}
    .card p,.card li,.card td,.card .muted{color:var(--text-secondary)!important}
    .card th,.card td{border-bottom-color:#e1e7f0!important}
    .card a{color:var(--accent-violet)!important}
    .back,.section-tag{color:var(--brand-text)!important}
    .preference-button{background:var(--brand-action)!important;border-color:var(--brand-action)!important;color:#fff!important}
    .notice{background:var(--bg-surface)6e5!important;color:var(--text-primary)!important;border-left-color:#e4a220!important}
    .notice *,.notice > :first-child,.notice b{color:var(--text-primary)!important}
    .wrap>.muted{color:var(--text-secondary)!important}