:root {
    --color-bg: #ffffff;
    --color-bg-soft: #f7f7f7;
    --color-surface: #ffffff;
    --color-surface-warm: #fafafa;
    --color-text: #222222;
    --color-text-strong: #111111;
    --color-muted: #666666;
    --color-subtle: #8a8a8a;
    --color-border: #e5e5e5;
    --color-border-strong: #cccccc;
    --color-header: #ffffff;
    --color-header-deep: #111111;
    --color-accent: #111111;
    --color-accent-hover: #333333;
    --color-accent-soft: #f2f2f2;
    --color-positive: #111111;
    --color-positive-soft: #eeeeee;
    --color-gold: #111111;
    --color-gold-soft: #f1f1f1;
    --color-danger: #333333;
    --color-disabled: #8a8f93;
    --shadow-card: 0 3px 12px rgba(31, 41, 51, .045);
    --shadow-hover: 0 7px 20px rgba(31, 41, 51, .075);
    --radius-sm: 7px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --space-section: 68px;
}

/* TCG V1 is intentionally namespaced so the existing HARUDEUK UI is unchanged. */
.tcg-page { background: #f3f3f3; }
.tcg-stage { padding: 24px 0 64px; color: #141414; background: #f5f5f5; }
.tcg-shell { max-width: 1120px; }
.tcg-title-row { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 12px; }
.tcg-title-row h1 { margin: 2px 0 4px; font-size: clamp(30px, 4vw, 44px); line-height: 1; letter-spacing: -.045em; }
.tcg-title-row p { margin: 0; color: #696969; font-size: 14px; }
.tcg-kicker, .tcg-section-heading small, .tcg-search-heading small, .tcg-locked-panel small { color: #777; font-size: 10px; font-weight: 900; letter-spacing: .18em; }
.tcg-safe-badge { padding: 8px 11px; border: 1px solid #d2d2d2; border-radius: 999px; color: #686868; background: #fff; font-size: 11px; font-weight: 800; }
.tcg-hero { position: relative; }
.tcg-hero-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 22px; box-shadow: 0 18px 50px rgba(0,0,0,.15); }
.tcg-hero-track::-webkit-scrollbar { display: none; }
.tcg-hero-slide { position: relative; display: grid; flex: 0 0 100%; grid-template-columns: minmax(0, 1fr) 42%; min-height: 360px; overflow: hidden; padding: 54px 64px; scroll-snap-align: start; color: #fff; background: #171717; }
.tcg-hero-slide::before { position: absolute; inset: 0; content: ''; opacity: .38; background: radial-gradient(circle at 76% 35%, #ffbe0b 0, transparent 34%), linear-gradient(120deg, transparent 20%, rgba(255,255,255,.12)); }
.tcg-hero-slide.tone-pokemon { background: #1451c7; }
.tcg-hero-slide.tone-onepiece { background: #b51f26; }
.tcg-hero-slide.tone-yugioh { background: #412068; }
.tcg-hero-slide.tone-other { background: #25282d; }
.tcg-hero-copy { position: relative; z-index: 1; align-self: center; }
.tcg-hero-copy small { font-weight: 900; letter-spacing: .16em; opacity: .78; }
.tcg-hero-copy h2 { margin: 12px 0; font-size: clamp(30px, 4vw, 48px); line-height: 1.12; letter-spacing: -.055em; }
.tcg-hero-copy p { margin: 0 0 24px; color: rgba(255,255,255,.74); }
.tcg-hero-copy a { display: inline-flex; padding: 11px 16px; border-radius: 999px; color: #111; background: #fff; font-size: 12px; font-weight: 900; }
.tcg-hero-stack { position: relative; z-index: 1; min-height: 260px; }
.tcg-hero-stack i { position: absolute; top: 50%; left: 50%; width: 150px; aspect-ratio: 2.5 / 3.5; border: 2px solid rgba(255,255,255,.58); border-radius: 12px; background: linear-gradient(145deg, rgba(255,255,255,.35), rgba(255,255,255,.06)); box-shadow: 0 22px 40px rgba(0,0,0,.28); transform: translate(-50%,-50%) rotate(-7deg); }
.tcg-hero-stack i:nth-child(2) { transform: translate(-22%,-48%) rotate(8deg); }
.tcg-hero-stack i:nth-child(3) { transform: translate(-76%,-44%) rotate(-19deg); }
.tcg-slider-controls { position: absolute; right: 18px; bottom: 18px; z-index: 2; display: flex; gap: 7px; }
.tcg-slider-controls button { display: grid; width: 36px; height: 36px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.36); border-radius: 50%; color: #fff; background: rgba(0,0,0,.35); font-size: 22px; }
.tcg-game-tabs { display: flex; gap: 7px; overflow-x: auto; margin: 12px 0 14px; padding-bottom: 4px; scrollbar-width: none; }
.tcg-game-tabs a { flex: 0 0 auto; padding: 9px 14px; border: 1px solid #ddd; border-radius: 999px; color: #565656; background: #fff; font-size: 12px; font-weight: 800; }
.tcg-game-tabs a.active { border-color: #111; color: #fff; background: #111; }
.tcg-edition-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 14px; overflow: hidden; border: 1px solid #ddd; border-radius: 9px; background: #fff; }
.tcg-edition-tabs a { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 7px; color: #555; border-right: 1px solid #eee; font-size: 11px; font-weight: 800; }
.tcg-edition-tabs a:last-child { border-right: 0; }
.tcg-edition-tabs a.active { color: #fff; background: #111; }
.tcg-edition-tabs b { min-width: 19px; padding: 2px 5px; border-radius: 999px; color: #666; background: #f1f1f1; font-size: 9px; }
.tcg-edition-tabs a.active b { color: #111; background: #fff; }
.tcg-price-scope-note { margin: 9px 0 0; color: #666; font-size: 10px; line-height: 1.55; }
.tcg-section { margin-top: 42px; }
.tcg-section-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 14px; }
.tcg-section-heading h2, .tcg-search-heading h2, .tcg-locked-panel h2 { margin: 3px 0 0; font-size: clamp(21px, 3vw, 28px); letter-spacing: -.045em; }
.tcg-attribution { margin: 18px 0 0; color: #666; font-size: 12px; line-height: 1.6; }
.tcg-attribution a { color: #111; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.tcg-section-note { color: #777; font-size: 11px; }
.tcg-card-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 16px 10px; }
.tcg-interest-section { margin-top: 42px; }
.tcg-card-rail, .tcg-news-rail { display: grid; grid-auto-columns: minmax(170px, 1fr); grid-auto-flow: column; gap: 12px; overflow-x: auto; padding: 2px 2px 12px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.tcg-card-entry { min-width: 0; }
.tcg-card-tile { display: block; min-width: 0; scroll-snap-align: start; color: #151515; }
.tcg-card-art { position: relative; display: flex; aspect-ratio: 2.5 / 3.5; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 16px 12px; border: 1px solid rgba(0,0,0,.12); border-radius: 10px; color: #fff; background: #272727; box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.tcg-card-art.has-image { padding: 0; border-color: #d8d8d8; background: #e9e9e9; }
.tcg-card-art.tone-pokemon { background: linear-gradient(145deg, #285fe4, #082b7d); }
.tcg-card-art.tone-onepiece { background: linear-gradient(145deg, #d33a43, #701116); }
.tcg-card-art.tone-yugioh { background: linear-gradient(145deg, #6d36a4, #241238); }
.tcg-card-art.tone-other { background: linear-gradient(145deg, #59616c, #1f2328); }
.tcg-card-art img { width: 100%; height: 100%; object-fit: cover; }
.tcg-card-art small { font-size: 9px; font-weight: 900; letter-spacing: .12em; opacity: .8; }
.tcg-card-art strong { font-size: 18px; line-height: 1.1; letter-spacing: -.04em; }
.tcg-card-art em { font-size: 10px; font-style: normal; opacity: .72; }
.tcg-card-copy { display: block; padding: 10px 4px; }
.tcg-card-copy small, .tcg-card-copy strong, .tcg-card-copy span, .tcg-card-copy em { display: block; }
.tcg-card-copy small { overflow: hidden; color: #888; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }
.tcg-card-copy strong { display: -webkit-box; min-height: 2.6em; overflow: hidden; margin: 4px 0; font-size: 13px; line-height: 1.3; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.tcg-card-copy .tcg-card-price { color: #e53d32; font-size: 13px; font-weight: 900; }
.tcg-card-source-price { margin-top: 2px; color: #333; font-size: 9px; font-style: normal; font-weight: 800; }
.tcg-card-interest { margin-top: 5px; color: #111; font-size: 9px; font-style: normal; font-weight: 800; }
.tcg-card-checked { margin-top: 2px; color: #999; font-size: 8px; font-style: normal; }
.tcg-card-market-label { margin-top: 2px; color: #b3261e; font-size: 8px; font-style: normal; font-weight: 800; line-height: 1.35; }
.tcg-card-alert-form, .tcg-card-alert-login { display: block; margin: 0 3px; }
.tcg-card-alert-form button, .tcg-card-alert-login { width: calc(100% - 6px); min-height: 31px; padding: 6px 5px; border: 1px solid #cfcfcf; border-radius: 7px; color: #222; background: #fff; font-size: 9px; font-weight: 850; text-align: center; cursor: pointer; }
.tcg-card-alert-form.is-active button { border-color: #111; color: #fff; background: #111; }
.tcg-alert-notice { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding: 11px 14px; border-radius: 10px; color: #fff; background: #111; font-size: 12px; }
.tcg-alert-notice a { text-decoration: underline; text-underline-offset: 3px; }
.deal-group-tabs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); overflow: hidden; margin: 0 0 18px; border: 1px solid #dedede; border-radius: 10px; background: #fff; }
.deal-group-tabs a { display: flex; min-height: 48px; align-items: center; justify-content: center; gap: 6px; padding: 8px; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; color: #333; font-size: 12px; font-weight: 800; text-align: center; }
.deal-group-tabs a:nth-child(6n) { border-right: 0; }
.deal-group-tabs a.active { color: #fff; background: #111; }
.deal-group-tabs b { min-width: 18px; padding: 2px 5px; border-radius: 999px; color: #666; background: #f1f1f1; font-size: 9px; }
.deal-group-tabs a.active b { color: #111; background: #fff; }
@media (max-width: 700px) {
    .deal-group-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .deal-group-tabs a { min-height: 46px; gap: 3px; padding: 6px 3px; font-size: 10px; line-height: 1.2; }
    .deal-group-tabs a span { word-break: keep-all; }
    .deal-group-tabs b { min-width: 16px; padding: 2px 4px; font-size: 8px; }
    .deal-group-tabs a:nth-child(6n) { border-right: 1px solid #ececec; }
    .deal-group-tabs a:nth-child(4n) { border-right: 0; }
}
.tcg-empty-rail { display: flex; min-width: 310px; min-height: 100px; flex-direction: column; justify-content: center; padding: 24px; border: 1px dashed #ccc; border-radius: 14px; color: #777; background: rgba(255,255,255,.7); }
.tcg-empty-rail strong { color: #333; font-size: 14px; }
.tcg-empty-rail span { margin-top: 5px; font-size: 11px; }
.tcg-empty-rail.wide { min-width: min(560px, 84vw); }
.tcg-news-card { display: flex; min-width: 250px; min-height: 155px; flex-direction: column; padding: 22px; scroll-snap-align: start; border-radius: 15px; color: #fff; background: #202020; }
.tcg-news-card small { font-size: 9px; opacity: .7; }
.tcg-news-card strong { margin: 13px 0 8px; font-size: 17px; }
.tcg-news-card span { color: rgba(255,255,255,.72); font-size: 11px; }
.tcg-news-card em { margin-top: auto; font-size: 10px; font-style: normal; font-weight: 900; }
.tcg-search-panel { margin-top: 0; padding: 20px; border: 1px solid #d8d8d8; border-radius: 14px; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.035); }
.tcg-search-heading p { margin: 8px 0 20px; color: #777; font-size: 12px; }
.tcg-search-form { display: grid; grid-template-columns: minmax(0, 1fr) 135px 135px 88px; gap: 8px; }
.tcg-search-form input, .tcg-search-form select { min-width: 0; height: 48px; padding: 0 14px; border: 1px solid #ccc; border-radius: 9px; background: #fff; }
.tcg-search-form button { border: 0; border-radius: 9px; color: #fff; background: #111; font-weight: 900; }
.tcg-search-state { display: flex; flex-direction: column; margin-top: 14px; padding: 13px 15px; border-radius: 9px; color: #555; background: #f3f3f3; font-size: 12px; }
.tcg-search-state strong { color: #111; }
.tcg-search-state span { margin-top: 3px; font-size: 10px; }
.tcg-search-ranking { margin-top: 28px; padding: 24px; border: 1px solid #d8d8d8; border-radius: 14px; background: #fff; }
.tcg-search-ranking ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 28px; margin: 17px 0 0; padding: 0; list-style: none; }
.tcg-search-ranking li { border-top: 1px solid #ececec; }
.tcg-search-ranking li:nth-child(-n+2) { border-top: 0; }
.tcg-search-ranking a { display: grid; min-height: 48px; grid-template-columns: 30px minmax(0,1fr) auto; gap: 8px; align-items: center; color: #111; }
.tcg-search-ranking b { color: #ff4f22; font-size: 15px; }
.tcg-search-ranking strong { min-width: 0; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.tcg-search-ranking span { color: #777; font-size: 10px; }
.tcg-search-results { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; margin-top: 24px; }
.tcg-featured { margin-top: 28px; }
.tcg-news-heading { margin-top: 32px; }
.tcg-back { display: inline-flex; margin-bottom: 22px; color: #555; font-size: 12px; font-weight: 800; }
.tcg-detail-hero { display: grid; grid-template-columns: minmax(220px, 340px) minmax(0,1fr); gap: clamp(30px, 7vw, 80px); align-items: center; }
.tcg-detail-art { width: 100%; }
.tcg-detail-copy > small { color: #777; font-size: 11px; font-weight: 900; }
.tcg-detail-copy h1 { margin: 8px 0 4px; font-size: clamp(34px, 6vw, 62px); letter-spacing: -.06em; }
.tcg-detail-copy > p { color: #777; }
.tcg-price-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 30px; }
.tcg-price-grid article { padding: 20px; border: 1px solid #d8d8d8; border-radius: 12px; background: #fff; }
.tcg-price-grid span, .tcg-price-grid strong, .tcg-price-grid small { display: block; }
.tcg-price-grid span { color: #777; font-size: 10px; font-weight: 900; }
.tcg-price-grid strong { margin: 8px 0 4px; font-size: 23px; }
.tcg-price-grid small { color: #999; font-size: 9px; }
.tcg-detail-alert-form, .tcg-detail-alert-login { display: block; margin-top: 12px; }
.tcg-detail-alert-form button, .tcg-detail-alert-login { width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid #111; border-radius: 10px; color: #fff; background: #111; font-size: 13px; font-weight: 900; text-align: center; cursor: pointer; }
.tcg-detail-alert-form.is-active button { color: #222; background: #fff; }
.tcg-locked-panel { margin-top: 22px; padding: 26px; border: 1px solid #ddd; border-radius: 14px; background: rgba(255,255,255,.82); }
.tcg-locked-panel > strong { display: block; margin-top: 18px; font-size: 18px; }
.tcg-locked-panel p { margin: 5px 0 0; color: #777; font-size: 11px; }
.tcg-history-panel { margin-top: 22px; padding: 26px; border: 1px solid #ddd; border-radius: 14px; background: rgba(255,255,255,.9); }
.tcg-history-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.tcg-history-heading small { color: #777; font-size: 10px; font-weight: 900; letter-spacing: .18em; }
.tcg-history-heading h2 { margin: 3px 0 0; font-size: clamp(21px, 3vw, 28px); letter-spacing: -.045em; }
.tcg-history-heading > span { color: #666; font-size: 11px; font-weight: 800; text-align: right; }
.tcg-history-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-top: 20px; }
.tcg-history-summary article { padding: 14px; border: 1px solid #e2e2e2; border-radius: 10px; background: #fafafa; }
.tcg-history-summary span, .tcg-history-summary strong { display: block; }
.tcg-history-summary span { color: #777; font-size: 10px; font-weight: 800; }
.tcg-history-summary strong { margin-top: 5px; font-size: 18px; letter-spacing: -.035em; }
.tcg-history-chart-wrap { margin-top: 18px; padding: 14px 12px 8px; border: 1px solid #e5e5e5; border-radius: 12px; background: #fff; }
.tcg-history-chart { display: block; width: 100%; height: 220px; overflow: visible; }
.tcg-history-chart line { stroke: #e5e5e5; stroke-width: .45; vector-effect: non-scaling-stroke; }
.tcg-history-chart polyline { fill: none; stroke: #ff4f22; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.tcg-history-chart circle { fill: #fff; stroke: #ff4f22; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.tcg-history-windows { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 12px; }
.tcg-history-windows article { padding: 13px 14px; border: 1px solid #e5e5e5; border-radius: 10px; }
.tcg-history-windows strong, .tcg-history-windows span, .tcg-history-windows small { display: block; }
.tcg-history-windows strong { font-size: 11px; }
.tcg-history-windows span { margin-top: 3px; font-size: 14px; font-weight: 850; }
.tcg-history-windows small { margin-top: 3px; color: #777; font-size: 9px; }
.tcg-history-note, .tcg-history-panel > p { margin: 12px 0 0; color: #6d6d6d; font-size: 10px; }
.tcg-history-empty { display: block; margin-top: 18px; font-size: 18px; }
.tcg-history-records { margin-top: 12px; border-top: 1px solid #e5e5e5; }
.tcg-history-records summary { padding: 12px 0 4px; font-size: 11px; font-weight: 850; cursor: pointer; }
.tcg-history-records > div { display: grid; grid-template-columns: 1fr auto; gap: 6px 18px; padding-top: 8px; color: #666; font-size: 10px; }
.tcg-history-records strong { color: #222; text-align: right; }

@media (max-width: 720px) {
    .tcg-stage { padding-top: 22px; }
    .tcg-title-row { align-items: start; }
    .tcg-safe-badge { display: none; }
    .tcg-title-row p { max-width: 270px; }
    .tcg-hero-slide { min-height: 310px; grid-template-columns: 1fr 34%; padding: 36px 26px; }
    .tcg-hero-copy h2 { font-size: 30px; }
    .tcg-hero-stack { min-height: 210px; }
    .tcg-hero-stack i { width: 104px; }
    .tcg-slider-controls { display: none; }
    .tcg-game-tabs { margin-bottom: 12px; }
    .tcg-section { margin-top: 34px; }
    .tcg-card-rail { grid-auto-columns: 42%; }
    .tcg-search-panel { margin-inline: -4px; padding: 24px 17px; }
    .tcg-search-form { grid-template-columns: 1fr 98px; }
    .tcg-search-form input { grid-column: 1 / -1; }
    .tcg-search-ranking { padding: 18px 15px; }
    .tcg-search-ranking ol { grid-template-columns: 1fr; }
    .tcg-search-ranking li:nth-child(2) { border-top: 1px solid #ececec; }
    .tcg-edition-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tcg-edition-tabs a:nth-child(2) { border-right: 0; }
    .tcg-edition-tabs a:nth-child(-n+2) { border-bottom: 1px solid #eee; }
    .tcg-search-results { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .tcg-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 8px; }
    .tcg-detail-hero { grid-template-columns: minmax(0, 1fr); }
    .tcg-detail-art { width: min(76vw, 310px); margin-inline: auto; }
    .tcg-detail-copy { text-align: center; }
    .tcg-price-grid { text-align: left; }
    .tcg-history-panel { padding: 20px 16px; }
    .tcg-history-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tcg-history-chart { height: 180px; }
    .tcg-history-windows { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
    .tcg-hero-slide { grid-template-columns: minmax(0, 1fr) 26%; min-height: 290px; }
    .tcg-hero-copy p { max-width: 220px; font-size: 12px; }
    .tcg-card-rail { grid-auto-columns: 48%; }
    .tcg-price-grid { grid-template-columns: 1fr; }
    .tcg-card-copy { padding-inline: 2px; }
    .tcg-card-copy small { font-size: 8px; }
    .tcg-card-copy strong { font-size: 12px; }
    .tcg-card-copy .tcg-card-price { font-size: 12px; }
    .tcg-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--color-text); background: var(--color-bg); font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, select, summary { font: inherit; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
.shell { width: min(1200px, calc(100% - 40px)); margin-inline: auto; }
.narrow-shell { max-width: 820px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: -80px; left: 16px; z-index: 1000; padding: 11px 16px; color: #fff; background: var(--color-accent); border-radius: var(--radius-sm); font-weight: 800; }
.skip-link:focus { top: 16px; }

/* Header */
.site-header { position: sticky; top: 0; z-index: 100; color: var(--color-text-strong); background: var(--color-header); border-bottom: 1px solid var(--color-border); box-shadow: none; }
.header-main { min-height: 64px; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; }
.brand-logo { display: block; width: 46px; height: 46px; border-radius: 8px; object-fit: contain; }
.brand-symbol { width: 34px; height: 34px; display: block; flex: 0 0 auto; }
.brand-name { display: block; color: #111; font-size: 27px; line-height: 1; font-weight: 900; letter-spacing: -.075em; white-space: nowrap; }
.header-search { height: 39px; max-width: 480px; display: grid; grid-template-columns: 1fr auto; flex: 1; margin-left: auto; overflow: hidden; background: #fff; border: 1px solid #bdbdbd; border-radius: 2px; }
.header-search input { min-width: 0; padding: 0 14px; color: var(--color-text); background: transparent; border: 0; outline: 0; font-size: 13px; }
.header-search input::placeholder { color: #9ba0a5; }
.header-search button { padding: 0 17px; color: #fff; background: var(--color-accent); border: 0; font-size: 12px; font-weight: 850; cursor: pointer; }
.header-search button:hover { background: var(--color-accent-hover); }
.dashboard-link { flex-shrink: 0; color: #444; font-size: 11px; font-weight: 750; }
.mobile-menu { display: none; position: relative; }
.category-nav-wrap { background: #fff; border-top: 1px solid var(--color-border); }
.category-nav-shell { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: stretch; }
.category-nav { min-width: 0; min-height: 42px; display: flex; align-items: stretch; overflow-x: auto; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-snap-type: x proximity; scrollbar-width: none; }
.category-nav::-webkit-scrollbar { display: none; }
.category-nav a { flex: 0 0 auto; display: flex; align-items: center; gap: 7px; padding: 0 17px; color: #555; border-bottom: 2px solid transparent; font-size: 12px; font-weight: 680; white-space: nowrap; scroll-snap-align: start; }
.category-nav a:hover, .category-nav a.active { color: #111; background: #f7f7f7; border-bottom-color: #111; }
.category-nav-control { width: 34px; min-height: 42px; display: none; place-items: center; padding: 0; color: #111; background: #fff; border: 0; font-size: 22px; line-height: 1; cursor: pointer; }
.category-nav-shell.is-scrollable .category-nav-control { display: grid; }
.category-nav-control:disabled { color: #c7c7c7; cursor: default; }
.category-nav-prev { border-right: 1px solid #eee; }
.category-nav-next { border-left: 1px solid #eee; }
.category-nav .nav-coming-soon { flex: 0 0 auto; display: flex; align-items: center; gap: 5px; padding: 0 17px; color: #858e97; font-size: 12px; font-weight: 680; white-space: nowrap; }
.category-nav .nav-coming-soon small { padding: 2px 4px; border: 1px solid #58616b; border-radius: 4px; font-size: 8px; }
.category-nav .hot-nav { color: #111; }
.community-nav-wrap { background: #fafafa; border-bottom: 1px solid #e7e7e7; }
.community-nav { min-height: 34px; display: flex; align-items: center; gap: 22px; padding-inline: 17px; overflow-x: auto; scrollbar-width: none; }
.community-nav::-webkit-scrollbar { display: none; }
.community-nav a { flex: 0 0 auto; color: #666; font-size: 11px; font-weight: 750; white-space: nowrap; }
.community-nav a:hover, .community-nav a.active { color: #111; text-decoration: underline; text-underline-offset: 4px; }
.hot-nav span { width: 6px; height: 6px; background: var(--color-accent); border-radius: 50%; box-shadow: 0 0 0 3px rgba(232,93,63,.15); }
.message-stack { position: fixed; top: 119px; left: 50%; z-index: 120; transform: translateX(-50%); pointer-events: none; }
.message { width: fit-content; max-width: 680px; margin-left: auto; padding: 12px 17px; color: #fff; background: #111; border: 1px solid #111; border-radius: 8px; box-shadow: var(--shadow-hover); font-size: 13px; font-weight: 750; }
.message-error, .message-warning { color: #fff; background: #8d1b12; border-color: #8d1b12; }

/* Shared components */
.section-kicker { display: block; margin-bottom: 5px; color: var(--color-accent); font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.section-heading h2 { margin: 0; color: var(--color-text-strong); font-size: 28px; line-height: 1.25; letter-spacing: -.035em; }
.section-heading p { margin: 5px 0 0; color: var(--color-muted); font-size: 13px; }
.section-heading > a { color: var(--color-accent); font-size: 12px; font-weight: 800; white-space: nowrap; }
.section-heading.compact h2 { font-size: 22px; }
.button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 0 21px; border: 1px solid transparent; border-radius: 8px; font-size: 13px; font-weight: 850; cursor: pointer; transition: background .18s, transform .18s, box-shadow .18s; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: #fff; background: var(--color-accent); box-shadow: 0 8px 20px rgba(232,93,63,.18); }
.button-primary:hover { background: var(--color-accent-hover); }
.button-secondary { color: #37414c; background: #fff; border-color: var(--color-border-strong); }
.button-secondary:hover { background: #fcfaf7; }
.category-badge, .grade-badge, .deadline-badge, .score-badge { display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; font-size: 10px; font-weight: 850; white-space: nowrap; }
.category-badge { padding: 5px 8px; color: #5c6670; background: #f1f2f2; }
.grade-badge { padding: 5px 8px; color: #56616c; background: #eef0f1; }
.grade-badge.grade-s { color: #6b4710; background: var(--color-gold-soft); border: 1px solid #f0d187; }
.deadline-badge { padding: 5px 8px; color: #a53d2a; background: var(--color-accent-soft); }
.deadline-badge.expired { color: #73787b; background: #edeceb; }
.score-badge { gap: 5px; color: #414c57; }
.score-badge small { color: var(--color-muted); font-size: 9px; font-weight: 650; }
.score-badge b { color: var(--color-text); font-size: 15px; }
.verified-dot { width: 7px; height: 7px; display: inline-block; flex: 0 0 auto; margin-right: 7px; background: var(--color-positive); border-radius: 50%; box-shadow: 0 0 0 3px var(--color-positive-soft); }
.fresh-label { display: inline-flex; align-items: center; gap: 7px; color: var(--color-positive); font-size: 10px; font-weight: 850; }
.fresh-label i { width: 7px; height: 7px; background: var(--color-positive); border-radius: 50%; animation: pulse 2s ease-in-out infinite; }
@keyframes pulse { 50% { opacity: .45; } }
.empty-state { display: grid; place-content: center; min-height: 130px; padding: 25px; color: var(--color-muted); background: var(--color-surface); border: 1px dashed var(--color-border-strong); border-radius: var(--radius-md); text-align: center; }
.empty-state.wide { grid-column: 1 / -1; min-height: 180px; }
.empty-state p { margin: 5px 0 0; font-size: 12px; }
.breadcrumb { display: flex; align-items: center; gap: 8px; color: var(--color-subtle); font-size: 11px; }
.breadcrumb a:hover { color: var(--color-accent); }

/* Home hero */
.home-hero { position: relative; overflow: hidden; padding: 22px 0 24px; background: #fbfaf8; border-bottom: 1px solid var(--color-border); }
.home-hero::after { display: none; }
.home-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(350px, .82fr); align-items: stretch; gap: 22px; }
.live-label { display: flex; align-items: center; gap: 9px; color: var(--color-positive); font-size: 11px; font-weight: 850; }
.live-label span { width: 8px; height: 8px; background: var(--color-positive); border-radius: 50%; box-shadow: 0 0 0 4px var(--color-positive-soft); }
.hero-copy h1 { margin: 7px 0 12px; color: var(--color-text-strong); font-size: clamp(29px, 3vw, 38px); line-height: 1.12; letter-spacing: -.05em; }
.hero-copy h1 em { color: var(--color-accent); font-style: normal; }
.hero-copy h1 .hero-brand-en { letter-spacing: .035em; }
.hero-copy > p { max-width: 630px; margin: 0; color: #59636d; font-size: 16px; line-height: 1.75; }
.hero-actions { display: flex; gap: 10px; margin-top: 28px; }
.trust-points { display: flex; flex-wrap: wrap; gap: 17px; margin-top: 25px; color: #778078; font-size: 10px; }
.trust-points span::first-letter { color: var(--color-positive); }
.home-live-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 650px; margin: 0 0 10px; border: 1px solid var(--color-border); background: #fff; }
.home-live-stats div { min-width: 0; padding: 7px 11px; border-right: 1px solid var(--color-border); }
.home-live-stats div:last-child { border-right: 0; }
.home-live-stats dt { color: var(--color-muted); font-size: 9px; white-space: nowrap; }
.home-live-stats dd { margin: 1px 0 0; color: var(--color-text-strong); font-size: 17px; font-weight: 900; }
.home-feed-search { max-width: 650px; display: grid; grid-template-columns: 1fr auto; overflow: hidden; border: 1px solid var(--color-border-strong); background: #fff; }
.home-feed-search input { min-width: 0; height: 40px; padding: 0 13px; border: 0; outline: 0; color: var(--color-text); }
.home-feed-search button { padding: 0 20px; border: 0; color: #fff; background: var(--color-accent); font-weight: 850; cursor: pointer; }
.hero-opportunity { position: relative; padding: 14px 16px 13px; background: var(--color-surface); border: 1px solid var(--color-border); border-top: 3px solid var(--color-gold); border-radius: var(--radius-md); box-shadow: var(--shadow-card); }
.hero-opportunity-head, .hero-opportunity-badges, .hero-score-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ranking-label { color: #7c5b1a; font-size: 11px; font-weight: 900; letter-spacing: .04em; }
.hero-opportunity-badges { justify-content: flex-start; margin-top: 8px; }
.hero-opportunity h2 { margin: 7px 0 9px; color: var(--color-text-strong); font-size: 17px; line-height: 1.38; letter-spacing: -.025em; }
.hero-opportunity h2 a:hover { color: var(--color-accent); }
.hero-money { padding: 8px 11px; background: var(--color-positive-soft); border-radius: 7px; }
.hero-money span { display: block; color: #547369; font-size: 10px; }
.hero-money strong { display: block; margin-top: 2px; color: var(--color-positive); font-size: 18px; letter-spacing: -.02em; }
.hero-score-row { margin-top: 9px; padding-bottom: 8px; border-bottom: 1px solid #eee8df; }
.hero-score-row div { display: flex; align-items: baseline; gap: 5px; }
.hero-score-row small { color: var(--color-muted); font-size: 9px; }
.hero-score-row b { color: var(--color-text-strong); font-size: 27px; }
.hero-score-row span { color: var(--color-subtle); font-size: 10px; }
.hero-score-row > a { padding: 9px 13px; color: #fff; background: var(--color-accent); border-radius: 7px; font-size: 11px; font-weight: 850; }
.hero-opportunity > p { display: flex; align-items: center; margin: 7px 0 0; color: var(--color-muted); font-size: 9px; }

/* Categories */
.category-section { padding: 38px 0 43px; background: var(--color-bg); border-bottom: 1px solid var(--color-border); }
.category-shortcuts { display: grid; grid-template-columns: repeat(9, 1fr); overflow: hidden; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: 0 4px 15px rgba(31,41,51,.025); }
.category-shortcut { min-width: 0; min-height: 102px; display: grid; align-content: center; justify-items: center; padding: 13px 7px; border-right: 1px solid #eee7dd; text-align: center; transition: background .16s, color .16s; }
.category-shortcut:last-child { border-right: 0; }
.category-shortcut:hover { background: #fff7f2; }
.category-shortcut.today { background: var(--color-accent-soft); }
.category-shortcut span { font-size: 20px; }
.category-shortcut b { margin-top: 5px; font-size: 11px; }
.category-shortcut small { margin-top: 2px; color: var(--color-subtle); font-size: 8px; }
.quick-find-links { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: 0 4px 15px rgba(31,41,51,.025); }
.quick-find-links a { min-width: 0; min-height: 88px; display: grid; grid-template-columns: 30px 1fr; align-content: center; column-gap: 9px; padding: 16px 18px; border-right: 1px solid #eee7dd; }
.quick-find-links a:last-child { border-right: 0; }
.quick-find-links a:hover { background: #fff7f2; }
.quick-find-links span { grid-row: 1 / 3; display: grid; place-content: center; width: 30px; height: 30px; color: var(--color-accent); background: var(--color-accent-soft); border-radius: 50%; font-size: 14px; font-weight: 900; }
.quick-find-links b { align-self: end; font-size: 12px; }
.quick-find-links small { align-self: start; margin-top: 2px; color: var(--color-subtle); font-size: 8px; }

/* Live ranking */
.live-ranking-section { padding: 12px 0; background: var(--color-bg); border-bottom: 1px solid var(--color-border); }
.live-ranking-panel { overflow: hidden; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: 0 4px 15px rgba(31,41,51,.025); }
.live-ranking-heading { min-height: 48px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto 34px; align-items: center; gap: 16px; padding: 6px 10px 6px 16px; }
.live-ranking-heading-copy { min-width: 0; display: flex; align-items: center; gap: 9px; }
.live-ranking-heading-copy > i { position: relative; flex: 0 0 auto; width: 13px; height: 13px; border: 1.5px solid #2563eb; border-radius: 50%; }
.live-ranking-heading-copy > i::after { content: ""; position: absolute; right: -4px; bottom: -2px; width: 5px; height: 1.5px; background: #2563eb; transform: rotate(45deg); transform-origin: left center; }
.live-ranking-heading h2 { margin: 0; color: var(--color-text-strong); font-size: 14px; letter-spacing: -.02em; white-space: nowrap; }
.live-ranking-current { min-width: 0; overflow: hidden; }
.live-ranking-current > span { color: var(--color-muted); font-size: 12px; }
.live-ranking-current a { min-width: 0; display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.live-ranking-current b { color: #2563eb; font-size: 13px; font-variant-numeric: tabular-nums; }
.live-ranking-current strong { overflow: hidden; color: var(--color-text-strong); font-size: 13px; white-space: nowrap; text-overflow: ellipsis; }
.live-ranking-current a > span { color: var(--color-muted); font-size: 10px; white-space: nowrap; }
.live-ranking-heading p { display: flex; align-items: center; gap: 7px; margin: 0; color: var(--color-subtle); font-size: 9px; white-space: nowrap; }
.live-ranking-heading p b { color: var(--color-text); }
.live-ranking-heading time { min-width: 54px; font-variant-numeric: tabular-nums; }
.live-ranking-toggle { width: 32px; height: 32px; display: grid; place-content: center; padding: 0; color: var(--color-text); background: transparent; border: 0; border-radius: 6px; cursor: pointer; }
.live-ranking-toggle:hover { background: #f5f2ed; }
.live-ranking-chevron { width: 8px; height: 8px; display: block; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transform-origin: center; transition: transform .18s; }
.is-ranking-open .live-ranking-chevron { transform: translateY(2px) rotate(225deg); }
.live-ranking-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.live-ranking-list[hidden] { display: none; }
.live-ranking-list li { min-width: 0; }
.live-ranking-list li:nth-child(odd) { border-right: 1px solid #eee7dd; }
.live-ranking-list li:nth-child(n+3) { border-top: 1px solid #eee7dd; }
.live-ranking-list a { min-height: 54px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 8px 16px; border-top: 1px solid #eee7dd; transition: background .16s; }
.live-ranking-list a:hover { background: #fff7f2; }
.live-ranking-list a > b { color: var(--color-accent); font-size: 18px; line-height: 1; font-variant-numeric: tabular-nums; }
.live-ranking-list a > span { min-width: 0; }
.live-ranking-list strong { display: block; overflow: hidden; color: var(--color-text-strong); font-size: 14px; line-height: 1.45; white-space: nowrap; text-overflow: ellipsis; }
.live-ranking-list small { display: block; margin-top: 2px; color: var(--color-subtle); font-size: 10px; }
.live-ranking-meta { display: grid; justify-items: end; gap: 3px; }
.live-ranking-list em, .live-ranking-list i { font-size: 10px; font-style: normal; white-space: nowrap; }
.live-ranking-list em { color: var(--color-positive); font-weight: 800; }
.live-ranking-list i { color: var(--color-muted); }
.live-ranking-empty { grid-column: 1 / -1; padding: 28px; color: var(--color-muted); text-align: center; font-size: 12px; }

/* Opportunity cards */
.opportunity-section { padding: var(--space-section) 0; background: #fcfaf7; border-bottom: 1px solid var(--color-border); }
.opportunity-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.opportunity-grid.three-columns { grid-template-columns: repeat(3, 1fr); }
.opportunity-card { min-width: 0; padding: 20px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-card); transition: transform .18s, box-shadow .18s, border-color .18s; }
.opportunity-card:hover { transform: translateY(-3px); border-color: #d9cdbf; box-shadow: var(--shadow-hover); }
.opportunity-card.grade-s { border-top: 3px solid var(--color-gold); }
.opportunity-card.grade-a { border-top: 3px solid var(--color-positive); }
.opportunity-card.grade-b { border-top: 3px solid #748ca4; }
.opportunity-badges { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.opportunity-card h3 { min-height: 55px; margin: 13px 0 18px; color: var(--color-text-strong); font-size: 17px; line-height: 1.55; letter-spacing: -.02em; }
.opportunity-card h3 a:hover { color: var(--color-accent); }
.opportunity-primary { padding: 13px 14px; background: #f7faf8; border-left: 3px solid var(--color-positive); border-radius: 7px; }
.opportunity-primary span { display: block; color: var(--color-muted); font-size: 9px; }
.opportunity-primary strong { display: block; margin-top: 3px; overflow: hidden; color: var(--color-positive); font-size: 18px; white-space: nowrap; text-overflow: ellipsis; }
.opportunity-card-footer { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; margin-top: 16px; }
.opportunity-card-footer .score-badge { justify-self: end; }
.card-cta { color: var(--color-accent); font-size: 10px; font-weight: 850; }
.card-source { margin-top: 15px; padding-top: 12px; overflow: hidden; color: var(--color-subtle); border-top: 1px solid #eee9e2; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }

/* Latest + sidebar */
.information-section { padding: var(--space-section) 0 76px; }
.information-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(300px, .8fr); align-items: start; gap: 28px; }
.article-feed { display: grid; gap: 12px; }
.article-card { min-width: 0; display: grid; grid-template-columns: 165px 1fr; overflow: hidden; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: 0 5px 16px rgba(31,41,51,.035); transition: border-color .18s, box-shadow .18s; }
.article-card:hover { border-color: #d8ccbd; box-shadow: var(--shadow-card); }
.article-visual { min-height: 132px; display: grid; place-content: center; color: #fff; background: var(--color-header); overflow: hidden; }
.article-visual img { width: 100%; height: 100%; object-fit: cover; }
.article-visual:has(img) { display: block; }
.article-visual span { color: #ffb09d; font-size: 10px; }
.article-visual strong { font-size: 34px; }
.article-card-body { min-width: 0; display: grid; align-content: center; padding: 16px 18px; }
.article-card-top { display: flex; align-items: center; gap: 7px; }
.article-card h3 { margin: 8px 0 4px; overflow: hidden; color: var(--color-text-strong); font-size: 16px; line-height: 1.45; white-space: nowrap; text-overflow: ellipsis; }
.article-card h3 a:hover { color: var(--color-accent); }
.article-card p { margin: 0; overflow: hidden; color: var(--color-muted); font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }
.article-signal { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 10px; padding-top: 9px; border-top: 1px solid #eee9e2; }
.article-signal strong { color: var(--color-positive); font-size: 13px; }
.article-signal span { color: var(--color-subtle); font-size: 9px; }
.article-signal span b { color: var(--color-text); font-size: 12px; }
.home-sidebar { display: grid; gap: 20px; }
.deadline-panel, .popular-panel { padding: 20px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-card); }
.deadline-panel { border-top: 3px solid var(--color-accent); }
.side-heading { display: flex; align-items: start; justify-content: space-between; margin-bottom: 12px; }
.side-heading span { color: var(--color-muted); font-size: 9px; }
.side-heading h2 { margin: 2px 0 0; color: var(--color-text-strong); font-size: 19px; }
.side-heading > b { padding: 4px 6px; color: var(--color-accent); background: var(--color-accent-soft); border-radius: 4px; font-size: 8px; }
.deadline-list { display: grid; }
.deadline-list > a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 13px 0; border-top: 1px solid #eee8e0; }
.deadline-list > a:hover strong { color: var(--color-accent); }
.deadline-list div { min-width: 0; }
.deadline-list small { display: block; color: var(--color-subtle); font-size: 8px; }
.deadline-list strong { display: block; overflow: hidden; margin-top: 2px; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }
.deadline-list em { display: block; margin-top: 3px; color: var(--color-positive); font-size: 10px; font-style: normal; font-weight: 750; }
.deadline-list > a > i { color: var(--color-accent); font-size: 11px; font-style: normal; }
.popular-list { margin: 0; padding: 0; list-style: none; }
.popular-list li { border-top: 1px solid #eee8e0; }
.popular-list a { display: grid; grid-template-columns: 23px 1fr auto; align-items: center; gap: 9px; min-height: 58px; }
.popular-list a > b { color: var(--color-accent); font-size: 13px; }
.popular-list span { min-width: 0; }
.popular-list small { display: block; color: var(--color-subtle); font-size: 8px; }
.popular-list strong { display: block; overflow: hidden; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.popular-list em { color: var(--color-muted); font-size: 9px; font-style: normal; }

/* Trust / footer */
.trust-section { padding: 55px 0; background: #eee7dd; border-top: 1px solid var(--color-border-strong); }
.trust-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 75px; }
.trust-grid > div > span { color: var(--color-accent); font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.trust-grid h2 { margin: 10px 0 0; color: var(--color-text-strong); font-size: 32px; line-height: 1.28; letter-spacing: -.04em; }
.trust-grid ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 0; padding: 0; list-style: none; }
.trust-grid li { padding: 19px; background: rgba(255,255,255,.66); border: 1px solid #ded3c5; border-radius: 10px; }
.trust-grid li > b { color: var(--color-accent); font-size: 10px; }
.trust-grid li strong { display: block; margin-top: 13px; font-size: 13px; }
.trust-grid li p { margin: 5px 0 0; color: var(--color-muted); font-size: 10px; line-height: 1.6; }
.site-footer { padding: 30px 0; color: #aeb5bc; background: var(--color-header-deep); }
.footer-grid { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.footer-brand { color: #fff; }
.footer-brand .brand-logo { width: 54px; height: 54px; }
.site-footer p { max-width: 470px; margin: 12px 0 0; font-size: 11px; line-height: 1.7; }
.footer-notice strong { color: #f3f4f4; font-size: 11px; }
.footer-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 24px; color: #d7dbe0; font-size: 12px; }
.footer-links a:hover { color: #ff9d86; }

/* Category, search, pagination */
.page-intro { padding: 47px 0 43px; background: #fbf8f3; border-bottom: 1px solid var(--color-border); }
.page-intro-row { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-top: 26px; }
.page-intro h1 { margin: 3px 0 7px; color: var(--color-text-strong); font-size: 42px; letter-spacing: -.05em; }
.page-intro p { margin: 0; color: var(--color-muted); font-size: 13px; }
.result-count { display: flex; align-items: baseline; gap: 6px; padding: 13px 18px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 9px; }
.result-count strong { color: var(--color-accent); font-size: 25px; }
.result-count span { color: var(--color-muted); font-size: 10px; }
.category-strip-section { padding: 27px 0; border-bottom: 1px solid var(--color-border); }
.category-strip-section .category-shortcuts { box-shadow: none; }
.category-strip-section .category-shortcut { min-height: 85px; }
.listing-section { min-height: 440px; padding: 52px 0 75px; }
.listing-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid #3a424a; font-size: 13px; }
.listing-header h1 { margin: 0; font-size: 18px; line-height: 1.3; letter-spacing: -.025em; }
.listing-header span { color: var(--color-muted); font-size: 10px; }
.support-filter-panel { margin: -4px 0 18px; overflow: hidden; border: 1px solid #d9d9d9; border-radius: 12px; background: #fff; }
.support-filter-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 18px; color: #fff; background: #151515; }
.support-filter-heading strong { display: block; font-size: 15px; }
.support-filter-heading span { display: block; margin-top: 3px; color: #c7c7c7; font-size: 10px; }
.support-filter-heading a { color: #fff; font-size: 10px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.support-keyword-search { display: grid; grid-template-columns: 58px minmax(0, 1fr) 64px; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid #e7e7e7; }
.support-keyword-search > span { color: #4b4b4b; font-size: 11px; font-weight: 850; }
.support-keyword-search input { width: 100%; height: 38px; padding: 0 12px; border: 1px solid #d8d8d8; border-radius: 7px; font-size: 12px; }
.support-keyword-search button { height: 38px; color: #fff; background: #111; border: 0; border-radius: 7px; font-size: 11px; font-weight: 850; cursor: pointer; }
.support-filter-groups { display: grid; grid-template-columns: 1fr 1.35fr; }
.support-filter-groups fieldset { min-width: 0; margin: 0; padding: 13px 16px 15px; border: 0; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.support-filter-groups fieldset:nth-child(2n) { border-right: 0; }
.support-filter-groups legend { width: 100%; padding: 0 0 9px; color: #333; font-size: 11px; font-weight: 900; }
.support-filter-groups fieldset > div { display: flex; flex-wrap: wrap; gap: 7px; }
.support-filter-groups label { display: inline-flex; align-items: center; gap: 5px; min-height: 31px; padding: 5px 9px; color: #4d4d4d; border: 1px solid #dedede; border-radius: 7px; background: #fafafa; font-size: 10px; font-weight: 750; cursor: pointer; }
.support-filter-groups label:has(input:checked) { color: #fff; border-color: #111; background: #111; }
.support-filter-groups input { width: 14px; height: 14px; margin: 0; accent-color: #111; }
.support-filter-groups small { color: #8a8a8a; font-size: 8px; }
.support-filter-groups label:has(input:checked) small { color: #cecece; }
.support-filter-result { padding: 10px 16px; color: #606060; background: #f8f8f8; font-size: 10px; text-align: right; }
.support-filter-result b { color: #111; font-size: 13px; }
.support-list { overflow: hidden; border: 1px solid #dedede; border-radius: 12px; background: #fff; }
.support-list-row { display: grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 16px; padding: 18px 20px; }
.support-list-row + .support-list-row { border-top: 1px solid #e8e8e8; }
.support-list-row:hover { background: #fbfbfb; }
.support-list-main { min-width: 0; }
.support-list-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.support-list-tags span { max-width: 100%; padding: 4px 7px; overflow: hidden; color: #555; border-radius: 5px; background: #f0f1f2; font-size: 9px; font-weight: 760; white-space: nowrap; text-overflow: ellipsis; }
.support-list-main h2 { display: flex; align-items: flex-start; gap: 9px; margin: 9px 0 12px; font-size: 16px; line-height: 1.45; letter-spacing: -.02em; }
.support-list-main h2 .deadline-badge { flex: 0 0 auto; min-width: 48px; margin-top: 1px; padding: 4px 7px; color: #fff; background: #111; font-size: 10px; line-height: 1.45; text-align: center; }
.support-list-main h2 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.support-list-facts { display: grid; gap: 6px; margin: 0; }
.support-list-facts > div { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 9px; }
.support-list-facts dt { color: #626262; font-size: 10px; font-weight: 850; }
.support-list-facts dd { min-width: 0; margin: 0; overflow: hidden; color: #555; font-size: 10px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; }
.support-list-action { display: grid; align-content: center; justify-items: end; gap: 9px; border-left: 1px solid #ededed; }
.support-list-action > a { font-size: 10px; font-weight: 850; }
.support-list-action > small { color: #8b8b8b; font-size: 9px; }
.support-list-engagement { grid-column: 1 / -1; }
.support-list-empty { padding: 60px 20px; text-align: center; }
.support-list-empty strong { font-size: 15px; }
.support-list-empty p { margin: 8px 0 0; color: #747474; font-size: 11px; }
.baby-board-controls, .deal-board-controls { margin: -4px 0 16px; overflow: hidden; border: 1px solid var(--color-border); border-radius: 10px; background: #fff; }
.baby-drop-brands { margin: 0 0 16px; padding: 18px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface); }
.baby-drop-brands-copy { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0; cursor: pointer; list-style: none; }
.baby-drop-brands-copy::-webkit-details-marker { display: none; }
.baby-drop-brands-copy > span { min-width: 0; display: grid; gap: 4px; }
.baby-drop-brands-copy strong { font-size: 18px; }
.baby-drop-brands-copy small { color: var(--color-muted); font-size: 12px; font-weight: 500; line-height: 1.45; }
.baby-drop-brands-copy > b::after { content: "접기"; display: inline-flex; padding: 6px 9px; color: var(--color-text); border: 1px solid var(--color-border); border-radius: 999px; font-size: 10px; white-space: nowrap; }
.baby-drop-brands:not([open]) .baby-drop-brands-copy > b::after { content: "브랜드 보기"; }
.baby-drop-brand-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; max-height: 302px; margin-top: 14px; padding-right: 5px; overflow-y: auto; scrollbar-gutter: stable; }
.baby-drop-brand-links article { min-width: 0; padding: 12px; border: 1px solid var(--color-border); border-radius: 9px; background: var(--color-surface-muted); }
.baby-drop-brand-links strong, .baby-drop-brand-links span { display: block; }
.baby-drop-brand-links strong { overflow-wrap: anywhere; font-size: 14px; }
.baby-drop-brand-links span { margin-top: 3px; color: var(--color-muted); font-size: 10px; }
.baby-drop-brand-links div { display: flex; flex-wrap: wrap; gap: 7px 10px; margin-top: 9px; }
.baby-drop-brand-links a { max-width: 100%; color: var(--color-text); border-bottom: 1px solid currentColor; font-size: 11px; font-weight: 800; overflow-wrap: anywhere; }
.baby-drop-tip { margin: 13px 0 0; color: var(--color-muted); font-size: 11px; }
.baby-drop-tip b { margin-right: 5px; color: var(--color-text); }
.baby-type-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.baby-type-tabs a { display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 47px; padding: 8px 6px; color: #4b5563; border-right: 1px solid #ece7df; border-bottom: 1px solid #ece7df; font-size: 11px; font-weight: 780; text-align: center; }
.baby-type-tabs a:nth-child(4n) { border-right: 0; }
.baby-type-tabs a:nth-last-child(-n+4) { border-bottom: 0; }
.baby-type-tabs a:hover { background: #f8f8f8; }
.baby-type-tabs a.active { color: #fff; background: #111; }
.baby-type-tabs b { min-width: 20px; padding: 2px 5px; color: #6b7280; border-radius: 999px; background: #f0f1f2; font-size: 9px; }
.baby-type-tabs a.active b { color: #111; background: #fff; }
.baby-filter-row, .deal-filter-row { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 8px; align-items: start; min-height: 43px; padding: 8px 12px; border-top: 1px solid var(--color-border); background: #fafafa; }
.baby-filter-row > strong, .deal-filter-row > strong { padding-top: 7px; color: #4b5563; font-size: 10px; }
.baby-filter-row nav, .deal-filter-row nav { display: flex; flex-wrap: wrap; gap: 5px; min-width: 0; }
.baby-filter-row a, .deal-filter-row a { display: inline-flex; align-items: center; gap: 4px; min-height: 29px; padding: 5px 9px; color: #555; border: 1px solid transparent; border-radius: 999px; font-size: 10px; font-weight: 730; }
.baby-filter-row a:hover, .deal-filter-row a:hover { border-color: #d7d7d7; background: #fff; }
.baby-filter-row a.active, .deal-filter-row a.active { color: #fff; background: #111; }
.baby-filter-row small, .deal-filter-row small { color: #8a8a8a; font-size: 8px; }
.baby-filter-row a.active small, .deal-filter-row a.active small { color: #d9d9d9; }
.baby-filter-summary, .deal-filter-summary { margin: 0; padding: 8px 12px; color: #6b7280; border-top: 1px solid var(--color-border); background: #fff; font-size: 10px; font-weight: 760; text-align: right; }
.category-board-intro { padding-block: 27px 25px; }
.category-board-intro .page-intro-row { align-items: center; margin-top: 13px; }
.category-board-intro h1 { margin-bottom: 4px; font-size: 32px; }
.board-listing-section { min-height: 260px; padding-block: 28px 55px; }
.deal-board { overflow: hidden; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 10px; box-shadow: 0 5px 17px rgba(35,42,48,.04); }
.deal-board-header, .deal-board-row { display: grid; grid-template-columns: 48px minmax(0, 1fr) minmax(130px, 170px) 135px 95px; align-items: center; gap: 12px; }
.deal-board-header { min-height: 38px; padding: 0 16px; color: #69737c; background: #f6f3ee; border-bottom: 1px solid var(--color-border-strong); font-size: 9px; font-weight: 850; text-align: center; }
.deal-board-header span:nth-child(2) { text-align: left; }
.deal-board-list { margin: 0; padding: 0; list-style: none; }
.deal-board-list li + li { border-top: 1px solid #eee8e0; }
.deal-board-row { min-height: 72px; padding: 10px 16px; transition: background .15s ease; }
.deal-board-row:hover { background: #fffaf6; }
.discovery-board-row { background: #fffdfb; }
.discovery-board-row .deal-board-main { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 11px; }
.deal-board-thumb { position: relative; display: block; overflow: hidden; width: 52px; height: 52px; border: 1px solid #eadfd2; border-radius: 9px; background: #fff3e8; text-align: center; }
.deal-board-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.product-photo-empty { display: grid !important; place-items: center; border-color: #e4e0da !important; background: #f6f5f3 !important; }
.product-photo-empty > span[aria-hidden="true"] { color: #8b8b88; font-size: 8px; font-weight: 800; line-height: 1.35; text-align: center; }
.deal-board-image-fallback { display: grid; width: 100%; height: 100%; place-content: center; gap: 2px; color: #555; text-align: center; }
.deal-board-image-fallback b { font-size: 20px; line-height: 1; }
.deal-board-image-fallback small { font-size: 8px; font-weight: 800; }
.deal-board-thumb.has-product-image .deal-board-image-fallback { display: none; }
.deal-board-thumb.image-load-failed img { display: none; }
.deal-board-thumb.image-load-failed .deal-board-image-fallback { display: grid; }
.raffle-signal-thumb { border-color: #ffd1ad !important; background: #fff4ea !important; }
.raffle-signal-thumb > span[aria-hidden="true"] { font-size: 23px; line-height: 1; }
.deal-board-copy { min-width: 0; }
.deal-board-copy > strong { display: block; overflow: hidden; color: var(--color-text-strong); font-size: 13px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; }
.deal-board-copy > small { display: flex; align-items: center; gap: 7px; margin-top: 6px; overflow: hidden; color: var(--color-subtle); font-size: 8px; white-space: nowrap; }
.deal-board-copy > small b { flex: 0 0 auto; color: #d95500; }
.deal-board-copy > small span { overflow: hidden; text-overflow: ellipsis; }
.deal-board-copy > small time { flex: 0 0 auto; }
.discovery-board-row .deal-board-main > small b,
.discovery-board-row .deal-board-value strong { color: #d95500; }
.discovery-board-row .deal-board-deadline b { color: #6b7280; }
.deal-board-rank { color: var(--color-accent); font-size: 16px; font-weight: 900; text-align: center; }
.deal-board-main { min-width: 0; }
.deal-board-main > strong { display: block; overflow: hidden; color: var(--color-text-strong); font-size: 13px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; }
.deal-board-main > small { display: flex; align-items: center; gap: 7px; margin-top: 6px; overflow: hidden; color: var(--color-subtle); font-size: 8px; white-space: nowrap; }
.deal-board-main > small b { flex: 0 0 auto; color: var(--color-positive); }
.deal-board-main > small span { overflow: hidden; text-overflow: ellipsis; }
.deal-board-main > small time { flex: 0 0 auto; }
.deal-board-value, .deal-board-source, .deal-board-deadline { min-width: 0; text-align: center; }
.deal-board-value small, .deal-board-source small, .deal-board-deadline small { display: block; color: var(--color-subtle); font-size: 8px; }
.deal-board-value strong, .deal-board-source strong { display: block; margin-top: 3px; overflow: hidden; color: var(--color-text-strong); font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }
.deal-board-value strong { color: var(--color-positive); font-size: 13px; }
.deal-board-deadline b { display: block; color: var(--color-accent); font-size: 11px; }
.deal-board-deadline b.expired { color: var(--color-subtle); }
.deal-board-deadline small { margin-top: 4px; }
.deal-board-empty { display: grid; place-content: center; min-height: 128px; padding: 28px; text-align: center; }
.deal-board-empty strong { font-size: 13px; }
.deal-board-empty span { margin-top: 7px; color: var(--color-muted); font-size: 10px; }

.raffle-calendar { margin-bottom: 26px; overflow: hidden; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; box-shadow: 0 5px 17px rgba(35,42,48,.04); }
.raffle-calendar-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px 12px 16px; color: #fff; background: #111; cursor: pointer; list-style: none; }
.raffle-calendar-summary::-webkit-details-marker { display: none; }
.raffle-calendar:not([open]) > :not(summary) { display: none; }
.raffle-calendar-summary strong { font-size: 14px; }
.raffle-calendar-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 30px; padding: 0 11px; color: #fff; background: #ff4d1f; border-radius: 999px; font-size: 11px; font-weight: 900; }
.raffle-calendar-toggle i, .raffle-calendar-day-more summary i { width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .18s ease; }
.raffle-calendar[open] .raffle-calendar-toggle i, .raffle-calendar-day-more[open] summary i { transform: translateY(2px) rotate(225deg); }
.raffle-calendar-summary .when-closed, .raffle-calendar[open] .raffle-calendar-summary .when-open { display: inline; }
.raffle-calendar-summary .when-open, .raffle-calendar[open] .raffle-calendar-summary .when-closed { display: none; }
.raffle-calendar-toolbar { display: grid; grid-template-columns: 42px minmax(0,1fr) 42px; align-items: center; padding: 13px 16px; border-bottom: 1px solid #e8e3dd; text-align: center; }
.raffle-calendar-toolbar > a { display: grid; place-items: center; width: 34px; height: 34px; color: #111; border: 1px solid #d8d3cd; border-radius: 50%; font-size: 24px; line-height: 1; text-decoration: none; }
.raffle-calendar-toolbar > a:last-child { justify-self: end; }
.raffle-calendar-toolbar h2 { margin: 0; font-size: 18px; line-height: 1.25; }
.raffle-calendar-toolbar span { display: block; margin-top: 3px; color: var(--color-muted); font-size: 10px; }
.raffle-calendar-scroll { overflow-x: auto; }
.raffle-calendar-weekdays, .raffle-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(112px, 1fr)); min-width: 784px; }
.raffle-calendar-weekdays span { padding: 8px 5px; color: #6b7280; background: #f7f5f2; border-bottom: 1px solid #e8e3dd; font-size: 10px; font-weight: 800; text-align: center; }
.raffle-calendar-day { min-height: 104px; padding: 8px; border-right: 1px solid #eeeae5; border-bottom: 1px solid #eeeae5; background: #fff; }
.raffle-calendar-day:nth-child(7n) { border-right: 0; }
.raffle-calendar-day > time { display: inline-grid; place-items: center; width: 24px; height: 24px; color: #4b5563; border-radius: 50%; font-size: 11px; font-weight: 800; }
.raffle-calendar-day.today > time { color: #fff; background: #111; }
.raffle-calendar-day.outside-month { background: #faf9f7; }
.raffle-calendar-day.outside-month > time { color: #c0bbb5; }
.raffle-calendar-day > a, .raffle-calendar-day-more a { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 5px; margin-top: 5px; padding: 5px 6px; color: #1f2937; background: #fff2e8; border-radius: 6px; font-size: 9px; line-height: 1.3; text-decoration: none; }
.raffle-calendar-day > a b, .raffle-calendar-day-more a b { color: #e35205; }
.raffle-calendar-day > a span, .raffle-calendar-day-more a span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.raffle-calendar-day-more { margin-top: 5px; }
.raffle-calendar-day-more > summary { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 27px; padding: 4px 6px; color: #111; background: #f1eee9; border: 1px solid #ddd6cf; border-radius: 6px; cursor: pointer; font-size: 9px; font-weight: 900; line-height: 1.2; list-style: none; text-align: center; }
.raffle-calendar-day-more > summary::-webkit-details-marker { display: none; }
.raffle-calendar-day-more:not([open]) > div { display: none; }
.raffle-calendar-day-more > summary .when-open, .raffle-calendar-day-more[open] > summary .when-closed { display: none; }
.raffle-calendar-day-more[open] > summary .when-open { display: inline; }
.raffle-calendar-note { margin: 0; padding: 10px 16px; color: #6b7280; background: #faf9f7; font-size: 10px; }
.raffle-list-heading { margin-top: 0; }
.raffle-list-heading h2 { margin: 0; font-size: 16px; }
@media (max-width: 720px) {
    .baby-drop-brands { padding: 14px; }
    .baby-drop-brands-copy { gap: 9px; }
    .baby-drop-brands-copy strong { font-size: 16px; }
    .baby-drop-brands-copy small { font-size: 10px; line-height: 1.45; }
    .baby-drop-brand-links { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 274px; margin-top: 11px; }
    .baby-drop-brand-links article { padding: 10px; }
    .baby-drop-brand-links strong { font-size: 12px; }
    .baby-drop-brand-links a { font-size: 10px; }
    .baby-drop-tip { line-height: 1.55; }
    .raffle-calendar { margin-bottom: 18px; border-radius: 9px; }
    .raffle-calendar-toolbar { grid-template-columns: 36px minmax(0,1fr) 36px; padding: 10px; }
    .raffle-calendar-toolbar > a { width: 30px; height: 30px; font-size: 21px; }
    .raffle-calendar-toolbar h2 { font-size: 16px; }
    .raffle-calendar-weekdays, .raffle-calendar-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); min-width: 0; }
    .raffle-calendar-day { min-height: 66px; padding: 3px; }
    .raffle-calendar-day > time { width: 20px; height: 20px; font-size: 9px; }
    .raffle-calendar-summary { padding: 10px 10px 10px 12px; }
    .raffle-calendar-toggle { min-height: 28px; padding: 0 9px; font-size: 10px; }
    .raffle-calendar-day > a, .raffle-calendar-day-more a { display: block; margin-top: 3px; padding: 3px 2px; font-size: 7px; text-align: center; }
    .raffle-calendar-day > a b, .raffle-calendar-day-more a b { display: block; }
    .raffle-calendar-day > a span, .raffle-calendar-day-more a span { display: none; }
    .raffle-calendar-day-more { margin-top: 3px; }
    .raffle-calendar-day-more > summary { min-height: 24px; padding: 3px 1px; font-size: 7px; }
    .raffle-calendar-day-more > summary i { display: none; }
}

.vip-management-form { display: grid; grid-template-columns: minmax(220px, 1fr) 130px auto auto; gap: 10px; align-items: end; }
.vip-management-form label { min-width: 0; display: grid; gap: 6px; color: var(--color-muted); font-size: 11px; font-weight: 800; }
.vip-management-form input, .vip-management-form select { width: 100%; min-height: 42px; padding: 0 12px; color: var(--color-text-strong); background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: 8px; }
.vip-member-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.vip-member-list > span { display: grid; gap: 2px; padding: 8px 10px; color: var(--color-text); background: var(--color-surface-muted); border: 1px solid var(--color-border); border-radius: 8px; }
.vip-member-list small { color: var(--color-muted); font-size: 10px; }
.member-directory-search { display: grid; grid-template-columns: auto minmax(220px, 1fr) auto auto; gap: 9px; align-items: center; margin-bottom: 14px; }
.member-directory-search label { color: var(--color-muted); font-size: 11px; font-weight: 850; }
.member-directory-search input { width: 100%; min-height: 42px; padding: 0 12px; color: var(--color-text-strong); background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: 8px; }
.member-directory-search > a { color: var(--color-text); font-size: 11px; font-weight: 800; text-decoration: underline; }
.member-directory-table { min-width: 1080px; }
.member-directory-table th, .member-directory-table td { padding: 9px 10px; font-size: 11px; vertical-align: middle; }
.member-directory-table td > strong, .member-directory-table td > small { display: block; }
.member-directory-table td > small { margin-top: 3px; color: var(--color-muted); font-size: 9px; }
.member-provider { display: inline-flex; margin: 1px 3px 1px 0; padding: 3px 6px; color: var(--color-text); background: var(--color-surface-muted); border-radius: 999px; font-size: 9px; font-weight: 850; }
.vip-active { color: #008a52; }
.member-vip-action button { min-height: 31px; padding: 0 9px; color: var(--color-text-strong); background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: 7px; font-size: 10px; font-weight: 850; cursor: pointer; }
.member-directory-pages { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 14px; font-size: 11px; font-weight: 800; }
.member-directory-pages a { color: var(--color-text-strong); text-decoration: underline; }
@media (max-width: 720px) {
    .vip-management-form { grid-template-columns: 1fr 110px; }
    .vip-management-form .button { width: 100%; }
    .member-directory-search { grid-template-columns: 1fr auto; }
    .member-directory-search label { grid-column: 1 / -1; }
    .member-directory-search > a { grid-column: 1 / -1; }
}
.pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-top: 34px; }
.pagination a { width: fit-content; padding: 9px 13px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 7px; font-size: 11px; font-weight: 800; }
.pagination a:last-child { justify-self: end; }
.pagination a:hover { color: var(--color-accent); border-color: #dfb8aa; }
.pagination strong { font-size: 12px; }
.pagination small { color: var(--color-subtle); font-weight: 500; }
.search-hero { padding: 62px 0 52px; background: #fbf8f3; border-bottom: 1px solid var(--color-border); text-align: center; }
.search-hero h1 { margin: 9px 0 8px; color: var(--color-text-strong); font-size: 40px; letter-spacing: -.05em; }
.search-hero > .shell > p { margin: 0; color: var(--color-muted); font-size: 13px; }
.search-form-large { display: grid; grid-template-columns: 1fr auto; margin-top: 27px; padding: 6px; background: #fff; border: 1px solid var(--color-border-strong); border-radius: 11px; box-shadow: var(--shadow-card); }
.search-form-large input { min-width: 0; height: 50px; padding: 0 15px; border: 0; outline: 0; font-size: 14px; }
.search-form-large button { padding: 0 24px; color: #fff; background: var(--color-accent); border: 0; border-radius: 7px; font-size: 12px; font-weight: 850; cursor: pointer; }
.search-form-large button:hover { background: var(--color-accent-hover); }
.search-suggestions { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 14px; color: var(--color-subtle); font-size: 9px; }
.search-suggestions a { padding: 4px 8px; color: #58616a; background: #fff; border: 1px solid var(--color-border); border-radius: 20px; }
.search-feed { max-width: 900px; margin-inline: auto; }

/* Article detail */
.detail-shell { padding: 49px 0 85px; }
.article-layout { display: grid; grid-template-columns: minmax(0, 820px) 310px; align-items: start; gap: 32px; }
.article-layout-public { grid-template-columns: minmax(0, 940px); justify-content: center; }
.article-main { min-width: 0; padding: 39px 44px 46px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); }
.article-kicker { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.article-kicker time { margin-left: auto; color: var(--color-subtle); font-size: 9px; }
.article-main h1 { margin: 18px 0 13px; color: var(--color-text-strong); font-size: clamp(32px, 4vw, 45px); line-height: 1.27; letter-spacing: -.05em; }
.article-main .lead { margin: 0 0 29px; color: #59636d; font-size: 16px; line-height: 1.75; }
.expired-banner { display: flex; align-items: center; gap: 13px; margin-bottom: 25px; padding: 14px 16px; color: #743c36; background: #fff2ef; border: 1px solid #efd3cc; border-radius: 9px; }
.expired-banner > span { padding: 4px 7px; color: #fff; background: var(--color-danger); border-radius: 4px; font-size: 9px; font-weight: 900; }
.expired-banner strong { font-size: 12px; }
.expired-banner p { margin: 2px 0 0; font-size: 10px; }
.certainty { padding: 5px 8px; color: #1b6c4f; background: var(--color-positive-soft); border-radius: 6px; font-size: 9px; font-weight: 850; }
.certainty-analysis { color: #49657e; background: #edf3f8; }
.certainty-estimate { color: #7a5618; background: var(--color-gold-soft); }
.opportunity-summary-card { display: grid; grid-template-columns: 180px 1fr; margin: 30px 0; overflow: hidden; background: var(--color-surface-warm); border: 1px solid var(--color-border-strong); border-radius: 12px; }
.summary-score { display: grid; align-content: center; padding: 22px; color: #fff; background: var(--color-header); }
.summary-score.grade-s { color: #3e2c0d; background: var(--color-gold); }
.summary-score.grade-a { background: var(--color-positive); }
.summary-score span { font-size: 9px; font-weight: 750; }
.summary-score strong { font-size: 48px; line-height: 1.1; }
.summary-score small { font-size: 9px; font-weight: 700; }
.opportunity-summary-card dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 12px 20px; }
.opportunity-summary-card dl > div { padding: 11px 7px; border-bottom: 1px solid #ebe2d7; }
.opportunity-summary-card dl > div:nth-last-child(-n+2) { border-bottom: 0; }
.opportunity-summary-card dt { color: var(--color-muted); font-size: 9px; }
.opportunity-summary-card dd { margin: 3px 0 0; color: var(--color-text-strong); font-size: 12px; font-weight: 800; }
.opportunity-summary-card .summary-value dd { color: var(--color-positive); font-size: 15px; }
.article-thumbnail { margin: 31px 0 35px; }
.article-thumbnail img { width: 100%; border-radius: 10px; }
.article-thumbnail figcaption { margin-top: 6px; color: var(--color-subtle); font-size: 9px; text-align: right; }
.article-body { color: #35404a; font-size: 15px; line-height: 1.95; }
.verified-facts { margin: 30px 0; padding: 22px; background: #f8faf9; border: 1px solid #d9e6df; border-radius: 12px; }
.verified-facts h2 { margin: 0 0 16px; font-size: 20px; }
.verified-facts div + div { margin-top: 14px; padding-top: 14px; border-top: 1px solid #e3ebe6; }
.verified-facts h3 { margin: 0 0 5px; color: var(--color-positive); font-size: 12px; }
.verified-facts p { margin: 0; color: #35404a; font-size: 13px; line-height: 1.75; white-space: pre-line; }
.article-body p { margin: 0 0 21px; }
.article-body h2 { position: relative; margin: 43px 0 13px; padding-left: 13px; color: var(--color-text-strong); font-size: 21px; letter-spacing: -.025em; }
.article-body h2::before { content: ""; position: absolute; left: 0; top: .25em; bottom: .25em; width: 4px; background: var(--color-accent); border-radius: 2px; }
.article-body h2:first-child { margin-top: 0; }
.source-panel { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 43px; padding: 18px; background: #f7faf8; border: 1px solid #d9e6df; border-radius: 10px; }
.source-panel > div { display: flex; align-items: center; min-width: 0; }
.source-panel strong { font-size: 12px; }
.source-panel p { margin: 2px 0 0; color: var(--color-muted); font-size: 9px; }
.source-panel > a { flex-shrink: 0; padding: 9px 12px; color: #fff; background: var(--color-positive); border-radius: 7px; font-size: 10px; font-weight: 850; }
.opportunity-summary-card.action-first { grid-template-columns: 180px minmax(0, 1fr); }
.summary-card-heading { display: grid; align-content: center; padding: 22px; color: #fff; background: var(--color-header); }
.summary-card-heading span { color: #cbd1d6; font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.summary-card-heading strong { margin-top: 5px; font-size: 18px; line-height: 1.35; }
.summary-card-heading small { margin-top: 8px; color: #e7ebee; font-size: 10px; font-weight: 700; line-height: 1.55; }
.opportunity-summary-card dd small { display: block; margin-top: 4px; color: var(--color-muted); font-size: 10px; font-weight: 600; line-height: 1.55; }
.opportunity-summary-card dl > .summary-wide { grid-column: 1 / -1; }
.opportunity-summary-card dl > .summary-wide dd { font-size: 12px; line-height: 1.65; font-weight: 650; }
.article-fact-section { margin-top: 34px; color: #35404a; }
.article-fact-section h2 { position: relative; margin: 0 0 13px; padding-left: 13px; color: var(--color-text-strong); font-size: 21px; letter-spacing: -.025em; }
.article-fact-section h2::before { content: ""; position: absolute; left: 0; top: .25em; bottom: .25em; width: 4px; background: var(--color-accent); border-radius: 2px; }
.article-fact-section p { margin: 0; font-size: 14px; line-height: 1.85; white-space: pre-line; }
.article-fact-section ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.article-fact-section li { position: relative; padding-left: 17px; font-size: 13px; line-height: 1.75; }
.article-fact-section li::before { content: "✓"; position: absolute; left: 0; color: var(--color-positive); font-weight: 900; }
.target-main { padding: 16px 18px; color: var(--color-text-strong); background: #f7faf8; border-left: 4px solid var(--color-positive); border-radius: 0 8px 8px 0; font-weight: 800; }
.target-basis { margin-top: 12px; padding: 13px 16px; background: #f7f8fa; border-radius: 8px; }
.target-basis > strong { display: block; margin-bottom: 7px; color: var(--color-muted); font-size: 9px; }
.focus-group-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.focus-group { min-width: 0; padding: 17px 18px; background: #f7f8fa; border: 1px solid var(--color-border); border-radius: 8px; }
.focus-group h3 { margin: 0 0 10px; color: var(--color-text-strong); font-size: 14px; }
.focus-group ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; }
.focus-group li { overflow-wrap: anywhere; }
.benefit-bullet-list > li > strong { color: var(--color-text-strong); font-size: 14px; }
.article-fact-section .benefit-bullet-list ul { gap: 3px; margin-top: 6px; padding-left: 4px; }
.article-fact-section .benefit-bullet-list ul li { color: var(--color-muted); font-size: 11px; }
.article-fact-section .benefit-bullet-list ul li::before { content: "—"; color: var(--color-subtle); }
.key-fact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 4px 0 34px; overflow: hidden; background: var(--color-border); border: 1px solid var(--color-border); border-radius: 10px; }
.key-fact-grid > div { min-width: 0; padding: 17px 18px; background: #fff; }
.key-fact-grid span { display: block; margin-bottom: 6px; color: var(--color-muted); font-size: 9px; font-weight: 850; letter-spacing: .04em; }
.key-fact-grid strong { display: block; color: var(--color-text-strong); font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
.application-section ol { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; counter-reset: application-step; }
.application-section ol li { position: relative; min-height: 28px; padding: 5px 0 5px 38px; font-size: 13px; line-height: 1.7; counter-increment: application-step; }
.application-section ol li::before { content: counter(application-step); position: absolute; left: 0; top: 3px; width: 28px; height: 28px; display: grid; place-content: center; color: #fff; background: var(--color-accent); border-radius: 50%; font-size: 10px; font-weight: 900; }
.contact-section { padding: 20px; background: #f7f8fa; border: 1px solid var(--color-border); border-radius: 10px; }
.faq-section details { border-top: 1px solid var(--color-border); }
.faq-section details:last-child { border-bottom: 1px solid var(--color-border); }
.faq-section summary { padding: 14px 2px; color: var(--color-text-strong); font-size: 13px; font-weight: 850; cursor: pointer; }
.faq-section details p { padding: 0 2px 16px; color: var(--color-muted); }
.grounding-note { margin: 13px 0 0; padding: 10px 12px; color: var(--color-muted); background: #f5f8f6; border-left: 3px solid var(--color-positive); font-size: 9px; line-height: 1.65; }
.verified-media img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.condition-section { padding: 20px; background: #fff9ef; border: 1px solid #eadcc1; border-radius: 10px; }
.condition-section li::before { content: "•"; color: #9d6d20; }
.value-section { padding: 20px; background: #f7faf8; border: 1px solid #d9e6df; border-radius: 10px; }
.custom-article-body { padding-top: 30px; border-top: 1px solid var(--color-border); }
.public-score-note { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 13px; margin-top: 18px; padding: 13px 16px; color: var(--color-muted); background: #f7f5f2; border-radius: 8px; }
.public-score-note span { font-size: 8px; font-weight: 850; letter-spacing: .06em; }
.public-score-note strong { color: var(--color-text-strong); font-size: 11px; }
.public-score-note small { flex-basis: 100%; font-size: 8px; }
.detail-cta-row { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 9px; }
.top-cta-row { justify-content: flex-start; margin: -17px 0 30px; }
.external-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; border-radius: 8px; font-size: 11px; font-weight: 850; }
.external-cta.primary { color: #fff; background: var(--color-accent); }
.external-cta.secondary { color: var(--color-text-strong); background: #fff; border: 1px solid var(--color-border-strong); }
.demo-data-note, .link-pending-note { padding: 7px 10px; color: var(--color-muted); background: #eef0f1; border-radius: 6px; font-size: 9px; font-weight: 800; }
.dashboard-source-links { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.dashboard-source-links a, .dashboard-source-links b { padding: 3px 5px; color: var(--color-accent); background: #fff5f1; border: 1px solid #efc8bd; border-radius: 4px; font-size: 8px; }
.related-section { margin-top: 48px; }
.related-list { border-top: 2px solid #3b434b; }
.related-list a { display: grid; grid-template-columns: 90px 1fr 115px auto; align-items: center; gap: 12px; padding: 15px 4px; border-bottom: 1px solid var(--color-border); }
.related-list strong { font-size: 11px; }
.related-list em { color: var(--color-positive); font-size: 10px; font-style: normal; font-weight: 800; }
.related-list i { color: var(--color-accent); font-size: 9px; font-style: normal; }
.score-panel { padding: 22px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-card); }
.sticky-panel { position: sticky; top: 125px; }
.score-panel-head { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.score-panel-head span { color: var(--color-muted); font-size: 9px; }
.score-panel h2 { margin: 2px 0 0; font-size: 16px; }
.score-total { display: flex; align-items: baseline; margin: 18px 0 4px; padding: 15px; background: #faf7f2; border-radius: 9px; }
.score-total strong { color: var(--color-text-strong); font-size: 47px; line-height: 1; }
.score-total span { color: var(--color-subtle); font-size: 10px; }
.score-panel > p { margin: 10px 0 16px; color: var(--color-muted); font-size: 10px; line-height: 1.6; }
.score-panel ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--color-border); }
.score-panel li { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--color-border); font-size: 10px; }
.score-panel li span { color: var(--color-muted); }
.score-panel li b { color: var(--color-text-strong); }
.score-panel > small { display: block; margin-top: 14px; color: var(--color-subtle); font-size: 8px; line-height: 1.6; }

/* Dashboard */
.dashboard-hero { padding: 44px 0 39px; color: #fff; background: var(--color-header); }
.dashboard-titlebar { display: flex; justify-content: space-between; align-items: end; }
.dashboard-titlebar .eyebrow { color: #afb7be; font-size: 10px; }
.dashboard-titlebar h1 { margin: 8px 0 0; font-size: 37px; letter-spacing: -.04em; }
.dashboard-titlebar h1 em { color: #ff9b82; font-style: normal; }
.dashboard-titlebar p { margin: 4px 0 0; color: #aeb5bc; font-size: 12px; }
.run-dot { width: 7px; height: 7px; background: #fff; border-radius: 50%; }
.radar-actions { display: flex; align-items: center; gap: 8px; }
.radar-actions form { margin: 0; }
.radar-actions .button { min-height: 39px; border: 0; cursor: pointer; }
.dashboard-section { min-height: 620px; padding: 30px 0 75px; }
.dashboard-start { min-height: 0; padding-bottom: 12px; background: #f4f1ec; }
.dashboard-welcome { display: grid; grid-template-columns: minmax(230px, .72fr) minmax(0, 1.7fr); gap: 26px; padding: 24px; background: #fff; border: 1px solid var(--color-border); border-radius: 12px; box-shadow: 0 8px 24px rgba(32, 38, 44, .04); }
.dashboard-kicker { color: var(--color-positive); font-size: 10px; font-weight: 900; }
.dashboard-welcome h2 { margin: 6px 0 7px; font-size: 23px; }
.dashboard-welcome p { margin: 0; color: var(--color-muted); font-size: 11px; line-height: 1.7; }
.dashboard-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.dashboard-steps li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 9px; align-items: start; padding: 12px; background: #faf8f5; border: 1px solid #ece6de; border-radius: 9px; }
.dashboard-steps li > b { width: 28px; height: 28px; display: grid; place-content: center; color: #fff; background: var(--color-header); border-radius: 50%; font-size: 11px; }
.dashboard-steps span, .dashboard-steps strong, .dashboard-steps small { display: block; }
.dashboard-steps strong { color: var(--color-text-strong); font-size: 10px; }
.dashboard-steps small { margin-top: 3px; color: var(--color-muted); font-size: 8px; line-height: 1.45; }
.dashboard-quick-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-top: 11px; }
.dashboard-quick-stats a { padding: 15px 17px; color: inherit; background: #fff; border: 1px solid var(--color-border); border-radius: 9px; }
.dashboard-quick-stats a:hover { border-color: #cbbfb0; transform: translateY(-1px); }
.dashboard-quick-stats span, .dashboard-quick-stats strong, .dashboard-quick-stats small { display: block; }
.dashboard-quick-stats span { color: var(--color-muted); font-size: 9px; font-weight: 800; }
.dashboard-quick-stats strong { margin: 3px 0; font-size: 25px; }
.dashboard-quick-stats small { color: var(--color-subtle); font-size: 8px; }
.dashboard-quick-stats .needs-attention { color: #8d3730; background: #fff4f1; border-color: #dfb4ae; }
.dashboard-jump { display: flex; flex-wrap: wrap; gap: 7px; margin: 13px 0; }
.dashboard-jump a { padding: 8px 12px; color: #34483a; background: #edf3ee; border-radius: 999px; font-size: 9px; font-weight: 850; }
.dashboard-glossary { padding: 12px 15px; background: #fff; border: 1px solid var(--color-border); border-radius: 9px; }
.dashboard-glossary summary { cursor: pointer; color: var(--color-text-strong); font-size: 10px; font-weight: 850; }
.dashboard-glossary dl { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; margin: 13px 0 0; }
.dashboard-glossary dl > div { padding: 10px; background: #faf8f5; border-radius: 7px; }
.dashboard-glossary dt { font-size: 10px; font-weight: 900; }
.dashboard-glossary dd { margin: 4px 0 0; color: var(--color-muted); font-size: 8px; line-height: 1.55; }
.dashboard-label { margin: 26px 0 9px; color: var(--color-subtle); font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.dashboard-label:first-child { margin-top: 0; }
.stat-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 9px; }
.stat-grid > div { min-width: 0; padding: 15px; background: #fff; border: 1px solid var(--color-border); border-radius: 9px; }
.stat-grid span { display: block; color: var(--color-muted); font-size: 9px; }
.stat-grid strong { display: block; margin: 3px 0; font-size: 25px; }
.stat-grid small { color: var(--color-subtle); font-size: 7px; font-weight: 850; }
.stat-grid .accent-stat { color: #533b0f; background: var(--color-gold-soft); border-color: #ead08c; }
.stat-grid .error-stat { color: #8d3730; background: #fff4f1; border-color: #dfb4ae; }
.radar-stat-grid { grid-template-columns: repeat(5, 1fr); }
.review-stat-grid { grid-template-columns: repeat(8, 1fr); }
.accuracy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.dashboard-panel { margin-top: 22px; padding: 23px; background: #fff; border: 1px solid var(--color-border); border-radius: 11px; }
.compact-panel { margin-top: 22px; padding: 18px; }
.panel-heading { display: flex; justify-content: space-between; align-items: start; }
.panel-heading h2 { margin: 0; font-size: 19px; }
.panel-heading p { margin: 3px 0 0; color: var(--color-muted); font-size: 10px; }
.panel-heading > b { color: var(--color-subtle); font-size: 8px; }
.v59-operations-panel { border-color: #b8c8bd; background: #fbfdfb; }
.v59-top-stats { grid-template-columns: repeat(6, 1fr); }
.v59-summary-line { margin: 10px 0; padding: 10px 12px; border-radius: 8px; background: #edf3ee; color: #34483a; font-size: 10px; font-weight: 800; }
.v59-problem-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; margin: 10px 0 22px; }
.v59-problem-grid > div { padding: 10px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; }
.v59-problem-grid .has-problem { border-color: #dfb4ae; background: #fff4f1; }
.v59-problem-grid span, .v59-problem-grid small { display: block; color: var(--color-muted); font-size: 8px; }
.v59-problem-grid strong { display: block; margin: 3px 0; font-size: 20px; }
.v59-provider-table td:first-child, .v59-monitor-table td:first-child { white-space: normal; }
.dashboard-advanced { margin-top: 16px; }
.dashboard-advanced > summary { cursor: pointer; padding: 13px 15px; border: 1px solid var(--color-border); border-radius: 9px; background: #f7f4ef; color: #51483f; font-size: 11px; font-weight: 850; }
.dashboard-advanced[open] > summary { margin-bottom: 14px; }
.filter-bar { display: flex; align-items: end; gap: 9px; margin: 19px 0 15px; padding: 12px; background: var(--color-bg-soft); border-radius: 8px; }
.filter-bar label { display: grid; gap: 4px; color: var(--color-muted); font-size: 8px; font-weight: 800; }
.filter-bar select { min-width: 115px; height: 33px; padding: 0 8px; background: #fff; border: 1px solid var(--color-border-strong); border-radius: 6px; font-size: 10px; }
.filter-bar button, .filter-bar a { height: 33px; padding: 0 13px; border-radius: 6px; font-size: 9px; font-weight: 850; cursor: pointer; }
.filter-bar button { color: #fff; background: var(--color-accent); border: 0; }
.filter-bar a { display: grid; place-content: center; color: var(--color-muted); }
.table-wrap { overflow-x: auto; }
.opportunity-table { width: 100%; border-collapse: collapse; font-size: 10px; }
.opportunity-table th { padding: 9px 8px; color: var(--color-muted); background: #faf8f5; border-block: 1px solid var(--color-border); text-align: left; font-size: 8px; }
.opportunity-table td { padding: 12px 8px; border-bottom: 1px solid #eee9e2; vertical-align: middle; }
.opportunity-table td:first-child { white-space: nowrap; }
.opportunity-table td:first-child > strong { margin-left: 6px; }
.opportunity-table td:nth-child(4) { min-width: 230px; max-width: 370px; }
.opportunity-table td:nth-child(4) > a { display: block; font-weight: 800; }
.opportunity-table td:nth-child(4) > small { color: var(--color-subtle); }
.table-grade { width: 24px; height: 24px; display: inline-grid; place-content: center; color: #fff; background: #707b84; border-radius: 5px; font-weight: 900; }
.table-grade.grade-s { color: #52380a; background: var(--color-gold); }
.table-grade.grade-a { background: var(--color-positive); }
.table-grade.grade-b { background: #68829a; }
.search-score-label { display: block; color: var(--color-subtle); font-size: 7px; font-weight: 850; }
.observed-demand-cell { min-width: 80px; }
.observed-demand-cell > strong { display: block; }
.observed-demand-cell > small { display: block; color: var(--color-subtle); font-size: 7px; }
.observed-demand-cell .unmeasured { color: var(--color-muted); font-size: 9px; }
.observed-demand-cell .demand-error { color: var(--color-accent); font-size: 9px; }
.truth-status-cell { min-width: 122px; }
.truth-status-cell > strong,
.truth-status-cell > small { display: block; }
.truth-status-cell > small { color: var(--color-subtle); font-size: 7px; }
.truth-status-cell .status-chip { margin-top: 5px; }
.opportunity-queue-table td:nth-child(4) { min-width: 80px; max-width: none; }
.opportunity-queue-table td:nth-child(7) { min-width: 230px; max-width: 370px; }
.opportunity-queue-table td:nth-child(7) > a { display: block; font-weight: 800; }
.opportunity-queue-table td:nth-child(7) > small { color: var(--color-subtle); }
.trend-direction.trend-up { color: var(--color-positive); }
.trend-direction.trend-down { color: var(--color-accent); }
.candidate-chip { display: inline-block; margin-top: 5px; padding: 3px 5px; color: #3e2c0d; background: var(--color-gold-soft); border-radius: 4px; font-size: 7px; font-weight: 900; }
.status-chip { padding: 4px 6px; color: #4a6658; background: var(--color-positive-soft); border-radius: 4px; font-size: 8px; }
.approval-list, .run-list { margin: 15px 0 0; padding: 0; list-style: none; }
.approval-list li, .run-list li { display: grid; grid-template-columns: 1fr auto auto auto; align-items: center; gap: 8px; padding: 9px 0; border-top: 1px solid #eee9e2; font-size: 8px; }
.approval-list li span, .run-list li small { color: var(--color-subtle); }
.approval-list li b { min-width: 30px; color: var(--color-positive); text-align: right; }
.run-list li b { color: var(--color-text-strong); font-size: 8px; }
.review-cell { min-width: 210px; }
.review-cell summary { color: var(--color-accent); font-size: 8px; font-weight: 850; cursor: pointer; }
.review-form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 8px; padding: 8px; background: #faf8f5; border: 1px solid var(--color-border); border-radius: 6px; }
.review-form label { display: grid; gap: 2px; color: var(--color-muted); font-size: 7px; }
.review-form select, .review-form input { min-width: 0; height: 27px; padding: 0 5px; background: #fff; border: 1px solid var(--color-border-strong); border-radius: 4px; font-size: 8px; }
.review-form input, .review-form > div { grid-column: 1 / -1; }
.review-form > div { display: flex; gap: 5px; }
.review-form button { flex: 1; padding: 6px; color: var(--color-text); background: #fff; border: 1px solid var(--color-border-strong); border-radius: 4px; font-size: 7px; font-weight: 850; cursor: pointer; }
.enrichment-dashboard { padding-bottom: 12px; background: #f5f8f6; }
.enrichment-table td { min-width: 125px; vertical-align: top; }
.enrichment-table td:first-child { min-width: 260px; white-space: normal; }
.enrichment-table td:first-child > strong { margin-left: 0; }
.enrichment-table td > strong, .enrichment-table td > small { display: block; margin-bottom: 4px; }
.enrichment-table .quality-pass { color: var(--color-positive); }
.enrichment-table .quality-fail { display: block; color: var(--color-accent); font-size: 8px; }
.enrichment-review-cell { min-width: 310px !important; }
.enrichment-review-form { grid-template-columns: repeat(4, 1fr); }
.table-actions form { display: inline; }
.table-actions > small { display: block; margin-bottom: 4px; color: var(--color-subtle); font-size: 7px; font-weight: 800; }
.table-actions button { padding: 6px 8px; color: var(--color-accent); background: #fff; border: 1px solid #e2b8ac; border-radius: 5px; font-size: 8px; font-weight: 850; cursor: pointer; }
.table-empty { height: 100px; color: var(--color-muted); text-align: center; }

/* Error pages */
.error-page { min-height: 610px; display: grid; place-content: center; justify-items: center; padding: 75px 20px; color: var(--color-text); background: var(--color-bg); text-align: center; }
.radar-error { position: relative; width: 160px; height: 160px; display: grid; place-content: center; color: var(--color-accent); border: 1px solid #dccfc2; border-radius: 50%; }
.radar-error::before { content: ""; position: absolute; inset: 31px; border: 1px solid #dccfc2; border-radius: 50%; }
.radar-error span { z-index: 2; font-size: 40px; font-weight: 900; }
.radar-error i { position: absolute; left: 50%; top: 50%; width: 45%; height: 45%; background: linear-gradient(135deg, rgba(232,93,63,.18), transparent); clip-path: polygon(0 0, 100% 0, 0 100%); transform-origin: top left; animation: sweep 5s linear infinite; }
@keyframes sweep { to { transform: rotate(360deg); } }
.error-page h1 { margin: 27px 0 5px; font-size: 29px; }
.error-page p { margin: 0 0 25px; color: var(--color-muted); }

@media (max-width: 1060px) {
    .shell { width: min(100% - 34px, 900px); }
    .dashboard-link { display: none; }
    .home-hero-grid { gap: 34px; }
    .hero-copy h1 { font-size: 47px; }
    .category-shortcuts { grid-template-columns: repeat(5, 1fr); }
    .category-shortcut { border-bottom: 1px solid #eee7dd; }
    .category-shortcut:nth-child(5n) { border-right: 0; }
    .category-shortcut:nth-last-child(-n+4) { border-bottom: 0; }
    .live-ranking-list a { padding-inline: 14px; }
    .opportunity-grid { grid-template-columns: repeat(2, 1fr); }
    .article-layout { grid-template-columns: minmax(0, 1fr) 270px; gap: 22px; }
    .article-main { padding: 34px 30px 40px; }
    .stat-grid { grid-template-columns: repeat(4, 1fr); }
    .review-stat-grid { grid-template-columns: repeat(4, 1fr); }
    .accuracy-grid { grid-template-columns: 1fr; }
    .dashboard-welcome { grid-template-columns: 1fr; }
    .dashboard-glossary dl { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 760px) {
    .brand-logo { width: 40px; height: 40px; border-radius: 7px; }
    .footer-brand .brand-logo { width: 48px; height: 48px; }
    :root { --space-section: 49px; }
    .shell { width: min(100% - 28px, 620px); }
    .site-header { position: relative; }
    .header-main { min-height: 61px; gap: 12px; }
    .brand-symbol { width: 30px; height: 30px; }
    .logo-wordmark { font-size: 19px; letter-spacing: .08em; }
    .header-search { display: none; }
    .mobile-menu { display: block; margin-left: auto; }
    .mobile-menu summary { padding: 8px 10px; color: #fff; border: 1px solid #4b535c; border-radius: 6px; font-size: 10px; font-weight: 800; list-style: none; cursor: pointer; }
    .mobile-menu summary::-webkit-details-marker { display: none; }
    .mobile-menu > div { position: absolute; right: 0; top: 43px; z-index: 10; width: min(310px, calc(100vw - 28px)); padding: 13px; background: var(--color-header); border: 1px solid #424a53; border-radius: 9px; box-shadow: var(--shadow-hover); }
    .mobile-menu form { display: grid; grid-template-columns: 1fr auto; overflow: hidden; background: #fff; border-radius: 7px; }
    .mobile-menu input { min-width: 0; height: 39px; padding: 0 10px; border: 0; outline: 0; font-size: 11px; }
    .mobile-menu button { color: #fff; background: var(--color-accent); border: 0; font-size: 10px; }
    .mobile-menu a { display: block; padding: 12px 5px 2px; color: #d8dde1; font-size: 10px; }
    .category-nav-shell.shell { width: 100%; padding-inline: 5px; }
    .category-nav { width: 100%; padding-inline: 3px; }
    .category-nav a { min-height: 40px; padding: 0 12px; }
    .category-nav-control { width: 32px; min-height: 40px; }
    .category-nav .nav-coming-soon { min-height: 40px; padding: 0 12px; }
    .community-nav { width: 100%; min-height: 32px; gap: 18px; padding-inline: 20px; }
    .message-stack { top: 72px; }
    .home-hero { padding: 18px 0 20px; }
    .home-hero-grid { grid-template-columns: 1fr; gap: 12px; }
    .hero-copy h1 { margin-top: 7px; font-size: 30px; }
    .home-live-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .home-live-stats div { padding: 7px 5px; border-bottom: 0; text-align: center; }
    .home-live-stats div:nth-child(2n) { border-right: 1px solid var(--color-border); }
    .home-live-stats div:last-child { border-right: 0; }
    .home-live-stats dt { overflow: hidden; font-size: 8px; text-overflow: ellipsis; }
    .home-live-stats dd { font-size: 15px; }
    .hero-copy > p { font-size: 14px; }
    .hero-actions { flex-wrap: wrap; }
    .button { min-height: 44px; padding-inline: 17px; }
    .trust-points { gap: 8px 13px; }
    .hero-opportunity { padding: 12px 13px; }
    .hero-opportunity h2 { font-size: 15px; }
    .category-section { padding: 32px 0 36px; }
    .live-ranking-section { padding: 9px 0; }
    .live-ranking-heading { min-height: 46px; grid-template-columns: auto minmax(0, 1fr) 30px; gap: 8px; padding: 5px 7px 5px 11px; }
    .live-ranking-heading-copy { gap: 7px; }
    .live-ranking-heading-copy > i { width: 11px; height: 11px; }
    .live-ranking-heading h2 { font-size: 12px; }
    .live-ranking-heading p { display: none; }
    .live-ranking-current a { grid-template-columns: 18px minmax(0, 1fr); gap: 5px; }
    .live-ranking-current b, .live-ranking-current strong { font-size: 11px; }
    .live-ranking-current a > span { display: none; }
    .live-ranking-toggle { width: 30px; height: 30px; }
    .live-ranking-list { grid-template-columns: 1fr; }
    .live-ranking-list li:nth-child(n) { border-right: 0; border-top: 1px solid #eee7dd; }
    .live-ranking-list li:first-child { border-top: 0; }
    .live-ranking-list a { min-height: 64px; grid-template-columns: 26px minmax(0,1fr) auto; gap: 8px; padding: 9px 12px; }
    .live-ranking-list a > b { font-size: 17px; }
    .live-ranking-list strong { font-size: 12px; }
    .live-ranking-list small, .live-ranking-list em, .live-ranking-list i { font-size: 9px; }
    .section-heading { align-items: start; }
    .section-heading h2 { font-size: 24px; }
    .section-heading p { font-size: 11px; }
    .category-shortcuts { grid-template-columns: repeat(3, 1fr); }
    .quick-find-links { grid-template-columns: repeat(2, 1fr); }
    .quick-find-links a:nth-child(2n) { border-right: 0; }
    .quick-find-links a:nth-child(-n+2) { border-bottom: 1px solid #eee7dd; }
    .category-shortcut:nth-child(n) { min-height: 89px; border-right: 1px solid #eee7dd; border-bottom: 1px solid #eee7dd; }
    .category-shortcut:nth-child(3n) { border-right: 0; }
    .category-shortcut:nth-last-child(-n+3) { border-bottom: 0; }
    .opportunity-grid, .opportunity-grid.three-columns, .information-layout { grid-template-columns: 1fr; }
    .support-filter-heading { padding: 14px; }
    .support-keyword-search { grid-template-columns: 1fr 58px; padding: 10px; }
    .support-keyword-search > span { grid-column: 1 / -1; }
    .support-filter-groups { grid-template-columns: 1fr; }
    .support-filter-groups fieldset { padding: 12px 10px; border-right: 0; }
    .support-filter-groups fieldset > div { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; overscroll-behavior-inline: contain; }
    .support-filter-groups label { flex: 0 0 auto; min-height: 34px; }
    .support-list-row { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 15px 13px; }
    .support-list-tags span:nth-child(n+3) { display: none; }
    .support-list-main h2 { margin-block: 8px 10px; font-size: 14px; }
    .support-list-facts > div { grid-template-columns: 52px minmax(0, 1fr); }
    .support-list-facts > div:nth-child(2) { display: none; }
    .support-list-facts dd { font-size: 10px; }
    .support-list-action { min-width: 62px; padding-left: 9px; }
    .support-list-action > a { font-size: 9px; }
    .opportunity-card h3 { min-height: 0; }
    .article-card { grid-template-columns: 116px 1fr; }
    .article-visual { min-height: 128px; }
    .article-card-body { padding: 13px; }
    .article-card h3 { font-size: 14px; }
    .article-card p { display: none; }
    .article-signal { align-items: flex-start; flex-direction: column; gap: 2px; }
    .article-signal strong { font-size: 12px; }
    .information-layout { gap: 30px; }
    .trust-grid { grid-template-columns: 1fr; gap: 26px; }
    .trust-grid h2 { font-size: 28px; }
    .trust-grid ul { grid-template-columns: 1fr; gap: 8px; }
    .trust-grid li { display: grid; grid-template-columns: 24px 1fr; padding: 14px; }
    .trust-grid li strong { margin-top: 0; }
    .footer-grid { grid-template-columns: 1fr; gap: 28px; }
    .page-intro { padding-block: 36px; }
    .page-intro-row { align-items: flex-start; flex-direction: column; margin-top: 20px; }
    .page-intro h1 { font-size: 35px; }
    .category-board-intro { padding-block: 24px 22px; }
    .category-board-intro .page-intro-row { gap: 13px; margin-top: 12px; }
    .category-board-intro h1 { font-size: 28px; }
    .category-board-intro .result-count { padding: 8px 12px; }
    .board-listing-section { min-height: 220px; padding-block: 22px 45px; }
    .board-listing-section .listing-header { margin-bottom: 11px; }
    .board-listing-section .listing-header span { display: none; }
    .deal-board { border-radius: 8px; }
    .deal-board-header { display: none; }
    .deal-board-list li + li { border-top-color: #e8e1d8; }
    .deal-board-row { grid-template-columns: 26px minmax(0, 1fr) auto; grid-template-rows: auto auto; gap: 5px 9px; min-height: 76px; padding: 11px 10px; }
    .deal-board-rank { grid-row: 1 / 3; align-self: center; font-size: 14px; }
    .deal-board-main { grid-column: 2; grid-row: 1; }
    .deal-board-main > strong { display: -webkit-box; overflow: hidden; font-size: 12px; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .deal-board-main > small { gap: 5px; margin-top: 5px; }
    .deal-board-main > small span { display: none; }
    .discovery-board-row { grid-template-columns: 26px minmax(0, 1fr) auto; min-height: 88px; }
    .discovery-board-row .deal-board-main { grid-template-columns: 44px minmax(0, 1fr); gap: 9px; }
    .deal-board-thumb { width: 44px; height: 44px; border-radius: 8px; }
    .deal-board-thumb b { font-size: 18px; }
    .deal-board-thumb small { font-size: 6px; }
    .deal-board-copy > strong { display: -webkit-box; overflow: hidden; font-size: 12px; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .deal-board-copy > small { gap: 5px; margin-top: 5px; }
    .deal-board-copy > small span { display: none; }
    .deal-board-value { grid-column: 3; grid-row: 1; align-self: start; text-align: right; }
    .deal-board-value strong { font-size: 12px; }
    .deal-board-source { grid-column: 2; grid-row: 2; text-align: left; }
    .deal-board-source small { display: none; }
    .deal-board-source strong { margin: 0; color: var(--color-muted); font-size: 9px; }
    .deal-board-deadline { grid-column: 3; grid-row: 2; align-self: end; text-align: right; }
    .deal-board-deadline b, .deal-board-deadline small { display: inline; font-size: 9px; }
    .deal-board-deadline small { margin-left: 5px; }
    .deal-board-empty { min-height: 112px; padding: 22px 14px; }
    .category-strip-section { padding-block: 20px; }
    .listing-section { padding-block: 43px 60px; }
    .search-hero { padding-block: 45px 39px; }
    .search-hero h1 { font-size: 32px; }
    .search-form-large button { padding-inline: 15px; }
    .search-suggestions { flex-wrap: wrap; }
    .detail-shell { padding: 27px 0 60px; }
    .article-layout { grid-template-columns: 1fr; }
    .article-main { padding: 27px 20px 32px; }
    .article-main h1 { font-size: 32px; }
    .article-main .lead { font-size: 14px; }
    .article-kicker time { width: 100%; margin-left: 0; }
    .opportunity-summary-card { grid-template-columns: 1fr; }
    .opportunity-summary-card.action-first { grid-template-columns: 1fr; }
    .summary-card-heading { min-height: 86px; }
    .summary-score { grid-template-columns: 1fr auto auto; align-items: baseline; gap: 6px; padding: 17px 19px; }
    .summary-score strong { font-size: 35px; }
    .opportunity-summary-card dl { grid-template-columns: 1fr; padding: 9px 16px; }
    .key-fact-grid, .focus-group-list, .focus-group ul { grid-template-columns: 1fr; }
    .opportunity-summary-card dl > div:nth-last-child(-n+2) { border-bottom: 1px solid #ebe2d7; }
    .opportunity-summary-card dl > div:last-child { border-bottom: 0; }
    .source-panel { align-items: flex-start; flex-direction: column; }
    .source-panel > a { width: 100%; text-align: center; }
    .source-panel .detail-cta-row, .detail-cta-row { width: 100%; justify-content: stretch; }
    .external-cta { flex: 1 1 100%; }
    .related-list a { grid-template-columns: auto 1fr; }
    .related-list em, .related-list i { grid-column: 2; }
    .sticky-panel { position: static; }
    .dashboard-titlebar { align-items: flex-start; flex-direction: column; gap: 24px; }
    .radar-actions { flex-wrap: wrap; }
    .dashboard-titlebar h1 { font-size: 32px; }
    .stat-grid { grid-template-columns: repeat(2, 1fr); }
    .filter-bar { align-items: stretch; flex-direction: column; }
    .filter-bar select { width: 100%; }
    .dashboard-panel { padding: 15px 11px; }
    .v5-discovery-dashboard .dashboard-panel a,
    .v5-discovery-dashboard .dashboard-panel strong,
    .v5-discovery-dashboard .dashboard-panel small { overflow-wrap: anywhere; word-break: break-word; }
    .v59-top-stats, .v59-problem-grid { grid-template-columns: repeat(2, 1fr); }
    .dashboard-steps, .dashboard-quick-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-glossary dl { grid-template-columns: 1fr; }
    .dashboard-welcome { padding: 18px 15px; }
    .enrichment-review-form { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 430px) {
    .hero-copy h1 { font-size: 35px; }
    .hero-actions .button { flex: 1; padding-inline: 12px; }
    .hero-score-row { align-items: flex-end; }
    .opportunity-card-footer { grid-template-columns: auto 1fr; }
    .card-cta { grid-column: 1 / -1; padding-top: 7px; border-top: 1px solid #eee9e2; text-align: right; }
    .article-card { grid-template-columns: 92px 1fr; }
    .article-card-body { padding: 11px; }
    .article-visual { min-height: 120px; }
    .article-card h3 { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .article-signal span { display: none; }
}

/* V6.0 user-controlled hotdeal search and explainable grades */
.v60-search-hero { padding: 60px 0 42px; }
.v60-search-hero h1 { margin: 8px 0 10px; font-size: clamp(34px, 5vw, 58px); }
.v60-search-hero p { max-width: 760px; color: #d7dde5; }
.v60-search-section { padding: 30px 0 80px; background: #f7f4ef; }
.v60-search-layout { display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: 28px; align-items: start; }
.v60-filter-panel { position: sticky; top: 20px; padding: 24px; border: 1px solid #e3ddd4; border-radius: 20px; background: #fff; box-shadow: 0 10px 36px rgba(31,41,51,.06); }
.filter-heading { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; }
.filter-heading span, .grade-distribution > div > span, .v60-grade-heading > div > span { color: #e85d00; font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.filter-heading h2, .grade-distribution h2, .v60-grade-heading h2 { margin: 3px 0 0; font-size: 24px; }
.filter-heading a { color: #69727d; font-size: 13px; }
.filter-field { display: grid; gap: 6px; margin-bottom: 12px; }
.filter-field > span { color: #4b5563; font-size: 12px; font-weight: 700; }
.filter-field input, .filter-field select { width: 100%; min-width: 0; height: 42px; padding: 0 11px; border: 1px solid #d7d2cb; border-radius: 9px; background: #fff; color: #1f2933; }
.filter-keyword input { height: 48px; font-size: 15px; }
.filter-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
.preset-list { display: flex; flex-wrap: wrap; gap: 7px; margin: 15px 0 20px; }
.preset-list button { padding: 8px 10px; border: 1px solid #ddd6cd; border-radius: 999px; background: #faf8f5; color: #515b66; font-size: 12px; cursor: pointer; }
.preset-list button.active, .preset-list button:hover { border-color: #ff6a00; background: #fff4ec; color: #d85000; }
.filter-checks { display: grid; gap: 8px; margin: 5px 0 18px; color: #3f4852; font-size: 13px; }
.filter-checks input, .personal-enable input { accent-color: #ff6a00; }
.personal-filter { margin: 14px 0; padding: 14px; border: 1px solid #e8e1d8; border-radius: 12px; background: #fbfaf8; }
.personal-filter summary { cursor: pointer; font-weight: 800; }
.personal-filter > p { margin: 10px 0 14px; color: #69727d; font-size: 12px; line-height: 1.55; }
.personal-enable { display: block; margin-top: 12px; font-size: 13px; font-weight: 700; }
.weight-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; }
.weight-grid label { color: #626b75; font-size: 10px; text-align: center; }
.weight-grid input { width: 100%; height: 34px; margin-top: 3px; border: 1px solid #ddd6cd; border-radius: 7px; text-align: center; }
.unsupported-filters { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0; padding: 12px; border-radius: 10px; background: #f2f0ed; }
.unsupported-filters strong { width: 100%; color: #727983; font-size: 11px; }
.unsupported-filters span { padding: 5px 8px; border-radius: 999px; background: #e8e5e1; color: #8c9298; font-size: 11px; text-decoration: line-through; }
.filter-submit { width: 100%; height: 48px; border: 0; border-radius: 10px; background: #ff6a00; color: #fff; font-weight: 900; cursor: pointer; }
.grade-distribution { padding: 24px; border: 1px solid #e5ded5; border-radius: 18px; background: #fff; }
.grade-distribution dl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 20px 0 12px; }
.grade-distribution dl > div { padding: 13px; border-radius: 12px; background: #f5f3ef; }
.grade-distribution dt { font-size: 12px; font-weight: 900; }
.grade-distribution dd { margin: 8px 0 0; }
.grade-distribution dd b { display: block; font-size: 26px; }
.grade-distribution p { margin: 0; color: #69727d; font-size: 12px; }
.grade-s { color: #bd3f00; }.grade-a { color: #b36b00; }.grade-b { color: #2d6c63; }.grade-u { color: #616a74; }
.v60-results .listing-header { margin-top: 24px; }
.search-discovery-results, .search-verified-results { margin-top: 24px; }
.search-result-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 12px; }
.search-result-heading span { color: #d95500; font-size: 9px; font-weight: 850; }
.search-result-heading h2 { margin: 3px 0 0; color: var(--color-text-strong); font-size: 20px; }
.search-result-heading p { margin: 0; color: var(--color-muted); font-size: 10px; text-align: right; }
.search-discovery-results .deal-board-row { grid-template-columns: 38px minmax(0, 1fr) minmax(110px, 150px) 110px 88px; padding-inline: 12px; }
.search-discovery-results .deal-board-header { grid-template-columns: 38px minmax(0, 1fr) minmax(110px, 150px) 110px 88px; padding-inline: 12px; }
.v60-search-feed { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v60-search-feed .article-card { grid-template-columns: 105px minmax(0,1fr); }
.v60-search-feed .article-card h3 { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.4; max-height: 2.8em; }
.card-grade-row { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin: 7px 0 3px; }
.card-grade-row small { margin-left: auto; color: #7c848d; font-size: 10px; font-weight: 800; }
.grade-pill { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 8px; border-radius: 999px; background: #e8ecef; color: #36414c; font-size: 11px; font-weight: 900; }
.grade-pill.grade-s { background: #fff0e6; color: #bd3f00; }.grade-pill.grade-a { background: #fff6df; color: #8b5a00; }.grade-pill.grade-b { background: #e8f4f1; color: #23665c; }.grade-pill.grade-unrated { background: #eceff1; color: #59636d; }.grade-pill.my-grade { background: #222a34; color: #fff; }
.card-factor-list { display: grid; gap: 5px; margin-top: 10px; padding-top: 9px; border-top: 1px solid #eee9e3; }
.card-factor-list > div { display: grid; grid-template-columns: 66px 58px 1fr; gap: 6px; align-items: center; font-size: 10px; }
.card-factor-list b { font-size: 10px; text-align: right; }
.card-factor-list i { display: block; height: 4px; overflow: hidden; border-radius: 99px; background: #ebe7e1; }
.card-factor-list em { display: block; height: 100%; border-radius: inherit; background: #ff6a00; }
.card-evidence { margin: 8px 0 0 !important; color: #7a828b !important; font-size: 10px !important; }
.v60-grade-detail { margin: 34px 0; padding: 26px; border: 1px solid #ded8d0; border-radius: 18px; background: #fbfaf8; }
.v60-grade-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.detail-grade-badges { display: flex; gap: 6px; }
.grade-principle { color: #66707a; font-size: 13px; line-height: 1.6; }
.grade-detail-grid { display: grid; grid-template-columns: minmax(190px, .8fr) 1.2fr; gap: 26px; align-items: center; margin: 22px 0; }
.radar-wrap { text-align: center; }.radar-wrap svg { width: min(100%, 250px); overflow: visible; }.radar-wrap small { color: #727b84; font-size: 11px; }
.radar-grid polygon { fill: none; stroke: #d5d0ca; stroke-width: 1; }.radar-value { fill: rgba(255,106,0,.20); stroke: #ff6a00; stroke-width: 2.5; stroke-linejoin: round; }.radar-wrap circle { fill: #ff6a00; }
.grade-score-summary dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }.grade-score-summary dl > div { padding: 11px; border-radius: 10px; background: #fff; }.grade-score-summary dt { color: #707983; font-size: 11px; }.grade-score-summary dd { margin: 4px 0 0; font-size: 18px; font-weight: 900; }.grade-score-summary p { display: grid; gap: 3px; }.grade-score-summary p span { color: #69727d; font-size: 11px; }
.factor-evidence-table { overflow: hidden; border: 1px solid #e1dcd5; border-radius: 12px; background: #fff; }
.factor-evidence-table > div { display: grid; grid-template-columns: 110px 70px 1.5fr 1fr; gap: 12px; padding: 12px; border-bottom: 1px solid #ece8e2; align-items: start; font-size: 12px; }.factor-evidence-table > div:last-child { border-bottom: 0; }.factor-table-head { background: #222a34; color: #fff; font-weight: 800; }.factor-evidence-table small { color: #68717b; }
.unrated-reasons, .my-grade-reasons { margin-top: 14px; padding: 13px 15px; border-radius: 10px; background: #fff3eb; font-size: 12px; }.my-grade-reasons { background: #eef2f5; }.unrated-reasons ul, .my-grade-reasons ul { margin: 7px 0 0; padding-left: 18px; }.verification-time { margin: 14px 0 0; color: #626c76; font-size: 12px; text-align: right; }
.v60-audit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.v60-audit-grid > div { padding: 16px; border: 1px solid #e5e1dc; border-radius: 12px; }.v60-audit-grid h3 { margin-top: 0; }.v60-audit-grid ul { margin: 0; padding: 0; list-style: none; }.v60-audit-grid li { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid #eeeae5; font-size: 12px; }

@media (max-width: 1050px) { .v60-search-layout { grid-template-columns: 300px minmax(0,1fr); }.v60-search-feed { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
    .v60-search-hero { padding: 38px 0 28px; }.v60-search-layout { display: block; }.v60-filter-panel { position: static; margin-bottom: 20px; padding: 17px; }.filter-grid { grid-template-columns: 1fr 1fr; }.grade-distribution { padding: 17px; }.grade-distribution dl { grid-template-columns: repeat(2, 1fr); }.search-result-heading { align-items: flex-start; flex-direction: column; gap: 5px; }.search-result-heading p { text-align: left; }.search-discovery-results .deal-board-row { grid-template-columns: 26px minmax(0, 1fr) auto; padding-inline: 10px; }.v60-search-feed .article-card { grid-template-columns: 92px minmax(0,1fr); }.grade-detail-grid { grid-template-columns: 1fr; }.factor-evidence-table > div { grid-template-columns: 82px 60px 1fr; }.factor-evidence-table > div > small { grid-column: 1 / -1; }.factor-table-head span:last-child { display: none; }.v60-grade-detail { padding: 18px 14px; }.v60-grade-heading { display: block; }.detail-grade-badges { margin-top: 10px; }.v60-audit-grid { grid-template-columns: 1fr; }
}
@media (max-width: 430px) { .filter-grid { grid-template-columns: 1fr; }.weight-grid { grid-template-columns: repeat(3,1fr); }.card-factor-list > div { grid-template-columns: 60px 54px 1fr; }.factor-evidence-table > div { grid-template-columns: 76px 1fr; }.factor-evidence-table > div > span, .factor-evidence-table > div > small { grid-column: 1 / -1; }.factor-table-head span:nth-child(n+3) { display:none; } }

@media (max-width: 430px) {
    .baby-board-controls, .deal-board-controls { margin-bottom: 11px; border-radius: 8px; }
    .baby-type-tabs a { min-height: 43px; padding-inline: 3px; gap: 4px; font-size: 10px; }
    .baby-type-tabs b { min-width: 17px; padding-inline: 4px; font-size: 8px; }
    .baby-filter-row, .deal-filter-row { grid-template-columns: 40px minmax(0, 1fr); gap: 5px; padding: 7px 8px; }
    .baby-filter-row a, .deal-filter-row a { min-height: 27px; padding: 4px 7px; font-size: 9px; }
}

/* V6.5 compact consumer feed, member foundation and privacy-minimal analytics */
.header-account-links { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.header-account-links > a { color: #333; font-size: 12px; font-weight: 750; }
.site-share-button { padding: 0; border: 0; color: #333; background: transparent; font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; }
.site-share-button:hover, .site-share-button:focus-visible { text-decoration: underline; }
.mobile-menu .mobile-site-share { display: block; width: 100%; padding: 12px 5px 2px; color: #333; background: transparent; text-align: left; font-size: 10px; }
.traffic-heading { gap: 18px; }
.traffic-period-form { display: flex; align-items: center; gap: 8px; }
.traffic-period-form label { color: var(--color-muted); font-size: 10px; font-weight: 800; }
.traffic-period-form select { min-width: 108px; height: 34px; padding: 0 28px 0 10px; border: 1px solid var(--color-border-strong); border-radius: 7px; color: var(--color-text-strong); background: var(--color-surface); font-size: 11px; font-weight: 800; }
.traffic-period-label { margin-top: 12px; color: var(--color-subtle); font-size: 10px; font-weight: 750; }
.traffic-summary-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; margin-top: 11px; }
.traffic-summary-grid article { min-width: 0; padding: 14px; border: 1px solid var(--color-border); border-radius: 9px; background: var(--color-bg-soft); }
.traffic-summary-grid span, .traffic-summary-grid strong, .traffic-summary-grid small { display: block; }
.traffic-summary-grid span { color: var(--color-muted); font-size: 9px; font-weight: 800; }
.traffic-summary-grid strong { margin: 4px 0; color: var(--color-text-strong); font-size: 25px; }
.traffic-summary-grid small { color: var(--color-subtle); font-size: 8px; line-height: 1.45; }
.traffic-change-up { color: #176b45 !important; }
.traffic-change-down { color: #a44138 !important; }
.traffic-detail-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(230px, .8fr); gap: 18px; margin-top: 22px; }
.traffic-detail-grid > section, .traffic-lower-grid > section { min-width: 0; padding: 15px; border: 1px solid var(--color-border); border-radius: 9px; background: var(--color-surface); }
.traffic-detail-grid h3, .traffic-lower-grid h3 { margin: 0; color: var(--color-text-strong); font-size: 12px; }
.traffic-source-panel ul { display: grid; gap: 12px; margin: 16px 0 0; padding: 0; list-style: none; }
.traffic-source-panel li > div { display: flex; justify-content: space-between; gap: 8px; color: var(--color-muted); font-size: 9px; }
.traffic-source-panel li b { color: var(--color-text-strong); }
.traffic-source-panel li > i { display: block; height: 6px; margin-top: 5px; overflow: hidden; border-radius: 999px; background: var(--color-bg-soft); }
.traffic-source-panel li > i em { display: block; width: var(--source-width); height: 100%; border-radius: inherit; background: var(--color-text-strong); }
.traffic-source-panel p { margin: 16px 0 0; color: var(--color-muted); font-size: 9px; }
.traffic-lower-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(250px, .7fr); gap: 18px; margin-top: 18px; }
.traffic-table { width: 100%; margin-top: 12px; border-collapse: collapse; font-size: 9px; }
.traffic-table th { padding: 8px 7px; border-block: 1px solid var(--color-border); color: var(--color-muted); background: var(--color-bg-soft); text-align: right; white-space: nowrap; }
.traffic-table td { padding: 8px 7px; border-bottom: 1px solid var(--color-border); color: var(--color-text); text-align: right; }
.traffic-table th:first-child, .traffic-table td:first-child { text-align: left; }
.traffic-table td strong { color: var(--color-text-strong); }
.traffic-top-events ol { display: grid; gap: 0; margin: 12px 0 0; padding: 0; list-style: none; }
.traffic-top-events li { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--color-border); font-size: 9px; }
.traffic-top-events li > b { color: var(--color-subtle); }
.traffic-top-events li > span { overflow: hidden; color: var(--color-text); text-overflow: ellipsis; white-space: nowrap; }
.traffic-top-events li > strong { color: var(--color-text-strong); }
.traffic-top-events .traffic-empty { display: block; color: var(--color-muted); }
.traffic-privacy-note { margin: 16px 0 0; padding: 10px 12px; border-radius: 7px; color: var(--color-muted); background: var(--color-bg-soft); font-size: 9px; line-height: 1.55; }
.board-listing-section .shell { max-width: 960px; }
.board-listing-section .deal-board-header,
.search-discovery-results .deal-board-header { display: none; }
.board-listing-section .deal-board-row,
.search-discovery-results .deal-board-row { grid-template-columns: minmax(0,1fr) auto; grid-template-rows: auto auto; gap: 6px 14px; min-height: 106px; padding: 12px 18px; }
.board-listing-section .deal-board-rank,
.search-discovery-results .deal-board-rank { display: none; }
.board-listing-section .deal-board-main,
.search-discovery-results .deal-board-main { grid-column: 1; grid-row: 1 / 3; }
.board-listing-section .discovery-board-row .deal-board-main,
.search-discovery-results .discovery-board-row .deal-board-main { grid-template-columns: 78px minmax(0,1fr); gap: 14px; }
.board-listing-section .deal-board-thumb,
.search-discovery-results .deal-board-thumb { width: 78px; height: 78px; border-radius: 9px; }
.board-listing-section .deal-board-copy > strong,
.search-discovery-results .deal-board-copy > strong { font-size: 15px; line-height: 1.4; white-space: normal; }
.deal-board-copy > small em,
.discovery-card-head em { padding: 3px 7px; border-radius: 999px; color: #343a40; background: #f0f1f3; font-size: 10px; font-style: normal; font-weight: 750; }
.board-listing-section .deal-board-value,
.search-discovery-results .deal-board-value { grid-column: 2; grid-row: 1; align-self: end; text-align: right; }
.board-listing-section .deal-board-value strong,
.search-discovery-results .deal-board-value strong,
.discovery-card-meta > b { color: #f04438; font-size: 19px; font-weight: 900; }
.board-listing-section .deal-board-value .raffle-apply-button,
.search-discovery-results .deal-board-value .raffle-apply-button { display: inline-flex; align-items: center; justify-content: center; min-width: 88px; min-height: 38px; padding: 0 15px; color: #fff; background: #111; border-radius: 8px; font-size: 13px; line-height: 1; white-space: nowrap; }
.board-listing-section .deal-board-source,
.search-discovery-results .deal-board-source { grid-column: 2; grid-row: 2; text-align: right; }
.board-listing-section .deal-board-source strong,
.search-discovery-results .deal-board-source strong { display: inline-block; padding: 3px 7px; border-radius: 999px; background: #f0f1f3; font-size: 10px; }
.board-listing-section .deal-board-source small,
.search-discovery-results .deal-board-source small { margin-top: 3px; }
.board-listing-section .deal-board-deadline,
.search-discovery-results .deal-board-deadline { grid-column: 2; grid-row: 2; align-self: end; margin-top: 28px; text-align: right; }
.board-listing-section .deal-board-deadline b,
.search-discovery-results .deal-board-deadline b { color: #159947; font-size: 10px; }
.compact-search-toolbar { display: flex; align-items: end; gap: 7px; margin-bottom: 10px; padding: 10px; overflow-x: auto; border: 1px solid #e6e6e6; border-radius: 12px; background: #fff; }
.compact-search-toolbar label { flex: 1 0 110px; display: grid; gap: 4px; }
.compact-search-toolbar label:first-child { flex-basis: 210px; }
.compact-search-toolbar span { color: #6b7280; font-size: 10px; font-weight: 750; }
.compact-search-toolbar input,
.compact-search-toolbar select { width: 100%; height: 36px; padding: 0 9px; border: 1px solid #dedede; border-radius: 8px; background: #fff; font-size: 12px; }
.compact-search-toolbar button { flex: 0 0 auto; height: 36px; padding: 0 16px; border: 0; border-radius: 8px; color: #fff; background: #111; font-weight: 800; }
.compact-search-toolbar label:first-child input { border-color: #b8b8b8; font-size: 13px; font-weight: 700; }
.search-more-filters { margin-bottom: 18px; }
.search-more-filters > summary { width: max-content; padding: 7px 11px; cursor: pointer; color: #555; font-size: 11px; font-weight: 750; }
.search-more-filters .v60-filter-panel { position: static; margin-top: 8px; padding: 18px; box-shadow: none; }
.v60-search-layout { display: block; max-width: 960px; }
.member-shell { width: min(960px, calc(100% - 32px)); margin: 0 auto; padding: 48px 0 70px; }
.auth-page { background: #fff; }
.auth-page .site-header,
.auth-page .footer-partner-banner,
.auth-page .site-footer { display: none; }
.auth-page #main-content { min-height: 100vh; }
.auth-shell { min-height: 100vh; display: grid; place-items: center; padding-top: 32px; padding-bottom: 32px; }
.auth-card { width: min(430px, 100%); padding: 34px; border: 1px solid #e5e5e5; border-radius: 18px; background: #fff; }
.auth-card > span, .simple-page-heading > span, .member-heading > div > span { color: #666; font-size: 11px; font-weight: 800; }
.auth-card h1 { margin: 6px 0 8px; font-size: 27px; }
.auth-card p, .auth-card > small { color: #777; line-height: 1.6; }
.auth-card-simple { width: min(390px, 100%); padding: 0 16px; border: 0; border-radius: 0; text-align: center; }
.auth-wordmark { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 58px; color: #111; text-decoration: none; }
.auth-wordmark .brand-name { font-size: 24px; letter-spacing: .035em; }
.auth-card-simple h1 { margin: 0 0 22px; font-size: 17px; font-weight: 850; }
.social-login-list { display: grid; gap: 10px; margin: 0; }
.social-login { min-height: 52px; display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; border-radius: 11px; font-size: 15px; font-weight: 850; text-decoration: none; }
.social-login b { grid-column: 1; font-size: 21px; font-weight: 950; }
.social-login span { grid-column: 2; }
.social-login.kakao { color: #191919; background: #fee500; }
.social-login.naver { color: #fff; background: #03c75a; }
.social-login.apple { color: #fff; background: #000; }
.social-login.is-disabled { color: #999; background: #f1f1f1; }
.auth-unavailable { margin: 0; padding: 18px 0; color: #666; font-size: 13px; }
.auth-terms { margin: 22px auto 0; color: #999 !important; font-size: 11px; }
.auth-terms a { color: #666; text-decoration: underline; text-underline-offset: 2px; }
.social-confirm-card { text-align: center; }
.social-confirm-card p { margin: 0 auto; max-width: 330px; }
.social-confirm-form { display: grid; gap: 10px; margin: 0; }
.social-confirm-form .social-login { width: 100%; border: 0; cursor: pointer; }
.auth-back-link { min-height: 40px; display: grid; place-items: center; color: #777; font-size: 12px; font-weight: 700; }
.auth-back-link:hover { color: #111; }
.member-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 22px; }
.member-heading h1 { margin: 5px 0 0; }
.member-heading > strong { font-size: 28px; }
.member-settings-tabs { width: fit-content; display: flex; gap: 4px; margin: -4px 0 22px; padding: 4px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-bg-soft); }
.member-settings-tabs a { min-width: 104px; padding: 10px 16px; border-radius: 9px; color: var(--color-muted); font-size: 13px; font-weight: 850; text-align: center; }
.member-settings-tabs a.is-active { color: var(--color-surface); background: var(--color-text-strong); box-shadow: 0 3px 12px rgba(0,0,0,.10); }
.member-point-link { padding: 10px 14px; border-radius: 999px; color: #fff; background: #111; font-size: 13px; font-weight: 850; }
.member-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.member-panel { padding: 20px; border: 1px solid #e5e5e5; border-radius: 14px; background: #fff; }
.member-panel h2 { margin: 0 0 15px; font-size: 17px; }
.member-privacy-panel { overflow: hidden; border: 1px solid var(--color-border); border-radius: 18px; background: var(--color-surface); box-shadow: 0 16px 44px rgba(0,0,0,.05); }
.member-privacy-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 28px; border-bottom: 1px solid var(--color-border); }
.member-privacy-panel > header > div { display: flex; align-items: center; gap: 13px; }
.member-provider-badge { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: #03c75a; font-size: 22px; font-weight: 950; }
.member-privacy-panel header small { color: var(--color-muted); font-size: 11px; }
.member-privacy-panel h2 { margin: 3px 0 0; color: var(--color-text-strong); font-size: 22px; }
.member-privacy-panel header > a { color: var(--color-text); font-size: 12px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.member-privacy-list { margin: 0; padding: 0 28px; }
.member-privacy-list > div { display: grid; grid-template-columns: 120px minmax(120px,1fr) minmax(180px,1.4fr); align-items: center; gap: 18px; min-height: 68px; border-bottom: 1px solid var(--color-border); }
.member-privacy-list dt { color: var(--color-muted); font-size: 12px; font-weight: 750; }
.member-privacy-list dd { margin: 0; color: var(--color-text-strong); font-size: 15px; font-weight: 900; }
.member-privacy-list small { color: var(--color-muted); font-size: 11px; text-align: right; }
.member-privacy-note { margin: 24px 28px 12px; padding: 18px 20px; border-radius: 12px; color: var(--color-text); background: var(--color-bg-soft); }
.member-privacy-note strong { color: var(--color-text-strong); font-size: 13px; }
.member-privacy-note p { margin: 7px 0 0; font-size: 12px; line-height: 1.7; }
.member-provider-help { margin: 0; padding: 0 28px 26px; color: var(--color-muted); font-size: 11px; }
.member-privacy-empty { padding: 50px 28px; text-align: center; }
.member-privacy-empty strong { color: var(--color-text-strong); }
.member-privacy-empty p { margin: 8px 0 0; color: var(--color-muted); font-size: 12px; }
.nickname-form, .nickname-setup-form { display: grid; gap: 9px; }
.nickname-form { grid-template-columns: minmax(0, 1fr) auto; }
.nickname-form input, .nickname-setup-form input { width: 100%; min-width: 0; height: 42px; padding: 0 11px; border: 1px solid #d8d8d8; border-radius: 8px; font-size: 14px; }
.nickname-form button, .nickname-setup-form button { min-height: 42px; padding: 0 15px; border: 0; border-radius: 8px; color: #fff; background: #111; font-weight: 800; cursor: pointer; }
.nickname-lock { display: grid; gap: 4px; padding: 12px; border-radius: 9px; background: #f4f4f4; }
.nickname-lock strong { font-size: 15px; }
.nickname-lock small { color: #666; font-size: 11px; }
.nickname-setup-card { text-align: left; }
.nickname-setup-form { margin-top: 24px; }
.nickname-setup-form label { font-size: 12px; font-weight: 800; }
.nickname-setup-form > small { margin-top: -2px; color: #777; font-size: 11px; line-height: 1.55; }
.signup-nickname-summary { display: grid; gap: 4px; margin-top: 22px; padding: 15px 16px; border: 1px solid #e2e2e2; border-radius: 10px; background: #fafafa; }
.signup-nickname-summary small { color: #777; font-size: 11px; font-weight: 700; }
.signup-nickname-summary strong { font-size: 18px; }
.signup-provider-profile { margin-top: 22px; padding: 18px; border: 1px solid #dfe6e2; border-radius: 12px; background: #f7faf8; }
.signup-provider-profile header { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.signup-provider-profile header div { display: grid; gap: 2px; }
.signup-provider-profile header small { color: #64716b; font-size: 10px; font-weight: 800; }
.signup-provider-profile h2 { margin: 0; font-size: 16px; }
.signup-provider-profile dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.signup-provider-profile dl div { display: grid; gap: 4px; padding: 11px 12px; border-radius: 8px; background: #fff; }
.signup-provider-profile dt { color: #777; font-size: 10px; font-weight: 700; }
.signup-provider-profile dd { margin: 0; font-size: 14px; font-weight: 850; }
.signup-provider-profile > p { margin: 14px 0 0; color: #5f6863; font-size: 11px; line-height: 1.65; }
.signup-complete-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 18px; }
.signup-complete-actions a, .member-signup-info-link { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 14px; border: 1px solid #d8d8d8; border-radius: 8px; color: #111; background: #fff; font-size: 12px; font-weight: 800; text-decoration: none; }
.signup-complete-actions a.primary { border-color: #111; color: #fff; background: #111; }
.member-signup-info-link { min-height: 38px; margin-top: 14px; }

html[data-theme="dark"] .signup-nickname-summary,
html[data-theme="dark"] .signup-provider-profile { border-color: #394047; background: #171b1f; }
html[data-theme="dark"] .signup-provider-profile dl div { background: #20252a; }
html[data-theme="dark"] .signup-nickname-summary small,
html[data-theme="dark"] .signup-provider-profile header small,
html[data-theme="dark"] .signup-provider-profile dt,
html[data-theme="dark"] .signup-provider-profile > p,
html[data-theme="dark"] .nickname-setup-form > small { color: #b8c0c7; }
html[data-theme="dark"] .signup-complete-actions a,
html[data-theme="dark"] .member-signup-info-link { border-color: #3e454c; color: #f6f7f8; background: #1c2126; }
html[data-theme="dark"] .signup-complete-actions a.primary { border-color: #f6f7f8; color: #111; background: #f6f7f8; }
.form-error, .form-error ul { margin: 0; padding: 0; color: #c7352b; font-size: 11px; list-style: none; }
.keyword-alert-form { display: flex; gap: 7px; }
.keyword-alert-form input { flex: 1; min-width: 0; height: 40px; padding: 0 10px; border: 1px solid #ddd; border-radius: 8px; }
.keyword-alert-form button, .member-list button { padding: 0 12px; border: 0; border-radius: 7px; background: #111; color: #fff; font-weight: 800; }
.member-panel-intro { margin: -5px 0 16px; color: #666; font-size: 13px; line-height: 1.55; }
.member-alert-master { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; font-weight: 800; }
.member-alert-master input, .member-alert-fields input { accent-color: #ff4f1f; }
.member-alert-fields { margin: 0 0 14px; padding: 0; border: 0; }
.member-alert-fields legend { margin-bottom: 9px; color: #666; font-size: 12px; font-weight: 800; }
.member-alert-fields > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.member-alert-fields label { display: flex; align-items: center; gap: 6px; min-height: 36px; padding: 7px 9px; border: 1px solid #e5e5e5; border-radius: 8px; font-size: 12px; font-weight: 700; }
.member-baby-scope > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
.member-alert-save { width: 100%; min-height: 42px; border: 0; border-radius: 8px; background: #111; color: #fff; font-weight: 900; }
.member-alert-preview { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; }
.member-alert-preview > strong { font-size: 13px; }
.member-alert-preview ul { display: grid; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.member-alert-preview li { display: grid; gap: 3px; }
.member-alert-preview a { color: inherit; font-size: 13px; font-weight: 800; text-decoration: none; }
.member-alert-preview small { color: #777; font-size: 11px; }
.member-list { margin: 14px 0 0; padding: 0; list-style: none; }
.member-list li { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #eee; }
.member-list li span { display: grid; gap: 2px; }
.member-list small, .member-note { color: #777; font-size: 11px; }
.tcg-notification-read { margin-top: 12px; text-align: right; }
.tcg-notification-read button { min-height: 36px; padding: 0 12px; border: 1px solid #111; border-radius: 7px; color: #111; background: #fff; font-size: 11px; font-weight: 800; cursor: pointer; }
.member-note { margin: 14px 0 0; line-height: 1.55; }
.member-empty { padding: 20px 0; color: #888; }
.member-logout { margin-top: 20px; text-align: right; }
.member-logout button { border: 0; color: #666; background: transparent; text-decoration: underline; }
.notice-list { margin-top: 20px; border-top: 2px solid #111; }
.notice-list article { padding: 20px 4px; border-bottom: 1px solid #e5e5e5; }
.notice-list header { display: flex; justify-content: space-between; gap: 12px; }
.notice-list time { color: #888; font-size: 11px; }
.notice-list article > div { margin-top: 12px; color: #444; font-size: 13px; line-height: 1.7; }
.notice-list .admin-notice { margin-top: 10px; padding: 18px; border: 1px solid #d6d6d6; border-left: 5px solid #111; border-radius: 12px; background: #f7f7f7; }
.notice-list .admin-notice.is-pinned { border-left-color: #e53935; background: #fff5f4; }
.admin-notice header strong { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.admin-notice header strong > b { padding: 4px 7px; border-radius: 6px; color: #fff; background: #111; font-size: 10px; letter-spacing: .02em; }
.admin-notice header strong > em { padding: 3px 6px; border-radius: 999px; color: #fff; background: #e53935; font-size: 10px; font-style: normal; }
.community-board-list { margin-top: 20px; border-top: 2px solid #111; }
.community-board-list details { border-bottom: 1px solid #e5e5e5; }
.community-board-list summary { display: flex; justify-content: space-between; gap: 12px; padding: 17px 4px; cursor: pointer; list-style: none; }
.community-board-list summary > span { min-width: 0; display: grid; gap: 4px; }
.community-board-list summary small { color: #777; font-size: 11px; }
.community-board-list summary::-webkit-details-marker { display: none; }
.community-board-list time { color: #888; font-size: 11px; font-weight: 400; }
.community-board-list details > div { padding: 0 4px 18px; color: #444; font-size: 13px; line-height: 1.7; }
.community-write-panel { margin-top: 20px; padding: 16px; border: 1px solid #ddd; border-radius: 12px; background: #fafafa; }
.community-write-panel summary { cursor: pointer; font-weight: 850; }
.community-write-panel form { display: grid; gap: 9px; margin-top: 14px; }
.community-write-panel input, .community-write-panel textarea { width: 100%; padding: 11px; border: 1px solid #d7d7d7; border-radius: 8px; background: #fff; font: inherit; }
.community-write-panel textarea { resize: vertical; }
.community-write-panel button, .community-login-cta { min-height: 42px; display: grid; place-items: center; padding: 0 16px; border: 0; border-radius: 8px; color: #fff; background: #111; font-weight: 800; }
.community-write-panel button { justify-self: end; cursor: pointer; }
.community-login-cta { width: max-content; margin-top: 20px; }
.point-draw-section { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 14px; margin-top: 14px; }
.point-draw-main, .point-winner-board { padding: 20px; border: 1px solid #e5e5e5; border-radius: 14px; background: #fff; }
.point-draw-heading span { color: #666; font-size: 11px; font-weight: 800; }
.point-draw-heading h2, .point-winner-board h2 { margin: 4px 0 15px; font-size: 18px; }
.point-draw-cards { display: grid; gap: 9px; }
.point-draw-cards article { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px; border: 1px solid #e7e7e7; border-radius: 10px; }
.point-draw-cards article > div { min-width: 0; display: grid; gap: 3px; }
.point-draw-cards article span { color: #333; font-size: 13px; }
.point-draw-cards article small { color: #777; font-size: 11px; }
.point-draw-cards button { min-height: 40px; padding: 0 13px; border: 0; border-radius: 8px; color: #fff; background: #111; font-weight: 850; white-space: nowrap; cursor: pointer; }
.point-draw-cards button:disabled { color: #888; background: #eee; cursor: not-allowed; }
.point-winner-board ol { margin: 0; padding: 0; list-style: none; }
.point-winner-board li { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; padding: 10px 0; border-top: 1px solid #eee; }
.point-winner-board li span { font-weight: 850; }
.point-winner-board li strong { color: #e53935; font-size: 11px; }
.point-winner-board li time { grid-column: 1 / -1; color: #888; font-size: 10px; }
.point-page-hero { position: relative; overflow: hidden; padding: 22px 24px; border-radius: 14px; color: #fff; background: #111; }
.point-page-hero > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.point-page-hero > div span { font-size: 12px; font-weight: 800; }
.point-page-hero > div strong { font-size: clamp(22px,4vw,32px); }
.point-page-hero h1 { margin: 20px 0 6px; font-size: clamp(28px,5vw,42px); line-height: 1; letter-spacing: -.05em; }
.point-page-hero p { margin: 0; color: #cfcfcf; font-size: 13px; }
.point-attendance { margin-top: 18px; padding-top: 16px; border-top: 1px solid #393939; }
.point-attendance > span { display: grid; gap: 3px; }
.point-attendance > span strong { font-size: 14px; }
.point-attendance > span small { color: #cfcfcf; font-size: 12px; }
.point-attendance form { margin: 0; }
.point-attendance button { min-width: 126px; min-height: 40px; padding: 0 15px; border: 1px solid #fff; border-radius: 8px; color: #111; background: #fff; font-weight: 900; cursor: pointer; }
.point-attendance button:disabled { border-color: #555; color: #aaa; background: #252525; cursor: default; }
.point-birthday { margin-top: 12px; }
.member-profile-data dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 14px 0; }
.member-profile-data dl div { padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 9px; background: var(--color-bg-soft); }
.member-profile-data dt { color: var(--color-muted); font-size: 11px; }
.member-profile-data dd { margin: 4px 0 0; color: var(--color-text-strong); font-weight: 850; }
.member-profile-data p { margin: 0; color: var(--color-muted); font-size: 12px; line-height: 1.6; }
.point-draw-section-primary { margin-top: 14px; grid-template-columns: minmax(0,1fr) 280px; }
.point-draw-section-primary .point-draw-main { min-height: 0; padding: 20px; border: 2px solid #111; }
.point-draw-section-primary .point-draw-heading h2 { font-size: 22px; }
.point-draw-section-primary .point-draw-cards article { min-height: 0; padding: 16px; border-radius: 12px; }
.point-draw-section-primary .point-draw-cards article strong { font-size: 18px; }
.point-draw-section-primary .point-draw-cards article span { font-size: 14px; }
.point-draw-section-primary .point-draw-cards button { min-height: 46px; padding: 0 18px; font-size: 14px; }
.point-roulette-card { display: grid !important; grid-template-columns: 190px minmax(0,1fr); align-items: center !important; gap: 22px !important; }
.point-roulette-stage { position: relative; width: 180px; height: 180px; display: grid; place-items: center; margin: auto; }
.point-roulette-pointer { position: absolute; z-index: 2; top: -3px; left: 50%; width: 0; height: 0; border-inline: 10px solid transparent; border-top: 18px solid #111; transform: translateX(-50%); }
.point-roulette-wheel { width: 166px; height: 166px; display: grid; place-content: center; gap: 2px; border: 7px solid #111; border-radius: 50%; text-align: center; box-shadow: inset 0 0 0 3px #fff; background: repeating-conic-gradient(#ff5a1f 0deg 30deg,#fff 30deg 60deg); }
.point-roulette-wheel::after { content: ''; position: absolute; inset: 50% auto auto 50%; width: 66px; height: 66px; border: 3px solid #111; border-radius: 50%; background: #fff; transform: translate(-50%,-50%); }
.point-roulette-wheel span, .point-roulette-wheel strong { position: relative; z-index: 1; color: #111; }
.point-roulette-wheel span { font-size: 9px !important; font-weight: 900; letter-spacing: .08em; }
.point-roulette-wheel strong { font-size: 18px !important; }
.point-roulette-wheel.is-spinning { animation: point-roulette-spin 1.15s cubic-bezier(.12,.62,.18,1) both; }
.point-roulette-copy { min-width: 0; display: grid; gap: 4px; }
.point-roulette-copy small { margin-bottom: 9px; }
.point-roulette-copy form { margin-top: 4px; }
@keyframes point-roulette-spin { to { transform: rotate(1440deg); } }
.point-draw-empty { min-height: 190px; display: grid; place-content: center; gap: 8px; text-align: center; border: 1px dashed #bdbdbd; border-radius: 14px; background: #fafafa; }
.point-draw-empty strong { font-size: 22px; }
.point-draw-empty span { color: #777; font-size: 13px; }
.point-page-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 14px; }
.point-back-link { display: block; width: max-content; margin: 18px 0 0 auto; color: #555; font-size: 12px; text-decoration: underline; }
.roulette-settings-panel { margin-top: 14px; }
.member-demographics-panel { margin-top: 14px; }
.member-demographics-panel .panel-heading > strong { color: var(--color-text-strong); font-size: 24px; }
.demographic-coverage { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0; }
.demographic-coverage span { padding: 6px 9px; border-radius: 999px; color: var(--color-text); background: var(--color-bg-soft); font-size: 11px; font-weight: 800; }
.demographic-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.demographic-grid section { min-width: 0; padding: 14px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface); }
.demographic-grid h3 { margin: 0 0 8px; color: var(--color-text-strong); font-size: 13px; }
.demographic-grid ul { max-height: 190px; overflow: auto; margin: 0; padding: 0; list-style: none; }
.demographic-grid li { display: flex; justify-content: space-between; gap: 8px; padding: 7px 0; border-top: 1px solid var(--color-border); color: var(--color-text); font-size: 12px; }
.roulette-admin-list { display: grid; gap: 10px; }
.roulette-admin-list article { display: grid; grid-template-columns: minmax(180px,1fr) minmax(360px,2fr) auto; align-items: center; gap: 18px; padding: 15px; border: 1px solid #e5e5e5; border-radius: 12px; }
.roulette-admin-list article > div { display: grid; gap: 4px; }
.roulette-admin-list article > div span { color: #666; font-size: 12px; }
.roulette-admin-list dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 0; }
.roulette-admin-list dl div { padding: 8px 10px; border-radius: 8px; background: #f5f5f5; }
.roulette-admin-list dt { color: #777; font-size: 10px; }
.roulette-admin-list dd { margin: 3px 0 0; font-weight: 850; }
.roulette-admin-list article > a { color: #111; font-weight: 850; text-decoration: underline; white-space: nowrap; }
.traffic-chart ol { height: 180px; display: flex; align-items: end; gap: 7px; margin: 18px 0 0; padding: 0; list-style: none; }
.traffic-chart li { flex: 1; min-width: 0; height: 160px; display: flex; flex-direction: column; justify-content: flex-end; gap: 5px; text-align: center; }
.traffic-chart li > span { flex: 0 0 auto; min-height: 8px; height: var(--traffic); display: grid; align-items: start; padding-top: 4px; border-radius: 5px 5px 0 0; background: var(--color-text-strong); color: var(--color-surface); font-size: 9px; }
.traffic-chart small { color: var(--color-muted); font-size: 9px; }

@media (max-width: 720px) {
    .header-account-links { display: none; }
    .compact-search-toolbar { align-items: stretch; display: grid; grid-template-columns: 1fr 1fr; overflow: visible; }
    .compact-search-toolbar label:first-child { grid-column: 1 / -1; }
    .compact-search-toolbar button { grid-column: 1 / -1; }
    .member-grid { grid-template-columns: 1fr; }
    .member-alert-fields > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .member-settings-tabs { width: 100%; }
    .member-settings-tabs a { flex: 1; min-width: 0; }
    .member-privacy-panel > header { align-items: flex-start; padding: 20px; }
    .member-privacy-list { padding: 0 20px; }
    .member-privacy-list > div { grid-template-columns: 84px 1fr; gap: 6px 14px; padding: 14px 0; }
    .member-privacy-list small { grid-column: 2; text-align: left; }
    .member-privacy-note { margin: 20px 20px 12px; }
    .member-provider-help { padding: 0 20px 22px; }
    .demographic-grid { grid-template-columns: 1fr 1fr; }
    .point-draw-section { grid-template-columns: 1fr; }
    .point-draw-cards article { align-items: stretch; flex-direction: column; }
    .traffic-heading { align-items: stretch; flex-direction: column; }
    .traffic-period-form { justify-content: space-between; }
    .traffic-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .traffic-detail-grid, .traffic-lower-grid { grid-template-columns: 1fr; }
    .traffic-chart ol { height: 150px; gap: 3px; overflow-x: auto; }
    .traffic-chart li { min-width: 24px; height: 130px; }
    .traffic-chart li > span, .traffic-chart small { font-size: 7px; }
    .point-draw-cards button { width: 100%; }
    .member-heading { align-items: flex-start; gap: 14px; flex-direction: column; }
    .point-page-hero { padding: 19px 18px; }
    .point-page-hero h1 { margin-top: 18px; }
    .point-draw-section-primary .point-draw-main { min-height: 0; padding: 16px; }
    .point-roulette-card { grid-template-columns: 1fr; gap: 10px !important; text-align: center; }
    .point-roulette-stage { width: 154px; height: 154px; }
    .point-roulette-wheel { width: 142px; height: 142px; }
    .point-roulette-copy form { width: 100%; }
    .point-page-details { grid-template-columns: 1fr; }
    .roulette-admin-list article { grid-template-columns: 1fr; gap: 12px; }
    .roulette-admin-list dl { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .board-listing-section .deal-board-row,
    .search-discovery-results .deal-board-row { min-height: 92px; padding: 10px; }
    .board-listing-section .discovery-board-row .deal-board-main,
    .search-discovery-results .discovery-board-row .deal-board-main { grid-template-columns: 64px minmax(0,1fr); gap: 10px; }
    .board-listing-section .deal-board-thumb,
    .search-discovery-results .deal-board-thumb { width: 64px; height: 64px; }
    .board-listing-section .deal-board-value strong,
    .search-discovery-results .deal-board-value strong { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
/* V6.2 prelaunch status and policy surfaces */
.prelaunch-status-section { padding: 28px 0; background: #fff7f0; border-block: 1px solid #f2dfd0; }
.prelaunch-status-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 1.2fr); gap: 32px; align-items: center; }
.prelaunch-status-grid h2 { margin: 6px 0; }
.prelaunch-status-grid p { margin: 0; color: #5b6472; }
.prelaunch-status-grid dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; }
.prelaunch-status-grid dl div { min-width: 0; padding: 16px; border: 1px solid #efd8c8; border-radius: 14px; background: #fff; }
.prelaunch-status-grid dt { color: #6b7280; font-size: .82rem; }
.prelaunch-status-grid dd { margin: 6px 0 0; font-weight: 800; overflow-wrap: anywhere; }
.content-page { min-height: 65vh; padding: 58px 0 88px; color: var(--color-text); background: var(--color-bg); }
.content-page-shell { max-width: 1040px; }
.content-page-header { margin-bottom: 34px; padding-bottom: 30px; border-bottom: 1px solid var(--color-border); }
.content-page-header h1 { margin: 9px 0 13px; color: var(--color-text-strong); font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.08; letter-spacing: -.045em; }
.content-page-header p { max-width: 760px; margin: 0; color: var(--color-muted); font-size: 15px; line-height: 1.8; }
.policy-revision { display: inline-flex; margin-top: 17px; padding: 5px 9px; color: var(--color-muted); background: var(--color-bg-soft); border: 1px solid var(--color-border); border-radius: 999px; font-size: 11px; font-weight: 750; }
.policy-layout { display: grid; grid-template-columns: 205px minmax(0, 1fr); align-items: start; gap: 30px; }
.policy-toc { position: sticky; top: 155px; display: grid; overflow: hidden; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.policy-toc strong { padding: 15px 17px 11px; color: var(--color-text-strong); font-size: 12px; }
.policy-toc a { padding: 8px 17px; color: var(--color-muted); border-top: 1px solid var(--color-border); font-size: 11px; line-height: 1.45; }
.policy-toc a:hover { color: var(--color-text-strong); background: var(--color-bg-soft); }
.policy-sections { display: grid; gap: 16px; }
.policy-sections section { scroll-margin-top: 165px; padding: 25px 27px; color: var(--color-text); border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.policy-sections h2 { margin: 0 0 13px; color: var(--color-text-strong); font-size: 1.13rem; line-height: 1.45; }
.policy-sections p, .policy-sections li { color: var(--color-text); font-size: 13px; line-height: 1.82; word-break: keep-all; overflow-wrap: anywhere; }
.policy-sections p { margin: 0; }
.policy-sections ul { display: grid; gap: 8px; margin: 0; padding-left: 1.2rem; }
.policy-sections li::marker { color: var(--color-subtle); }
.policy-contact { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 28px 0 0 235px; padding: 20px 22px; color: var(--color-text); border: 1px solid var(--color-border); border-radius: 15px; background: var(--color-bg-soft); }
.policy-contact div { display: grid; gap: 4px; }
.policy-contact strong { color: var(--color-text-strong); font-size: 13px; }
.policy-contact span { color: var(--color-muted); font-size: 11px; }
.policy-contact .button { flex: 0 0 auto; min-height: 39px; font-size: 11px; }
.status-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.status-summary div { padding: 21px 23px; color: var(--color-text); border: 1px solid var(--color-border); border-radius: 15px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.status-summary strong, .status-summary span { display: block; }
.status-summary strong { color: var(--color-text-strong); font-size: 2rem; line-height: 1.1; }
.status-summary span { margin-top: 7px; color: var(--color-muted); font-size: 11px; }
.about-sections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.about-sections section:first-child { grid-column: 1 / -1; }
.about-actions { display: flex; gap: 9px; margin-top: 24px; }

@media (max-width: 760px) {
    .prelaunch-status-grid { grid-template-columns: 1fr; gap: 20px; }
    .prelaunch-status-grid dl { grid-template-columns: 1fr; }
    .content-page { padding: 34px 0 60px; }
    .content-page-header { margin-bottom: 22px; padding-bottom: 22px; }
    .content-page-header p { font-size: 13px; }
    .policy-layout { grid-template-columns: 1fr; gap: 14px; }
    .policy-toc { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .policy-toc strong { grid-column: 1 / -1; }
    .policy-toc a { padding: 9px 12px; font-size: 10px; }
    .policy-sections section { scroll-margin-top: 120px; padding: 19px 18px; border-radius: 13px; }
    .policy-sections p, .policy-sections li { font-size: 12px; word-break: normal; }
    .policy-contact { align-items: stretch; flex-direction: column; gap: 14px; margin-left: 0; padding: 18px; }
    .policy-contact .button { width: 100%; }
    .status-summary { grid-template-columns: 1fr; }
    .status-summary div { padding: 17px 18px; }
    .about-sections { grid-template-columns: 1fr; }
    .about-sections section:first-child { grid-column: auto; }
    .about-actions { display: grid; grid-template-columns: 1fr 1fr; }
}

/* V6.4 signal-only community hotdeal cards */
.discovery-radar-section { padding: 46px 0; background: #fff; border-bottom: 1px solid var(--color-border); }
.discovery-radar-section .section-heading { align-items: end; margin-bottom: 17px; }
.discovery-radar-section .section-heading a { color: #d95500; font-size: 11px; font-weight: 850; }
.discovery-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid #dfd9d1; border-radius: 12px; background: #fff; box-shadow: 0 7px 24px rgba(35,42,48,.05); }
.discovery-card { display: grid; grid-template-columns: 76px minmax(0, 1fr) 18px; align-items: center; gap: 13px; min-width: 0; min-height: 108px; padding: 14px 15px; background: #fff; transition: background .15s ease, transform .15s ease; }
.discovery-card:nth-child(even) { border-left: 1px solid #eee8e0; }
.discovery-card:nth-child(n+3) { border-top: 1px solid #eee8e0; }
.discovery-card:hover { background: #fffaf6; }
.discovery-card-visual { position: relative; display: block; overflow: hidden; width: 76px; height: 76px; border: 1px solid #eadfd2; border-radius: 11px; background: linear-gradient(145deg, #fff7ef, #ffe8d4); text-align: center; }
.discovery-card-visual img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .2s ease; }
.discovery-card:hover .discovery-card-visual img { transform: scale(1.035); }
.tone-food { background: linear-gradient(145deg, #fff7dc, #ffe6b2); }
.tone-digital { background: linear-gradient(145deg, #edf7ff, #d9ebff); }
.tone-fashion { background: linear-gradient(145deg, #fff0f5, #ffdce8); }
.tone-living { background: linear-gradient(145deg, #effaf1, #dcefe0); }
.tone-travel { background: linear-gradient(145deg, #eafaff, #d7eef7); }
.tone-baby { background: linear-gradient(145deg, #fff7f8, #f2e9ea); }
.tone-game { background: linear-gradient(145deg, #f1f3f5, #e1e5e9); }
.tone-tcg { background: linear-gradient(145deg, #fff8dc, #efe4bd); }
.tone-beauty { background: linear-gradient(145deg, #f8efff, #eadcff); }
.tone-event { background: linear-gradient(145deg, #fff1e8, #ffd9bf); }
.tone-free { background: linear-gradient(145deg, #effcf5, #d5f3e2); }
.tone-deal { background: linear-gradient(145deg, #fff7ef, #ffe6d1); }
.discovery-card-body { min-width: 0; }
.discovery-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #8a8179; font-size: 9px; }
.discovery-card-head b { padding: 3px 7px; border-radius: 20px; color: #d95500; background: #fff0e5; font-size: 9px; }
.discovery-card-title { display: -webkit-box; margin-top: 8px; overflow: hidden; color: #202a33; font-size: 14px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.discovery-card-meta { display: flex; align-items: center; gap: 7px; margin-top: 9px; overflow: hidden; color: #7b746d; white-space: nowrap; }
.discovery-card-meta b { overflow: hidden; color: #d95500; font-size: 12px; text-overflow: ellipsis; }
.discovery-card-meta em { flex: 0 0 auto; padding: 2px 6px; border: 1px solid #ddd5cc; border-radius: 4px; color: #766e67; font-size: 8px; font-style: normal; }
.discovery-card-meta small { overflow: hidden; color: #555; font-size: 10px; line-height: 1.35; text-overflow: ellipsis; }
.discovery-card-arrow { color: #a69c92; font-size: 25px; font-weight: 300; }

@media (max-width: 760px) {
    .discovery-radar-section { padding: 34px 0; }
    .discovery-radar-section .section-heading { align-items: flex-end; }
    .discovery-radar-section .section-heading p { display: none; }
    .discovery-card-grid { grid-template-columns: 1fr; }
    .discovery-card { grid-template-columns: 58px minmax(0, 1fr) 14px; gap: 10px; min-height: 88px; padding: 11px 10px; }
    .discovery-card:nth-child(even) { border-left: 0; }
    .discovery-card:nth-child(n+2) { border-top: 1px solid #eee8e0; }
    .discovery-card-visual { width: 58px; height: 58px; border-radius: 9px; }
    .discovery-card-visual b { font-size: 24px; }
    .discovery-card-visual small { margin-top: 5px; font-size: 7px; }
    .discovery-card-title { margin-top: 6px; font-size: 12px; }
    .discovery-card-meta { gap: 5px; margin-top: 6px; }
    .discovery-card-meta b { font-size: 11px; }
    .discovery-card-meta small { display: none; }
    .discovery-card-arrow { font-size: 21px; }
}

/* V6.4.1 historical price intelligence: render only with real observations */
.price-history-panel { margin: 28px 0; padding: 24px; border: 1px solid var(--color-border); border-top: 3px solid #ff6a00; background: #fff; }
.price-history-heading, .price-history-summary, .price-history-range, .price-window-grid { display: flex; }
.price-history-heading { align-items: flex-start; justify-content: space-between; gap: 16px; }
.price-history-heading span, .price-history-summary span, .price-window-grid span, .price-window-grid small, .price-history-note, .price-history-range { color: #6b7280; }
.price-history-heading h2 { margin: 4px 0 0; }
.price-history-heading > b { padding: 6px 9px; border: 1px solid var(--color-border); color: #a94300; font-size: .8rem; }
.price-history-summary { margin-top: 20px; border: 1px solid var(--color-border); }
.price-history-summary > div { flex: 1 1 0; min-width: 0; padding: 16px; border-right: 1px solid var(--color-border); }
.price-history-summary > div:last-child { border-right: 0; }
.price-history-summary span, .price-history-summary strong { display: block; }
.price-history-summary strong { margin-top: 7px; font-size: 1.05rem; overflow-wrap: anywhere; }
.price-history-chart-wrap { margin-top: 18px; padding: 12px 12px 6px; border: 1px solid var(--color-border); background: #fcfbf8; }
.price-history-chart { display: block; width: 100%; height: auto; max-height: 250px; }
.price-history-chart line { stroke: #e8e2d8; stroke-width: 1; }
.price-history-chart polyline { fill: none; stroke: #ff6a00; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4; }
.price-history-chart circle { fill: #fff; stroke: #ff6a00; stroke-width: 3; }
.price-history-range { justify-content: space-between; margin-top: 4px; font-size: .75rem; }
.price-window-grid { gap: 10px; margin-top: 12px; }
.price-window-grid > div { flex: 1 1 0; padding: 13px; border: 1px solid var(--color-border); }
.price-window-grid strong, .price-window-grid span, .price-window-grid b, .price-window-grid small { display: block; }
.price-window-grid span, .price-window-grid small { margin-top: 4px; font-size: .75rem; }
.price-window-grid b { margin-top: 9px; }
.price-history-note { margin: 12px 0 0; font-size: .8rem; }
.price-history-note strong { color: #a94300; }

@media (max-width: 760px) {
    .price-history-panel { padding: 18px 14px; }
    .price-history-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .price-history-summary > div { border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
    .price-history-summary > div:nth-child(2n) { border-right: 0; }
    .price-history-summary > div:nth-last-child(-n+2) { border-bottom: 0; }
    .price-window-grid { display: grid; grid-template-columns: 1fr; }
}

/* V6.4.20 home: compact mobile-first feed */
.home-mobile-feed { background: #f3f4f6; }
.home-mobile-feed .site-header .shell,
.home-mobile-feed main .shell,
.home-mobile-feed .site-footer .shell { width: min(760px, calc(100% - 24px)); }
.home-mobile-feed .home-hero { padding: 18px 0 14px; background: #fff; }
.home-mobile-feed .home-hero-grid { display: block; }
.home-mobile-feed .hero-copy h1 { margin: 5px 0 12px; font-size: 25px; line-height: 1.2; }
.home-mobile-feed .home-feed-search { max-width: none; margin-bottom: 10px; border-radius: 9px; }
.home-mobile-feed .home-feed-search input { height: 44px; }
.home-mobile-feed .home-live-stats { max-width: none; margin: 0; border-radius: 8px; overflow: hidden; }
.home-mobile-feed .home-live-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.home-mobile-feed main .home-content-layout { position: relative; width: min(760px, calc(100% - 24px)); display: grid; grid-template-columns: 1fr; gap: 16px; align-items: start; padding: 16px 0 24px; }
.home-mobile-feed .discovery-radar-section { padding: 16px 0 8px; background: #f3f4f6; }
.home-mobile-feed .home-content-layout .discovery-radar-section { padding: 0; border-bottom: 0; }
.home-mobile-feed .discovery-radar-section .section-heading { margin-bottom: 9px; }
.home-mobile-feed .discovery-radar-section .section-heading h2 { font-size: 19px; }
.home-mobile-feed .discovery-radar-section .section-heading p { margin-top: 2px; font-size: 10px; }
.home-mobile-feed .discovery-card-grid { display: block; border-radius: 9px; box-shadow: none; }
.home-mobile-feed .discovery-card { grid-template-columns: 88px minmax(0, 1fr) 14px; gap: 12px; min-height: 112px; padding: 11px; border: 0; border-top: 1px solid #e8e8e8; }
.home-mobile-feed .discovery-card:first-child { border-top: 0; }
.home-mobile-feed .discovery-card:nth-child(n) { border-left: 0; }
.home-mobile-feed .discovery-card-visual { width: 88px; height: 88px; border-radius: 8px; background: #f7f7f7; }
.home-mobile-feed .discovery-card-head { font-size: 10px; }
.home-mobile-feed .discovery-card-head b { padding: 2px 6px; background: #f1f3f5; color: #4b5563; }
.home-mobile-feed .discovery-card-title { margin-top: 6px; font-size: 14px; line-height: 1.42; }
.home-mobile-feed .discovery-card-meta { margin-top: 7px; }
.home-mobile-feed .discovery-card-meta b { font-size: 13px; }
.home-mobile-feed .discovery-card-meta small { font-size: 11px; font-weight: 600; }
.home-mobile-feed .discovery-card-meta em { border: 0; background: #f1f3f5; }
.home-mobile-feed .discovery-card-arrow { font-size: 20px; }
.home-support-sidebar { position: static; }
.support-mini-window { overflow: hidden; border: 1px solid #ded8d0; border-radius: 11px; background: #fff; box-shadow: 0 6px 20px rgba(35,42,48,.06); }
.support-mini-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 14px 11px; border-bottom: 1px solid #eee8e0; }
.support-mini-heading small { display: block; margin-bottom: 2px; color: #78828c; font-size: 8px; font-weight: 800; }
.support-mini-heading h2 { margin: 0; font-size: 17px; }
.support-mini-heading > b { padding: 4px 7px; border-radius: 14px; color: #d95500; background: #fff0e5; font-size: 10px; }
.support-mini-list { max-height: 460px; margin: 0; padding: 0; overflow: auto; list-style: none; }
.support-mini-list li + li { border-top: 1px solid #f0ece7; }
.support-mini-list a { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 3px 7px; padding: 11px 12px; }
.support-mini-list a > span { grid-row: 1 / span 2; color: #ff6a00; font-size: 12px; font-weight: 900; }
.support-mini-list strong { display: -webkit-box; overflow: hidden; color: #202a33; font-size: 11px; line-height: 1.42; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.support-mini-list small { overflow: hidden; color: #7a746d; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }
.support-mini-all { display: block; padding: 11px 12px; border-top: 1px solid #eee8e0; color: #d95500; font-size: 10px; font-weight: 850; text-align: center; }
.footer-partner-banner { width: min(728px, calc(100% - 20px)); margin: 24px auto; text-align: center; }
.footer-partner-banner a { display: block; overflow: hidden; width: 100%; }
.footer-partner-banner img { display: block; width: 100%; height: auto; aspect-ratio: 728 / 90; object-fit: contain; }
.footer-partner-banner p { margin: 6px 0 0; color: #666; font-size: 10px; line-height: 1.5; }
.desktop-partner-rail { display: none; }
@media (min-width: 1500px) and (min-height: 620px) {
    .desktop-partner-rail {
        position: fixed;
        z-index: 8;
        top: 170px;
        left: max(14px, calc(50% - 738px));
        display: grid;
        width: 132px;
        padding: 9px 6px 8px;
        color: #4e545b;
        background: #fff;
        border: 1px solid #dfe2e6;
        border-radius: 12px;
        box-shadow: 0 8px 26px rgba(0, 0, 0, .08);
        text-align: center;
    }
    .desktop-partner-rail > small { font-size: 9px; }
    .desktop-partner-rail > strong { margin: 2px 0 6px; color: #15171a; font-size: 12px; }
    .desktop-partner-rail iframe { display: block; width: 120px; height: 240px; margin: 0 auto; border: 0; }
    .desktop-partner-rail p { margin: 6px 2px 0; font-size: 8px; line-height: 1.4; }
}
.hotdeal-outbound-page { min-height: 62vh; padding: 48px 0; background: #f7f7f7; }
.hotdeal-outbound-panel { width: min(560px, calc(100% - 20px)); margin: 0 auto; padding: 28px; border: 1px solid #dedede; border-radius: 12px; background: #fff; text-align: center; }
.hotdeal-outbound-panel h1 { margin: 0; color: #111; font-size: 23px; }
.hotdeal-outbound-title { margin: 10px 0 0; color: #444; font-size: 14px; line-height: 1.5; }
.hotdeal-outbound-countdown { margin: 16px 0 0; color: #555; font-size: 12px; }
.hotdeal-outbound-countdown strong { color: #111; font-size: 18px; }
.hotdeal-loading-bar { height: 4px; margin: 22px 0; overflow: hidden; border-radius: 4px; background: #e8e8e8; }
.hotdeal-loading-bar span { display: block; width: 100%; height: 100%; background: #111; transform-origin: left; animation: hotdeal-loading var(--outbound-delay, 10s) linear forwards; }
.hotdeal-login-nudge { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -6px 0 18px; padding: 11px 12px; border-radius: 8px; background: #f3f4f6; text-align: left; }
.hotdeal-login-nudge p { margin: 0; color: #343434; font-size: 11px; line-height: 1.45; }
.hotdeal-login-nudge a { flex: 0 0 auto; padding: 7px 10px; border-radius: 6px; color: #fff; background: #111; font-size: 10px; font-weight: 850; }
.hotdeal-outbound-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 2px; text-align: left; }
.hotdeal-outbound-product-link { display: flex; min-width: 0; min-height: 52px; padding: 9px 10px; border: 1px solid #e4e4e4; border-radius: 8px; background: #fafafa; flex-direction: column; justify-content: center; }
.hotdeal-outbound-product-link b { overflow: hidden; color: #171717; font-size: 12px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.hotdeal-outbound-product-link span { margin-top: 3px; color: #666; font-size: 10px; font-weight: 700; }
.hotdeal-outbound-product-link:hover { border-color: #111; background: #fff; }
.hotdeal-outbound-disclosure { max-width: 390px; margin: 12px auto 0; color: #666; font-size: 10px; line-height: 1.55; }
.hotdeal-outbound-now { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; margin-top: 16px; padding: 0 18px; border-radius: 6px; color: #fff; background: #111; font-size: 13px; font-weight: 800; }
.hotdeal-outbound-now.is-waiting { color: #777; background: #e7e7e7; cursor: wait; pointer-events: none; }
@keyframes hotdeal-loading { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.home-mobile-feed .live-ranking-section { padding: 8px 0; background: #f3f4f6; }
.home-mobile-feed .live-ranking-list { grid-template-columns: 1fr; }
.home-mobile-feed .live-ranking-list li:nth-child(n) { border-right: 0; }
.home-mobile-feed .opportunity-section,
.home-mobile-feed .information-section { padding: 24px 0; background: #f3f4f6; }
.home-mobile-feed .opportunity-grid,
.home-mobile-feed .information-layout { grid-template-columns: 1fr; }
.home-mobile-feed .section-heading { margin-bottom: 12px; }
.home-mobile-feed .section-heading h2 { font-size: 19px; }
.home-mobile-feed .opportunity-card { padding: 16px; }
.home-mobile-feed .information-layout { gap: 18px; }
.home-mobile-feed .site-footer { padding: 30px 0; }
.home-mobile-feed .footer-grid { gap: 22px; }
.home-mobile-feed .footer-notice { display: none; }

/* Keep the primary hotdeal feed on the viewport centerline. The support window
   occupies only the spare desktop space to its right, so it never shifts the feed. */
@media (min-width: 1180px) {
    .home-mobile-feed main .home-content-layout { display: block; }
    .home-mobile-feed .home-support-sidebar {
        position: absolute;
        top: 16px;
        left: calc(100% + 16px);
        width: min(264px, calc((100vw - 760px) / 2 - 28px));
    }
}

@media (max-width: 760px) {
    .home-mobile-feed .site-header .shell,
    .home-mobile-feed main .shell,
    .home-mobile-feed .site-footer .shell { width: calc(100% - 20px); }
    .home-mobile-feed .header-main { min-height: 0; display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 0; }
    .home-mobile-feed .brand { min-height: 34px; }
    .home-mobile-feed .header-search { order: 3; width: 100%; max-width: none; display: grid; flex-basis: 100%; height: 40px; margin: 0; }
    .home-mobile-feed .mobile-menu { margin-left: auto; }
    .home-mobile-feed .category-nav { padding-inline: 0; }
    .home-mobile-feed .home-hero { padding: 13px 0 11px; }
    .home-mobile-feed .live-label { font-size: 9px; }
    .home-mobile-feed .hero-copy h1 { margin: 4px 0 10px; font-size: 22px; }
    .home-mobile-feed .home-feed-search { display: none; }
    .home-mobile-feed .home-live-stats dt { font-size: 7px; }
    .home-mobile-feed .home-live-stats dd { font-size: 14px; }
    .home-mobile-feed .discovery-radar-section { padding-top: 12px; }
    .home-mobile-feed main .home-content-layout { width: calc(100% - 20px); grid-template-columns: 1fr; gap: 10px; padding: 10px 0 20px; }
    .home-mobile-feed .home-content-layout .discovery-radar-section { padding-top: 0; }
    .home-mobile-feed .discovery-radar-section .section-heading h2 { font-size: 17px; }
    .home-mobile-feed .discovery-radar-section .section-heading p { display: block; }
    .home-mobile-feed .discovery-card { grid-template-columns: 78px minmax(0, 1fr) 10px; gap: 10px; min-height: 100px; padding: 10px 8px; }
    .home-mobile-feed .discovery-card-visual { width: 78px; height: 78px; }
    .home-mobile-feed .discovery-card-title { font-size: 13px; }
    .home-mobile-feed .discovery-card-meta small { display: none; }
    .home-mobile-feed .live-ranking-heading { grid-template-columns: auto minmax(0, 1fr) 30px; }
    .home-support-sidebar { position: static; order: -1; }
    .support-mini-window { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border-radius: 9px; }
    .support-mini-heading { border-bottom: 0; padding: 10px 12px; }
    .support-mini-heading small { display: none; }
    .support-mini-heading h2 { font-size: 14px; }
    .support-mini-list { display: none; }
    .support-mini-all { border-top: 0; border-left: 1px solid #eee8e0; padding: 15px 12px; white-space: nowrap; }
    .hotdeal-outbound-page { padding: 22px 0; }
    .hotdeal-outbound-panel { padding: 20px 12px; }
    .hotdeal-outbound-panel h1 { font-size: 20px; }
    .hotdeal-outbound-products { grid-template-columns: 1fr; gap: 6px; }
    .footer-partner-banner { margin: 18px auto; }
    .home-mobile-feed .opportunity-section,
    .home-mobile-feed .information-section { padding: 20px 0; }
    .home-mobile-feed .footer-grid { align-items: center; gap: 18px; }
    .home-mobile-feed .footer-links { justify-content: flex-end; gap: 8px 14px; }
}

@media (max-width: 520px) {
    .footer-grid { flex-direction: column; align-items: flex-start; gap: 16px; }
    .footer-links { justify-content: flex-start; gap: 8px 16px; }
}

/* V6.4.31 — public monochrome identity: white surface, black type, thin rules. */
body,
.home-mobile-feed,
.home-mobile-feed .discovery-radar-section,
.home-mobile-feed .live-ranking-section,
.home-mobile-feed .opportunity-section,
.home-mobile-feed .information-section { background: #fff; }

.site-header { background: #fff; }
.site-header .brand-name { color: #111; font-size: 24px; letter-spacing: .035em; }
.header-search button,
.filter-submit,
.button-primary { color: #fff; background: #111; box-shadow: none; }
.header-search button:hover,
.filter-submit:hover,
.button-primary:hover { background: #333; }
.category-nav-wrap { border-bottom: 1px solid #ddd; }
.category-nav .nav-coming-soon { color: #888; }
.category-nav .nav-coming-soon small { border-color: #bbb; }

.live-ranking-heading-copy > i { border-color: #111; }
.live-ranking-heading-copy > i::after { background: #111; }
.live-ranking-current b,
.live-ranking-list a > b,
.live-ranking-list em,
.fresh-label,
.live-label,
.section-kicker,
.section-heading > a,
.support-mini-list a > span,
.support-mini-all,
.discovery-radar-section .section-heading a,
.discovery-card-head b,
.discovery-card-meta b,
.status-summary strong { color: #111; }
.live-label span,
.fresh-label i,
.verified-dot { background: #111; box-shadow: 0 0 0 3px #eee; }
.live-ranking-list a:hover,
.discovery-card:hover,
.button-secondary:hover { background: #f7f7f7; }

.discovery-card-grid,
.discovery-card-visual,
.support-mini-window,
.live-ranking-panel,
.article-card,
.article-main,
.opportunity-card { border-color: #dedede; box-shadow: none; }
.discovery-card:nth-child(even),
.discovery-card:nth-child(n+3),
.support-mini-list li + li,
.support-mini-heading,
.support-mini-all,
.live-ranking-list li:nth-child(odd),
.live-ranking-list li:nth-child(n+3),
.live-ranking-list a { border-color: #e7e7e7; }
.discovery-card-head b,
.support-mini-heading > b,
.discovery-card-meta em,
.category-badge,
.grade-badge,
.deadline-badge { color: #333; background: #f3f3f3; border-color: #ddd; }
.grade-badge.grade-s { color: #111; background: #eee; border-color: #bbb; }

/* V6.5.5 source and merchant brand badges */
.brand-badge {
    --brand-bg: #f0f1f3;
    --brand-fg: #343a40;
    --brand-border: #e0e2e5;
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 3px 7px;
    border: 1px solid var(--brand-border) !important;
    border-radius: 999px;
    color: var(--brand-fg) !important;
    background: var(--brand-bg) !important;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
}
.brand-source { box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.brand-merchant { margin-left: 4px; }
.brand-naver { --brand-bg: #03c75a; --brand-fg: #fff; --brand-border: #03b753; }
.brand-compuzone { --brand-bg: #1967d2; --brand-fg: #fff; --brand-border: #1559b7; }
.brand-lotteon { --brand-bg: #ef2b2d; --brand-fg: #fff; --brand-border: #d91f24; }
.brand-gmarket { --brand-bg: #00a94f; --brand-fg: #fff; --brand-border: #009446; }
.brand-29cm { --brand-bg: #111; --brand-fg: #fff; --brand-border: #111; }
.brand-coupang { --brand-bg: #e52b2f; --brand-fg: #fff; --brand-border: #cf2025; }
.brand-elevenst { --brand-bg: #ff0038; --brand-fg: #fff; --brand-border: #e40032; }
.brand-auction { --brand-bg: #e63740; --brand-fg: #fff; --brand-border: #cf2d35; }
.brand-ssg { --brand-bg: #ff5452; --brand-fg: #fff; --brand-border: #e94442; }
.brand-homeplus { --brand-bg: #e5007d; --brand-fg: #fff; --brand-border: #cb006f; }
.brand-toss { --brand-bg: #0064ff; --brand-fg: #fff; --brand-border: #005ae5; }
.brand-g9 { --brand-bg: #ef4b24; --brand-fg: #fff; --brand-border: #d93e1a; }
.brand-goodwear { --brand-bg: #4c4aa8; --brand-fg: #fff; --brand-border: #403e92; }
.brand-ohouse { --brand-bg: #35c5f0; --brand-fg: #073b4c; --brand-border: #25b5df; }
.brand-musinsa, .brand-kream { --brand-bg: #111; --brand-fg: #fff; --brand-border: #111; }

/* V6.5.6 — login-only reactions and readable raffle metadata */
.content-engagement { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.content-engagement form { margin: 0; }
.content-engagement button,
.content-engagement > a { min-height: 38px; display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; color: #4b5563; background: #fff; border: 1px solid #dedede; border-radius: 999px; font-size: 12px; font-weight: 750; cursor: pointer; }
.content-engagement button:hover,
.content-engagement > a:hover { color: #111; border-color: #999; background: #f7f7f7; }
.content-engagement button.is-selected { color: #fff; background: #111; border-color: #111; }
.content-engagement button.is-selected.is-like .reaction-icon { color: #ff334b; }
.content-engagement span { font-size: 16px; line-height: 1; }
.content-engagement b { color: inherit; font-size: 11px; }
.content-engagement.is-compact { gap: 5px; margin: 0; padding: 7px 11px 9px; border-top: 1px solid #efefef; }
.content-engagement.is-compact button,
.content-engagement.is-compact > a { min-height: 30px; padding: 0 9px; border: 0; background: transparent; font-size: 10px; }
.content-engagement.is-compact button.is-selected { color: #fff; background: #111; }
.content-engagement.is-compact span { font-size: 13px; }

.discovery-card-item { min-width: 0; background: #fff; }
.discovery-card-item:nth-child(even) { border-left: 1px solid #e7e7e7; }
.discovery-card-item:nth-child(n+3) { border-top: 1px solid #e7e7e7; }
.discovery-card-item .discovery-card { border: 0 !important; }
.support-mini-list .content-engagement { padding: 0 8px 7px 33px; border-top: 0; }
.deal-board-list > li > .content-engagement { padding-left: 96px; }
.opportunity-card > .content-engagement { margin: 12px 0 0; padding: 10px 0 0; }
.article-card .content-engagement { margin-top: 10px; }

.inline-discussion { position: relative; margin: 0; }
.inline-discussion > summary { min-height: 38px; display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; color: #4b5563; background: #fff; border: 1px solid #dedede; border-radius: 999px; font-size: 12px; font-weight: 750; cursor: pointer; list-style: none; }
.inline-discussion > summary::-webkit-details-marker { display: none; }
.inline-discussion[open] { flex-basis: 100%; width: 100%; }
.inline-discussion[open] > summary { color: #fff; background: #111; border-color: #111; }
.inline-discussion-panel { width: 100%; margin-top: 8px; padding: 14px; border: 1px solid #dedede; border-radius: 12px; background: #fff; }
.inline-comment-loading, .inline-comment-error { margin: 0; color: #777; font-size: 12px; }
.inline-comment-error { color: #b42318; }
.inline-comment-compose { display: flex; align-items: stretch; gap: 8px; }
.inline-comment-compose textarea { flex: 1 1 auto; min-width: 0; width: auto; min-height: 58px; }
.inline-comment-compose button { flex: 0 0 68px; display: inline-flex; align-items: center; justify-content: center; align-self: stretch; min-width: 68px; }
.inline-comment-list { margin-top: 12px; max-height: 320px; overflow-y: auto; }
.content-engagement.is-compact .inline-discussion > summary { min-height: 30px; padding: 0 9px; border: 0; font-size: 10px; }
.content-engagement.is-compact .inline-discussion-panel { margin: 3px 0 5px; }

.discussion-page { min-height: 60vh; padding: 44px 0 72px; background: #f7f7f7; }
.discussion-heading,
.comment-panel { padding: 24px; border: 1px solid #e3e3e3; background: #fff; }
.discussion-heading > a { color: #666; font-size: 12px; font-weight: 750; }
.discussion-heading h1 { margin: 12px 0 4px; font-size: 25px; line-height: 1.4; }
.comment-panel { margin-top: 12px; }
.comment-panel h2 { margin: 0 0 18px; font-size: 19px; }
.comment-form { display: grid; gap: 9px; }
.comment-form label { font-size: 12px; font-weight: 800; }
.comment-form textarea { width: 100%; resize: vertical; padding: 12px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px; line-height: 1.6; }
.comment-form button { justify-self: end; min-height: 40px; padding: 0 18px; color: #fff; background: #111; border: 0; border-radius: 8px; font-weight: 800; }
.comment-login { padding: 14px; background: #f5f5f5; font-size: 13px; }
.comment-login a { font-weight: 850; text-decoration: underline; }
.comment-list { margin: 22px 0 0; padding: 0; list-style: none; }
.comment-list li { padding: 16px 2px; border-top: 1px solid #eee; }
.comment-list li > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.comment-list strong { font-size: 13px; }
.comment-list time { color: #888; font-size: 10px; }
.comment-list p { margin: 8px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }
.comment-list .comment-empty { color: #888; text-align: center; }

@media (min-width: 761px) {
    .board-listing-section .deal-board-row,
    .search-discovery-results .deal-board-row { grid-template-columns: minmax(0, 1fr) 170px 120px; }
    .board-listing-section .deal-board-value,
    .search-discovery-results .deal-board-value { grid-column: 2; grid-row: 1; }
    .board-listing-section .deal-board-source,
    .search-discovery-results .deal-board-source { grid-column: 2; grid-row: 2; }
    .board-listing-section .deal-board-deadline,
    .search-discovery-results .deal-board-deadline { grid-column: 3; grid-row: 1 / 3; align-self: center; margin-top: 0; }
    .board-listing-section .deal-board-value strong,
    .search-discovery-results .deal-board-value strong { font-size: 21px; }
    .board-listing-section .deal-board-deadline b,
    .search-discovery-results .deal-board-deadline b { font-size: 14px; }
    .board-listing-section .deal-board-deadline small,
    .search-discovery-results .deal-board-deadline small { margin-top: 7px; font-size: 10px; line-height: 1.45; }
}

@media (max-width: 760px) {
    .discovery-card-item:nth-child(n) { border-left: 0; border-top: 1px solid #e7e7e7; }
    .discovery-card-item:first-child { border-top: 0; }
    .content-engagement { gap: 6px; }
    .content-engagement button,
    .content-engagement > a { min-height: 36px; padding-inline: 10px; font-size: 11px; }
    .content-engagement.is-compact { padding: 5px 8px 7px; }
    .content-engagement.is-compact button,
    .content-engagement.is-compact > a { min-height: 28px; padding-inline: 7px; }
    .content-engagement.is-compact .inline-discussion > summary { min-height: 28px; padding-inline: 7px; }
    .inline-discussion-panel { padding: 11px; }
    .inline-comment-compose { flex-direction: column; }
    .inline-comment-compose textarea { width: 100%; }
    .inline-comment-compose button { flex-basis: auto; min-height: 38px; }
    .deal-board-list > li > .content-engagement { padding-left: 60px; }
    .board-listing-section .deal-board-source,
    .search-discovery-results .deal-board-source { display: none; }
    .board-listing-section .deal-board-deadline,
    .search-discovery-results .deal-board-deadline { margin-top: 0; }
    .board-listing-section .deal-board-value strong,
    .search-discovery-results .deal-board-value strong { max-width: 118px; font-size: 15px; white-space: normal; line-height: 1.25; }
    .board-listing-section .deal-board-deadline b,
    .search-discovery-results .deal-board-deadline b { font-size: 12px; }
    .board-listing-section .deal-board-deadline small,
    .search-discovery-results .deal-board-deadline small { display: block; margin: 4px 0 0; font-size: 10px; line-height: 1.35; }
    .discussion-page { padding: 22px 0 48px; }
    .discussion-heading,
    .comment-panel { padding: 17px 14px; }
    .discussion-heading h1 { font-size: 20px; }
}
.brand-kakao { --brand-bg: #fee500; --brand-fg: #191919; --brand-border: #ecd500; }
.brand-steam { --brand-bg: #171a21; --brand-fg: #fff; --brand-border: #171a21; }
.brand-ppomppu { --brand-bg: #4b67a1; --brand-fg: #fff; --brand-border: #405a91; }
.brand-eomisae { --brand-bg: #3c63b8; --brand-fg: #fff; --brand-border: #3255a2; }
.brand-clien { --brand-bg: #2f6fb5; --brand-fg: #fff; --brand-border: #285f9d; }
.brand-ruliweb { --brand-bg: #2376bd; --brand-fg: #fff; --brand-border: #1d65a4; }
.brand-quasarzone { --brand-bg: #e44032; --brand-fg: #fff; --brand-border: #ca3428; }
.brand-arca { --brand-bg: #4478d1; --brand-fg: #fff; --brand-border: #3968b8; }
.brand-fmkorea { --brand-bg: #4c70a8; --brand-fg: #fff; --brand-border: #405f91; }
.brand-rafflepan { --brand-bg: #111; --brand-fg: #fff; --brand-border: #111; }
.brand-algumon { --brand-bg: #f16b2f; --brand-fg: #fff; --brand-border: #db5b23; }
.brand-source-text { color: #6b7280; }
.brand-source-text.brand-naver { color: #029b47; }
.brand-source-text.brand-ppomppu { color: #405a91; }
.brand-source-text.brand-eomisae { color: #3255a2; }
.brand-source-text.brand-clien { color: #285f9d; }
.brand-source-text.brand-ruliweb { color: #1d65a4; }
.brand-source-text.brand-quasarzone { color: #ca3428; }
.brand-source-text.brand-arca { color: #3968b8; }
.brand-source-text.brand-fmkorea { color: #405f91; }

@media (max-width: 430px) {
    .brand-badge { max-width: 105px; overflow: hidden; text-overflow: ellipsis; }
}

.article-body h2::before,
.article-fact-section h2::before,
.card-factor-list em { background: #111; }
.article-fact-section li::before,
.article-signal strong { color: #111; }
.price-history-panel { border-top-color: #111; }
.price-history-chart polyline { stroke: #111; }
.price-history-chart circle { stroke: #111; }
.radar-value { fill: rgba(17,17,17,.12); stroke: #111; }
.radar-wrap circle { fill: #111; }

.site-footer { color: #aaa; background: #111; }
.site-footer .brand-name,
.footer-notice strong { color: #fff; }
.footer-links { color: #ddd; }
.footer-links a:hover { color: #fff; }

@media (max-width: 760px) {
    .brand-name { font-size: 25px; }
    .site-header .brand-name { font-size: 21px; letter-spacing: .025em; }
    .mobile-menu summary { color: #111; border-color: #bbb; }
    .mobile-menu > div { background: #fff; border-color: #ccc; }
    .mobile-menu a { color: #333; }
    .home-mobile-feed .support-mini-all { border-color: #e5e5e5; }
}

/* V6.5.61 — user-selectable light / dark appearance */
.theme-toggle {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    gap: 6px;
    padding: 0 9px;
    color: #333;
    background: #f4f4f4;
    border: 1px solid #d9d9d9;
    border-radius: 999px;
    font: inherit;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
}
.theme-toggle:hover { color: #111; background: #e9e9e9; }
.theme-toggle-icon {
    position: relative;
    display: block;
    width: 13px;
    height: 13px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
}
.theme-toggle-icon::after {
    position: absolute;
    inset: 2px 2px 2px 6px;
    content: '';
    border-radius: 0 999px 999px 0;
    background: currentColor;
}
.mobile-theme-toggle { width: 100%; justify-content: center; margin-bottom: 7px; }

html[data-theme="dark"] {
    color-scheme: dark;
    --color-bg: #0f1115;
    --color-bg-soft: #15181d;
    --color-surface: #181b20;
    --color-surface-warm: #1c2026;
    --color-text: #d9dde3;
    --color-text-strong: #f5f7fa;
    --color-muted: #a6adb7;
    --color-subtle: #858e9a;
    --color-border: #30343b;
    --color-border-strong: #424750;
    --color-header: #111318;
    --color-header-deep: #090a0c;
    --color-accent: #f5f7fa;
    --color-accent-hover: #d8dde4;
    --color-accent-soft: #252a31;
    --color-positive: #f5f7fa;
    --color-positive-soft: #272c33;
    --color-gold: #f5f7fa;
    --color-gold-soft: #272c33;
    --color-danger: #c9ced6;
    --shadow-card: 0 4px 16px rgba(0, 0, 0, .28);
    --shadow-hover: 0 8px 24px rgba(0, 0, 0, .36);
}
html[data-theme="dark"] .message { color: #111318; background: #f5f7fa; border-color: #fff; }
html[data-theme="dark"] .message-error,
html[data-theme="dark"] .message-warning { color: #fff; background: #9f241b; border-color: #c94a40; }
html[data-theme="dark"] body,
html[data-theme="dark"] .home-mobile-feed,
html[data-theme="dark"] .tcg-page,
html[data-theme="dark"] .auth-page { color: var(--color-text); background: var(--color-bg); }
html[data-theme="dark"] img { color-scheme: normal; }
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .category-nav-wrap,
html[data-theme="dark"] .category-nav-control { color: var(--color-text-strong); background: #111318; border-color: var(--color-border); }
html[data-theme="dark"] .site-header .brand-name,
html[data-theme="dark"] .category-nav a:hover,
html[data-theme="dark"] .category-nav a.active,
html[data-theme="dark"] .community-nav a:hover,
html[data-theme="dark"] .community-nav a.active,
html[data-theme="dark"] .header-account-links > a,
html[data-theme="dark"] .dashboard-link,
html[data-theme="dark"] .site-share-button { color: var(--color-text-strong); }
html[data-theme="dark"] .category-nav a:hover,
html[data-theme="dark"] .category-nav a.active { background: #20242a; border-bottom-color: #f5f7fa; }
html[data-theme="dark"] .category-nav a,
html[data-theme="dark"] .community-nav a { color: #aeb5bf; }
html[data-theme="dark"] .community-nav-wrap { background: #171a1f; border-color: var(--color-border); }
html[data-theme="dark"] .header-search,
html[data-theme="dark"] .home-feed-search,
html[data-theme="dark"] .search-form-large { color: var(--color-text); background: #1a1d22; border-color: var(--color-border-strong); }
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea { color: var(--color-text-strong); background: #171a1f; border-color: var(--color-border-strong); }
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: #78818d; }
html[data-theme="dark"] .theme-toggle { color: #eef1f5; background: #262a31; border-color: #444a54; }
html[data-theme="dark"] .theme-toggle:hover { color: #fff; background: #30353d; }

html[data-theme="dark"] .home-hero,
html[data-theme="dark"] .home-mobile-feed .home-hero,
html[data-theme="dark"] .home-mobile-feed .discovery-radar-section,
html[data-theme="dark"] .home-mobile-feed .live-ranking-section,
html[data-theme="dark"] .home-mobile-feed .opportunity-section,
html[data-theme="dark"] .home-mobile-feed .information-section,
html[data-theme="dark"] .opportunity-section,
html[data-theme="dark"] .search-hero,
html[data-theme="dark"] .discussion-page,
html[data-theme="dark"] .tcg-stage { color: var(--color-text); background: var(--color-bg); border-color: var(--color-border); }
html[data-theme="dark"] .home-live-stats,
html[data-theme="dark"] .live-ranking-panel,
html[data-theme="dark"] .discovery-card-grid,
html[data-theme="dark"] .discovery-card-item,
html[data-theme="dark"] .discovery-card,
html[data-theme="dark"] .support-mini-window,
html[data-theme="dark"] .article-card,
html[data-theme="dark"] .article-main,
html[data-theme="dark"] .opportunity-card,
html[data-theme="dark"] .deal-board,
html[data-theme="dark"] .raffle-calendar,
html[data-theme="dark"] .support-filter-panel,
html[data-theme="dark"] .support-list,
html[data-theme="dark"] .dashboard-panel,
html[data-theme="dark"] .member-panel,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .discussion-heading,
html[data-theme="dark"] .comment-panel,
html[data-theme="dark"] .inline-discussion-panel,
html[data-theme="dark"] .hotdeal-outbound-panel,
html[data-theme="dark"] .tcg-search-panel,
html[data-theme="dark"] .tcg-search-ranking,
html[data-theme="dark"] .tcg-price-grid article,
html[data-theme="dark"] .tcg-locked-panel { color: var(--color-text); background: var(--color-surface); border-color: var(--color-border); box-shadow: var(--shadow-card); }
html[data-theme="dark"] .member-panel-intro,
html[data-theme="dark"] .member-alert-fields legend,
html[data-theme="dark"] .member-alert-preview small { color: var(--color-muted); }
html[data-theme="dark"] .member-alert-fields label,
html[data-theme="dark"] .member-alert-preview { border-color: var(--color-border); }
html[data-theme="dark"] .member-alert-save { color: #111; background: #fff; }
html[data-theme="dark"] .hotdeal-outbound-page { background: var(--color-bg); }
html[data-theme="dark"] .hotdeal-outbound-panel h1,
html[data-theme="dark"] .hotdeal-outbound-countdown strong { color: var(--color-text-strong); }
html[data-theme="dark"] .hotdeal-outbound-title,
html[data-theme="dark"] .hotdeal-outbound-countdown,
html[data-theme="dark"] .hotdeal-outbound-disclosure { color: var(--color-muted); }
html[data-theme="dark"] .hotdeal-loading-bar { background: #343a43; }
html[data-theme="dark"] .hotdeal-loading-bar span { background: #f4f6f8; }
html[data-theme="dark"] .hotdeal-login-nudge { background: var(--color-surface-strong); }
html[data-theme="dark"] .hotdeal-login-nudge p { color: var(--color-text); }
html[data-theme="dark"] .hotdeal-login-nudge a { color: #111; background: #f6f7f9; }
html[data-theme="dark"] .hotdeal-outbound-product-link { background: var(--color-surface-strong); border-color: var(--color-border); }
html[data-theme="dark"] .hotdeal-outbound-product-link b { color: var(--color-text-strong); }
html[data-theme="dark"] .hotdeal-outbound-product-link span { color: var(--color-muted); }
html[data-theme="dark"] .hotdeal-outbound-now.is-waiting { color: #aeb5bf; background: #2a2f36; }
html[data-theme="dark"] .tcg-history-panel { color: var(--color-text); background: var(--color-surface); border-color: var(--color-border); box-shadow: var(--shadow-card); }
html[data-theme="dark"] .tcg-history-summary article,
html[data-theme="dark"] .tcg-history-chart-wrap,
html[data-theme="dark"] .tcg-history-windows article { color: var(--color-text); background: var(--color-surface-strong); border-color: var(--color-border); }
html[data-theme="dark"] .tcg-history-chart line { stroke: #39414b; }
html[data-theme="dark"] .tcg-history-chart circle { fill: var(--color-surface-strong); }
html[data-theme="dark"] .tcg-history-records { border-color: var(--color-border); }
html[data-theme="dark"] .tcg-history-records strong { color: var(--color-text-strong); }
html[data-theme="dark"] .baby-board-controls,
html[data-theme="dark"] .deal-board-controls { color: var(--color-text); background: var(--color-surface); border-color: var(--color-border); }
html[data-theme="dark"] .baby-filter-row,
html[data-theme="dark"] .deal-filter-row,
html[data-theme="dark"] .baby-filter-summary,
html[data-theme="dark"] .deal-filter-summary { color: #aeb5bf; background: #1c2026; border-color: var(--color-border); }
html[data-theme="dark"] .baby-filter-row > strong,
html[data-theme="dark"] .deal-filter-row > strong,
html[data-theme="dark"] .baby-filter-row a,
html[data-theme="dark"] .deal-filter-row a { color: #cbd0d7; }
html[data-theme="dark"] .baby-filter-row a:hover,
html[data-theme="dark"] .deal-filter-row a:hover { background: #2a2f36; border-color: #4a515c; }
html[data-theme="dark"] .baby-filter-row a.active,
html[data-theme="dark"] .deal-filter-row a.active { color: #111318; background: #f5f7fa; }
html[data-theme="dark"] .discovery-card-item:nth-child(even),
html[data-theme="dark"] .discovery-card-item:nth-child(n+3),
html[data-theme="dark"] .support-mini-list li + li,
html[data-theme="dark"] .support-mini-heading,
html[data-theme="dark"] .support-mini-all,
html[data-theme="dark"] .live-ranking-list li,
html[data-theme="dark"] .deal-board-list li + li,
html[data-theme="dark"] .content-engagement.is-compact,
html[data-theme="dark"] .article-signal,
html[data-theme="dark"] .comment-list li { border-color: var(--color-border); }
html[data-theme="dark"] .discovery-card:hover,
html[data-theme="dark"] .live-ranking-list a:hover,
html[data-theme="dark"] .deal-board-row:hover,
html[data-theme="dark"] .support-list-row:hover { background: #20242a; }
html[data-theme="dark"] .discovery-card-visual,
html[data-theme="dark"] .home-mobile-feed .discovery-card-visual,
html[data-theme="dark"] .deal-board-thumb { background: #242930; border-color: #3a4049; }
html[data-theme="dark"] .discovery-card-head b,
html[data-theme="dark"] .discovery-card-meta em,
html[data-theme="dark"] .category-badge,
html[data-theme="dark"] .grade-badge,
html[data-theme="dark"] .deadline-badge,
html[data-theme="dark"] .support-list-tags span,
html[data-theme="dark"] .search-suggestions a,
html[data-theme="dark"] .search-discovery-results .deal-board-source strong { color: #d9dde3; background: #272c33; border-color: #3d434d; }
html[data-theme="dark"] .live-ranking-current b,
html[data-theme="dark"] .live-ranking-list a > b,
html[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .section-heading > a,
html[data-theme="dark"] .support-mini-all,
html[data-theme="dark"] .discovery-card-head b,
html[data-theme="dark"] .discovery-card-meta b,
html[data-theme="dark"] .status-summary strong { color: var(--color-text-strong); }
html[data-theme="dark"] .support-mini-list strong,
html[data-theme="dark"] .support-mini-heading h2,
html[data-theme="dark"] .support-list-main h2,
html[data-theme="dark"] .discovery-card-title,
html[data-theme="dark"] .deal-board-empty strong { color: var(--color-text-strong); }
html[data-theme="dark"] .support-mini-list small,
html[data-theme="dark"] .support-mini-heading small,
html[data-theme="dark"] .discovery-card-meta,
html[data-theme="dark"] .discovery-card-meta small,
html[data-theme="dark"] .deal-board-empty span { color: #969eaa; }
html[data-theme="dark"] .live-label span,
html[data-theme="dark"] .fresh-label i,
html[data-theme="dark"] .verified-dot { background: #f5f7fa; box-shadow: 0 0 0 3px #30353d; }

html[data-theme="dark"] .button-primary,
html[data-theme="dark"] .filter-submit,
html[data-theme="dark"] .header-search button,
html[data-theme="dark"] .home-feed-search button,
html[data-theme="dark"] .search-form-large button,
html[data-theme="dark"] .support-keyword-search button,
html[data-theme="dark"] .comment-form button,
html[data-theme="dark"] .community-write-panel button,
html[data-theme="dark"] .community-login-cta,
html[data-theme="dark"] .member-point-link { color: #111318; background: #f5f7fa; border-color: #f5f7fa; }
html[data-theme="dark"] .button-primary:hover,
html[data-theme="dark"] .filter-submit:hover,
html[data-theme="dark"] .header-search button:hover { background: #d9dee5; }
html[data-theme="dark"] .button-secondary,
html[data-theme="dark"] .content-engagement button,
html[data-theme="dark"] .content-engagement > a,
html[data-theme="dark"] .inline-discussion > summary { color: #d9dde3; background: #1b1f24; border-color: #3c424b; }
html[data-theme="dark"] .content-engagement button:hover,
html[data-theme="dark"] .content-engagement > a:hover,
html[data-theme="dark"] .inline-discussion > summary:hover { color: #fff; background: #272c33; border-color: #59616d; }
html[data-theme="dark"] .content-engagement button.is-selected,
html[data-theme="dark"] .inline-discussion[open] > summary { color: #111318; background: #f5f7fa; border-color: #f5f7fa; }

html[data-theme="dark"] .deal-board-header,
html[data-theme="dark"] .raffle-calendar-weekdays span,
html[data-theme="dark"] .raffle-calendar-note,
html[data-theme="dark"] .support-filter-result,
html[data-theme="dark"] .opportunity-table th,
html[data-theme="dark"] .dashboard-advanced > summary,
html[data-theme="dark"] .tcg-search-state,
html[data-theme="dark"] .comment-login,
html[data-theme="dark"] .roulette-admin-list dl div { color: #aeb5bf; background: #20242a; border-color: var(--color-border); }
html[data-theme="dark"] .raffle-calendar-day,
html[data-theme="dark"] .raffle-calendar-day.outside-month { color: var(--color-text); background: var(--color-surface); border-color: var(--color-border); }
html[data-theme="dark"] .raffle-calendar-day > time,
html[data-theme="dark"] .raffle-calendar-toolbar > a { color: var(--color-text-strong); border-color: var(--color-border-strong); }
html[data-theme="dark"] .raffle-calendar-day > a,
html[data-theme="dark"] .raffle-calendar-day-more a { color: #f0f2f5; background: #2d241e; }
html[data-theme="dark"] .raffle-calendar-day-more > summary { color: #f4f5f7; background: #272c33; border-color: #434a54; }
html[data-theme="dark"] .support-keyword-search,
html[data-theme="dark"] .support-filter-groups fieldset,
html[data-theme="dark"] .support-list-row + .support-list-row,
html[data-theme="dark"] .support-list-action { border-color: var(--color-border); }
html[data-theme="dark"] .support-filter-groups legend,
html[data-theme="dark"] .support-filter-groups label,
html[data-theme="dark"] .support-keyword-search > span,
html[data-theme="dark"] .support-list-facts dt,
html[data-theme="dark"] .support-list-facts dd { color: #c0c6ce; }
html[data-theme="dark"] .support-filter-groups label { background: #20242a; border-color: #3b414a; }
html[data-theme="dark"] .support-filter-groups label:has(input:checked) { color: #111318; background: #f5f7fa; border-color: #f5f7fa; }
html[data-theme="dark"] .support-filter-heading { color: #fff; background: #0a0b0d; }
html[data-theme="dark"] .support-filter-result b,
html[data-theme="dark"] .support-list-action > a { color: var(--color-text-strong); }

html[data-theme="dark"] .article-body,
html[data-theme="dark"] .article-body p,
html[data-theme="dark"] .article-fact-section,
html[data-theme="dark"] .content-page-header p,
html[data-theme="dark"] .notice-list article > div,
html[data-theme="dark"] .community-board-list details > div { color: #cbd0d7; }
html[data-theme="dark"] .content-page,
html[data-theme="dark"] .policy-page,
html[data-theme="dark"] .status-page { color: var(--color-text); background: var(--color-bg); }
html[data-theme="dark"] .policy-toc,
html[data-theme="dark"] .policy-sections section,
html[data-theme="dark"] .status-summary div { color: var(--color-text); background: var(--color-surface); border-color: var(--color-border); box-shadow: var(--shadow-card); }
html[data-theme="dark"] .policy-sections p,
html[data-theme="dark"] .policy-sections li { color: var(--color-text); }
html[data-theme="dark"] .policy-contact,
html[data-theme="dark"] .policy-revision { color: var(--color-text); background: var(--color-bg-soft); border-color: var(--color-border); }
html[data-theme="dark"] .policy-toc a:hover { color: var(--color-text-strong); background: var(--color-bg-soft); }
html[data-theme="dark"] .article-body h1,
html[data-theme="dark"] .article-body h2,
html[data-theme="dark"] .article-body h3,
html[data-theme="dark"] .article-fact-section h2,
html[data-theme="dark"] .content-page-header h1,
html[data-theme="dark"] .member-heading h1,
html[data-theme="dark"] .auth-card h1,
html[data-theme="dark"] .tcg-title-row h1,
html[data-theme="dark"] .tcg-search-heading h2,
html[data-theme="dark"] .tcg-section-heading h2,
html[data-theme="dark"] .tcg-detail-copy h1 { color: var(--color-text-strong); }
html[data-theme="dark"] .notice-list,
html[data-theme="dark"] .community-board-list { border-color: #f1f3f5; }
html[data-theme="dark"] .notice-list article,
html[data-theme="dark"] .community-board-list details,
html[data-theme="dark"] .member-list li { border-color: var(--color-border); }
html[data-theme="dark"] .notice-list .admin-notice,
html[data-theme="dark"] .community-write-panel { color: var(--color-text); background: #1b1f24; border-color: var(--color-border); }
html[data-theme="dark"] .notice-list .admin-notice.is-pinned { background: #2a2020; }
html[data-theme="dark"] .auth-wordmark,
html[data-theme="dark"] .auth-wordmark .brand-name,
html[data-theme="dark"] .auth-back-link:hover { color: var(--color-text-strong); }

html[data-theme="dark"] .tcg-game-tabs a,
html[data-theme="dark"] .tcg-edition-tabs,
html[data-theme="dark"] .tcg-edition-tabs a,
html[data-theme="dark"] .deal-group-tabs,
html[data-theme="dark"] .deal-group-tabs a,
html[data-theme="dark"] .tcg-card-alert-form button,
html[data-theme="dark"] .tcg-card-alert-login { color: #cbd0d7; background: #1a1e23; border-color: #3a4049; }
html[data-theme="dark"] .tcg-game-tabs a.active,
html[data-theme="dark"] .tcg-edition-tabs a.active,
html[data-theme="dark"] .deal-group-tabs a.active,
html[data-theme="dark"] .tcg-card-alert-form.is-active button { color: #111318; background: #f5f7fa; border-color: #f5f7fa; }
html[data-theme="dark"] .tcg-card-tile,
html[data-theme="dark"] .tcg-card-source-price,
html[data-theme="dark"] .tcg-card-interest,
html[data-theme="dark"] .tcg-attribution a { color: var(--color-text-strong); }
html[data-theme="dark"] .tcg-empty-rail { color: #aab1bb; background: rgba(27, 31, 36, .84); border-color: #48505b; }
html[data-theme="dark"] .tcg-empty-rail strong { color: #eef1f5; }

/* Dark mode contrast fixes for compact deal rows, TCG search, sign-in and points. */
html[data-theme="dark"] .discovery-board-row,
html[data-theme="dark"] .board-listing-section .deal-board-row,
html[data-theme="dark"] .search-discovery-results .deal-board-row { color: var(--color-text); background: var(--color-surface); }
html[data-theme="dark"] .board-listing-section .deal-board-copy > strong,
html[data-theme="dark"] .search-discovery-results .deal-board-copy > strong,
html[data-theme="dark"] .deal-board-main > strong { color: var(--color-text-strong); }
html[data-theme="dark"] .deal-board-main > small,
html[data-theme="dark"] .deal-board-copy > small,
html[data-theme="dark"] .deal-board-source small { color: var(--color-muted); }
html[data-theme="dark"] .deal-board-copy > small em,
html[data-theme="dark"] .board-listing-section .deal-board-source strong,
html[data-theme="dark"] .search-discovery-results .deal-board-source strong { color: #dce1e7; background: #292e35; border-color: #424953; }

html[data-theme="dark"] .tcg-title-row p,
html[data-theme="dark"] .tcg-search-heading p,
html[data-theme="dark"] .tcg-price-scope-note,
html[data-theme="dark"] .tcg-section-note,
html[data-theme="dark"] .tcg-card-copy small,
html[data-theme="dark"] .tcg-card-checked,
html[data-theme="dark"] .tcg-attribution { color: var(--color-muted); }
html[data-theme="dark"] .tcg-search-state strong,
html[data-theme="dark"] .tcg-search-ranking a,
html[data-theme="dark"] .tcg-card-copy strong { color: var(--color-text-strong); }
html[data-theme="dark"] .tcg-card-market-label { color: #ff9e97; }
html[data-theme="dark"] .tcg-search-form button { color: #111318; background: #f5f7fa; }

/* Deuktem finder */
.deuktem-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 42px 0 80px; }
.deuktem-hero { padding: 42px; border-radius: 20px; color: #fff; background: #101114; }
.deuktem-hero > span, .deuktem-section-title span { color: #ff5533; font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.deuktem-hero h1 { margin: 8px 0 5px; font-size: clamp(34px, 6vw, 56px); letter-spacing: -.065em; }
.deuktem-hero p { margin: 0 0 24px; color: #d4d6da; font-size: 15px; }
.deuktem-hero > small { display: block; margin-top: 12px; color: #9298a2; font-size: 11px; }
.deuktem-search { display: grid; grid-template-columns: minmax(0,1fr) 150px 150px 110px; gap: 8px; }
.deuktem-search input, .deuktem-search select { min-width: 0; height: 52px; padding: 0 15px; border: 1px solid #383c43; border-radius: 10px; color: #fff; background: #1d2025; }
.deuktem-search button { border: 0; border-radius: 10px; color: #111; background: #fff; font-weight: 900; }
.deuktem-section { margin-top: 42px; }
.deuktem-section-title { display: flex; align-items: end; justify-content: space-between; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 2px solid #111; }
.deuktem-section-title h2 { margin: 4px 0 0; font-size: 24px; letter-spacing: -.045em; }
.deuktem-section-title > b { font-size: 12px; }
.deuktem-login-empty { padding: 40px 24px; border: 1px solid #ddd; border-radius: 14px; text-align: center; background: #fafafa; }
.deuktem-login-empty strong { display: block; font-size: 18px; }
.deuktem-login-empty p { margin: 7px 0 18px; color: #777; font-size: 12px; }
.deuktem-login-empty a { display: inline-flex; min-height: 42px; align-items: center; padding: 0 18px; border-radius: 9px; color: #fff; background: #111; font-size: 12px; font-weight: 900; }
.deuktem-watch-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.deuktem-watch-card { position: relative; padding: 18px; border: 1px solid #ddd; border-radius: 15px; background: #fff; }
.deuktem-watch-main { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 15px; color: inherit; }
.deuktem-card-image { display: grid; width: 92px; aspect-ratio: .72; place-items: center; overflow: hidden; border: 1px solid #ddd; border-radius: 10px; background: #f3f3f3; }
.deuktem-card-image img { width: 100%; height: 100%; object-fit: contain; }
.deuktem-card-image span { color: #888; font-size: 12px; font-weight: 900; }
.deuktem-card-copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.deuktem-card-copy small { color: #777; font-size: 10px; }
.deuktem-card-copy h3 { margin: 5px 0 12px; font-size: 17px; line-height: 1.3; }
.deuktem-card-copy strong { color: #ff3b30; font-size: 23px; letter-spacing: -.04em; }
.deuktem-card-copy em { margin-top: 4px; font-size: 11px; font-style: normal; font-weight: 800; }
.deuktem-card-copy .movement-down { color: #008f55; }
.deuktem-card-copy .movement-up { color: #ee3c31; }
.deuktem-card-copy .movement-same, .deuktem-card-copy .movement-new { color: #777; }
.deuktem-card-copy time { margin-top: auto; padding-top: 8px; color: #999; font-size: 10px; }
.deuktem-mini-listings { display: grid; gap: 1px; margin-top: 16px; overflow: hidden; border: 1px solid #e7e7e7; border-radius: 9px; background: #e7e7e7; }
.deuktem-mini-listings a { display: flex; gap: 10px; justify-content: space-between; padding: 10px 11px; color: #333; background: #fafafa; font-size: 11px; }
.deuktem-mini-listings span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deuktem-mini-listings strong { flex: 0 0 auto; color: #ff3b30; }
.deuktem-no-listing { margin: 16px 0 0; padding: 11px; border-radius: 8px; color: #777; background: #f4f4f4; font-size: 11px; }
.deuktem-watch-card > form { margin-top: 12px; text-align: right; }
.deuktem-watch-card > form button { border: 0; color: #777; background: none; font-size: 11px; text-decoration: underline; }
.deuktem-listing-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.deuktem-listing-card { min-width: 0; display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 12px; min-height: 116px; padding: 12px; border: 1px solid #ddd; border-radius: 13px; color: inherit; background: #fff; }
.deuktem-listing-card > img, .deuktem-listing-placeholder { width: 88px; height: 92px; object-fit: contain; border-radius: 8px; background: #f4f4f4; }
.deuktem-listing-placeholder { display: grid; place-items: center; color: #888; font-size: 11px; font-weight: 900; }
.deuktem-listing-card > div { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.deuktem-listing-card small { color: #888; font-size: 9px; }
.deuktem-listing-card h3 { width: 100%; margin: 4px 0 8px; overflow: hidden; font-size: 12px; line-height: 1.35; }
.deuktem-listing-card strong { color: #ff3b30; font-size: 17px; }
.deuktem-listing-card time { margin-top: auto; color: #999; font-size: 9px; }

html[data-theme="dark"] .deuktem-section-title { border-color: #eef1f5; }
html[data-theme="dark"] .deuktem-watch-card,
html[data-theme="dark"] .deuktem-listing-card,
html[data-theme="dark"] .deuktem-login-empty { border-color: #343941; color: #eef1f5; background: #1b1f24; }
html[data-theme="dark"] .deuktem-card-image,
html[data-theme="dark"] .deuktem-no-listing { border-color: #3a4048; background: #242930; }
html[data-theme="dark"] .deuktem-mini-listings { border-color: #343941; background: #343941; }
html[data-theme="dark"] .deuktem-mini-listings a { color: #e9edf2; background: #22272d; }
html[data-theme="dark"] .deuktem-login-empty p,
html[data-theme="dark"] .deuktem-card-copy small,
html[data-theme="dark"] .deuktem-card-copy time { color: #aeb5bf; }
html[data-theme="dark"] .deuktem-login-empty a { color: #111; background: #f4f6f8; }

@media (max-width: 760px) {
    .deuktem-shell { width: min(100% - 24px, 620px); padding: 18px 0 55px; }
    .deuktem-hero { padding: 26px 18px; border-radius: 15px; }
    .deuktem-hero p { font-size: 13px; }
    .deuktem-search { grid-template-columns: 1fr 1fr; }
    .deuktem-search input { grid-column: 1 / -1; }
    .deuktem-search button { min-height: 46px; }
    .deuktem-section { margin-top: 30px; }
    .deuktem-watch-list { grid-template-columns: 1fr; }
    .deuktem-listing-grid { grid-template-columns: 1fr; }
    .deuktem-listing-card { grid-template-columns: 76px minmax(0,1fr); min-height: 104px; }
    .deuktem-listing-card > img, .deuktem-listing-placeholder { width: 76px; height: 80px; }
}

html[data-theme="dark"] .auth-shell { background: radial-gradient(circle at 50% 38%, #1b1f25 0, var(--color-bg) 54%); }
html[data-theme="dark"] .auth-card-simple { padding: 32px 24px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); box-shadow: var(--shadow-card); }
html[data-theme="dark"] .auth-terms { color: #aeb5bf !important; }
html[data-theme="dark"] .auth-terms a,
html[data-theme="dark"] .auth-back-link { color: #e2e6eb; }

html[data-theme="dark"] .point-page-hero { border: 1px solid var(--color-border); background: #090a0c; }
html[data-theme="dark"] .point-draw-main,
html[data-theme="dark"] .point-winner-board,
html[data-theme="dark"] .point-draw-cards article,
html[data-theme="dark"] .point-draw-empty { color: var(--color-text); background: var(--color-surface); border-color: var(--color-border); }
html[data-theme="dark"] .point-draw-section-primary .point-draw-main { border-color: #555d68; }
html[data-theme="dark"] .point-draw-heading h2,
html[data-theme="dark"] .point-winner-board h2,
html[data-theme="dark"] .point-draw-cards article strong,
html[data-theme="dark"] .point-page-details .member-panel h2,
html[data-theme="dark"] .member-list strong,
html[data-theme="dark"] .member-list b { color: var(--color-text-strong); }
html[data-theme="dark"] .point-draw-heading span,
html[data-theme="dark"] .point-draw-cards article span,
html[data-theme="dark"] .point-draw-cards article small,
html[data-theme="dark"] .point-winner-board li time,
html[data-theme="dark"] .point-draw-empty span,
html[data-theme="dark"] .member-empty,
html[data-theme="dark"] .member-list small { color: var(--color-muted); }
html[data-theme="dark"] .point-winner-board li,
html[data-theme="dark"] .member-list li { border-color: var(--color-border); }
html[data-theme="dark"] .point-draw-cards button { color: #111318; background: #f5f7fa; }
html[data-theme="dark"] .point-draw-cards button:disabled { color: #8e96a1; background: #282d34; }
html[data-theme="dark"] .point-back-link { color: #d9dde3; }

/* Staff dashboard uses the same surface tokens in both themes. */
html[data-theme="dark"] .dashboard-section,
html[data-theme="dark"] .dashboard-start { color: var(--color-text); background: var(--color-bg); }
html[data-theme="dark"] .dashboard-welcome,
html[data-theme="dark"] .dashboard-quick-stats a,
html[data-theme="dark"] .dashboard-glossary,
html[data-theme="dark"] .stat-grid > div,
html[data-theme="dark"] .v59-problem-grid > div,
html[data-theme="dark"] .roulette-admin-list article,
html[data-theme="dark"] .traffic-detail-grid > section,
html[data-theme="dark"] .traffic-lower-grid > section { color: var(--color-text); background: var(--color-surface); border-color: var(--color-border); box-shadow: var(--shadow-card); }
html[data-theme="dark"] .dashboard-steps li,
html[data-theme="dark"] .dashboard-glossary dl > div,
html[data-theme="dark"] .traffic-summary-grid article,
html[data-theme="dark"] .filter-bar,
html[data-theme="dark"] .traffic-privacy-note,
html[data-theme="dark"] .traffic-table th,
html[data-theme="dark"] .roulette-admin-list dl div,
html[data-theme="dark"] .v59-summary-line { color: var(--color-text); background: var(--color-bg-soft); border-color: var(--color-border); }
html[data-theme="dark"] .dashboard-jump a { color: #dce1e7; background: #252a31; }
html[data-theme="dark"] .dashboard-jump a:hover { color: #fff; background: #30363f; }
html[data-theme="dark"] .dashboard-quick-stats .needs-attention,
html[data-theme="dark"] .stat-grid .error-stat,
html[data-theme="dark"] .v59-problem-grid .has-problem { color: #ffc1ba; background: #302021; border-color: #6d3f41; }
html[data-theme="dark"] .stat-grid .accent-stat { color: var(--color-text-strong); background: #2b2b25; border-color: #545044; }
html[data-theme="dark"] .panel-heading h2,
html[data-theme="dark"] .dashboard-welcome h2,
html[data-theme="dark"] .dashboard-glossary summary,
html[data-theme="dark"] .stat-grid strong,
html[data-theme="dark"] .roulette-admin-list dd,
html[data-theme="dark"] .roulette-admin-list article > a { color: var(--color-text-strong); }
html[data-theme="dark"] .traffic-change-up { color: #78d6a7 !important; }
html[data-theme="dark"] .traffic-change-down { color: #ff9e97 !important; }
html[data-theme="dark"] .traffic-source-panel li > i { background: #2a2f36; }
html[data-theme="dark"] .traffic-source-panel li > i em { background: #eef1f5; }
html[data-theme="dark"] .traffic-chart li > span { color: #111318; background: #eef1f5; }
html[data-theme="dark"] .traffic-table td,
html[data-theme="dark"] .traffic-top-events li,
html[data-theme="dark"] .roulette-admin-list article { border-color: var(--color-border); }
html[data-theme="dark"] .opportunity-table th { color: var(--color-muted); background: var(--color-bg-soft); border-color: var(--color-border); }
html[data-theme="dark"] .opportunity-table td { color: var(--color-text); border-color: var(--color-border); }
html[data-theme="dark"] .filter-bar select { color: var(--color-text-strong); background: var(--color-surface); border-color: var(--color-border-strong); }

html[data-theme="dark"] .mobile-menu summary { color: var(--color-text-strong); border-color: #4a505a; }
html[data-theme="dark"] .mobile-menu > div { color: var(--color-text); background: #181b20; border-color: #3a4049; box-shadow: var(--shadow-hover); }
html[data-theme="dark"] .mobile-menu a { color: #e1e5ea; }
html[data-theme="dark"] .footer-partner-banner p { color: #aab1bb; }
html[data-theme="dark"] .desktop-partner-rail { color: #aeb5bf; background: #171a1f; border-color: #373d45; }
html[data-theme="dark"] .desktop-partner-rail > strong { color: #f4f6f8; }

/* Membership foundation */
.membership-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:20px 22px;border:1px solid #dcdcdc;border-radius:12px;background:#111;color:#fff}.membership-summary span{display:block;margin-bottom:4px;color:#ff6a32;font-size:12px;font-weight:900}.membership-summary h2{margin:0;font-size:22px}.membership-summary p{margin:6px 0 0;color:#d7d7d7;font-size:13px}.membership-summary>a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 16px;border-radius:8px;background:#fff;color:#111;font-size:13px;font-weight:900;white-space:nowrap}.membership-summary.is-active{border-color:#ff5a24}.membership-page{width:min(920px,calc(100% - 28px));margin:44px auto 72px}.membership-hero{padding:48px 24px;border-radius:18px;background:#111;color:#fff;text-align:center}.membership-hero>span{color:#ff5a24;font-size:12px;font-weight:900;letter-spacing:.12em}.membership-hero h1{margin:10px 0 4px;font-size:38px}.membership-hero p{margin:0;color:#ccc}.membership-hero>strong{display:block;margin-top:22px;font-size:30px}.membership-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.membership-benefits article{padding:24px;border:1px solid #ddd;border-radius:12px;background:#fff}.membership-benefits b{font-size:17px}.membership-benefits p{margin:9px 0 0;color:#666;font-size:13px;line-height:1.65}.membership-state{margin-top:16px;padding:24px;border:1px solid #ddd;border-radius:12px;background:#f7f7f7;text-align:center}.membership-state strong{font-size:18px}.membership-state p{margin:7px 0 0;color:#666;font-size:13px}.membership-state button{min-height:42px;margin-top:16px;padding:0 22px;border:0;border-radius:8px;background:#d9d9d9;color:#777;font-weight:900}.membership-state.is-active{border-color:#15976a;background:#effaf6}.membership-note{margin:16px 0 0;color:#777;font-size:12px;text-align:center}
html[data-theme="dark"] .membership-summary{border-color:#373d45;background:#090a0c}html[data-theme="dark"] .membership-summary p{color:#b9c0ca}html[data-theme="dark"] .membership-summary>a{background:#f4f5f7;color:#111}html[data-theme="dark"] .membership-hero{background:#090a0c}html[data-theme="dark"] .membership-benefits article,html[data-theme="dark"] .membership-state{border-color:var(--color-border);background:var(--color-surface)}html[data-theme="dark"] .membership-benefits p,html[data-theme="dark"] .membership-state p,html[data-theme="dark"] .membership-note{color:var(--color-muted)}html[data-theme="dark"] .membership-state.is-active{border-color:#238765;background:#10251f}
@media(max-width:700px){.membership-summary{align-items:flex-start;flex-direction:column;padding:17px}.membership-summary>a{width:100%}.membership-page{margin-top:22px}.membership-hero{padding:36px 18px}.membership-hero h1{font-size:31px}.membership-hero>strong{font-size:25px}.membership-benefits{grid-template-columns:1fr}.membership-benefits article{padding:19px}.membership-state{padding:20px 16px}}
html[data-theme="dark"] .site-footer { color: #9aa2ad; background: #08090b; border-top: 1px solid #24282e; }

@media (max-width: 760px) {
    html[data-theme="dark"] .home-mobile-feed,
    html[data-theme="dark"] .home-mobile-feed .discovery-radar-section,
    html[data-theme="dark"] .home-mobile-feed .live-ranking-section,
    html[data-theme="dark"] .home-mobile-feed .opportunity-section,
    html[data-theme="dark"] .home-mobile-feed .information-section { background: var(--color-bg); }
    html[data-theme="dark"] .home-mobile-feed .discovery-card-item,
    html[data-theme="dark"] .home-mobile-feed .discovery-card { background: var(--color-surface); }
}
.mobile-auth-connect .auth-provider-app {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    margin-top: 18px;
    border-radius: 10px;
    background: #111;
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

.mobile-auth-connect small {
    display: block;
    margin-top: 16px;
    color: var(--muted-text, #6b7280);
}
/* Live eBay TCG search: provider evidence stays visually separate from catalogue facts. */
.tcg-live-search-page{min-height:70vh;display:grid;place-items:center;padding:48px 20px;background:var(--surface-soft,#f5f5f5)}
.tcg-live-search-panel{width:min(760px,100%);padding:34px;border:1px solid var(--line,#ddd);border-radius:18px;background:var(--surface,#fff);color:var(--ink,#111);box-shadow:0 14px 40px rgba(0,0,0,.08);text-align:center}
.tcg-live-kicker{display:block;margin-bottom:8px;font-size:12px;font-weight:900;letter-spacing:.12em}
.tcg-live-search-panel h1{margin:0;font-size:clamp(25px,4vw,38px)}
.tcg-live-query{margin:14px 0 6px;font-size:20px;font-weight:800}
.tcg-live-countdown{margin:8px 0;font-size:16px}.tcg-live-countdown strong{font-size:24px}
.tcg-live-progress{height:6px;margin:20px 0;border-radius:999px;overflow:hidden;background:var(--line,#ddd)}
.tcg-live-progress span{display:block;width:100%;height:100%;background:#ff4f1f;transform-origin:left;animation:tcg-live-wait 5s linear forwards}
@keyframes tcg-live-wait{to{transform:scaleX(0)}}
.tcg-live-search-panel .hotdeal-outbound-products{margin:28px 0 10px;text-align:left}
.tcg-live-fallback{display:inline-flex;margin-top:16px;padding:10px 16px;border:1px solid var(--line,#ddd);border-radius:9px;color:inherit;font-weight:800;text-decoration:none}
.tcg-ebay-results{margin-top:34px;padding-top:28px;border-top:2px solid var(--ink,#111)}
.tcg-ebay-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.tcg-ebay-card{display:flex;min-width:0;flex-direction:column;gap:7px;padding:12px;border:1px solid var(--line,#ddd);border-radius:13px;background:var(--surface,#fff);color:var(--ink,#111);text-decoration:none}
.tcg-ebay-image{display:grid;aspect-ratio:1/1;place-items:center;overflow:hidden;border-radius:9px;background:var(--surface-soft,#f5f5f5)}
.tcg-ebay-image img{width:100%;height:100%;object-fit:contain}.tcg-ebay-image b{font-size:12px;color:var(--muted,#777)}
.tcg-ebay-card strong{display:-webkit-box;min-height:42px;overflow:hidden;font-size:14px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.tcg-ebay-card em{font-size:20px;font-style:normal;font-weight:900;color:#ef3d32}
.tcg-ebay-card small,.tcg-ebay-card span{font-size:12px;color:var(--muted,#666)}
html[data-theme="dark"] .tcg-live-search-page,html[data-theme="dark"] .tcg-live-search-panel,html[data-theme="dark"] .tcg-ebay-card{background:#11151a;color:#f5f7fa}
html[data-theme="dark"] .tcg-ebay-image{background:#20262d}
@media(max-width:760px){.tcg-live-search-page{padding:22px 12px}.tcg-live-search-panel{padding:24px 16px}.tcg-ebay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tcg-ebay-card{padding:9px}.tcg-ebay-card em{font-size:17px}}
/* TCG box -> cards -> market flow */
.tcg-box-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 12px;padding:20px 22px;border:1px solid var(--line,#d8dde5);border-radius:14px;background:var(--surface,#fff)}
.tcg-box-entry small,.tcg-set-hero small{font-weight:800;letter-spacing:.08em;color:#ff5a1f}.tcg-box-entry h2{margin:4px 0;font-size:22px}.tcg-box-entry p{margin:0;color:var(--muted,#64748b)}
.tcg-box-entry>a,.tcg-box-search-button,.tcg-back-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:9px;background:#111;color:#fff!important;font-weight:800;text-decoration:none;white-space:nowrap}
.tcg-featured-sets,.tcg-set-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}.tcg-featured-sets a,.tcg-set-grid>a{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);color:var(--color-text);text-decoration:none;box-shadow:0 7px 20px rgba(15,23,42,.07)}.tcg-set-box-cover{display:grid;box-sizing:border-box;width:100%;height:220px;min-height:0;overflow:hidden;flex:0 0 220px;place-items:center;padding:20px;background:color-mix(in srgb,var(--color-bg-soft) 92%,var(--color-surface));color:var(--color-muted);text-align:center}.tcg-set-box-cover img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;filter:saturate(.98) contrast(1.02)}.tcg-set-box-cover>b{font-size:13px;line-height:1.5}.tcg-set-copy{position:relative;z-index:1;display:flex;min-width:0;flex:1;flex-direction:column;gap:6px;padding:13px 14px 15px;border-top:1px solid var(--color-border);background:var(--color-surface)}.tcg-featured-sets strong,.tcg-set-grid strong{overflow:hidden;color:var(--color-text-strong);font-size:14px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.tcg-featured-sets small,.tcg-set-grid small,.tcg-set-grid time{color:var(--color-muted)}.tcg-featured-sets em,.tcg-set-grid em{color:var(--color-subtle);font-size:11px;font-style:normal}.tcg-featured-sets .tcg-set-copy>span,.tcg-set-grid .tcg-set-copy>span{color:var(--color-text);font-size:12px;font-weight:800}
.tcg-set-filter{display:grid;grid-template-columns:minmax(0,1fr) 180px 180px 90px;gap:8px;margin:16px 0 22px}.tcg-set-filter input,.tcg-set-filter select,.tcg-set-filter button{min-height:48px;border:1px solid var(--line,#d8dde5);border-radius:9px;padding:0 14px;background:var(--surface,#fff);color:inherit}.tcg-set-filter button{background:#111;color:#fff;font-weight:800}
.tcg-set-hero{padding:22px 0}.tcg-set-hero>a{display:inline-block;margin-bottom:18px;color:inherit;font-weight:700;text-decoration:none}.tcg-set-hero h1{margin:6px 0 8px;font-size:clamp(30px,5vw,54px);line-height:1.08}.tcg-set-hero p{margin:0;color:var(--muted,#64748b)}
.tcg-box-market,.tcg-set-cards{margin:18px 0;padding:22px;border:1px solid var(--line,#d8dde5);border-radius:14px;background:var(--surface,#fff)}.tcg-box-price-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.tcg-box-price-summary>div{padding:16px;border-radius:10px;background:var(--surface-soft,#f4f6f8)}.tcg-box-price-summary small{display:block;margin-bottom:7px;color:var(--muted,#64748b)}.tcg-box-price-summary strong{font-size:20px}.tcg-box-search-button{margin:12px 0}
.tcg-box-chart{margin-top:20px;padding-top:18px;border-top:1px solid var(--line,#d8dde5)}.tcg-box-chart svg{display:block;width:100%;height:210px;color:#ff5a1f;background:var(--surface-soft,#f4f6f8);border-radius:10px}.tcg-box-chart>div{display:flex;gap:12px;overflow-x:auto;margin-top:10px}.tcg-box-chart span{display:flex;gap:6px;white-space:nowrap}.tcg-chart-pending{padding:13px;border-radius:8px;background:var(--surface-soft,#f4f6f8);color:var(--muted,#64748b)}
.tcg-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:24px 0}.tcg-pagination a{padding:8px 14px;border:1px solid var(--line,#d8dde5);border-radius:8px;color:inherit;text-decoration:none}
@media(max-width:760px){.tcg-box-entry{align-items:flex-start;flex-direction:column}.tcg-box-entry>a{width:100%}.tcg-featured-sets,.tcg-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tcg-set-box-cover{height:150px;flex-basis:150px;padding:13px}.tcg-set-copy{padding:10px}.tcg-featured-sets strong,.tcg-set-grid strong{font-size:12px;white-space:normal}.tcg-set-filter{grid-template-columns:1fr 1fr}.tcg-set-filter input{grid-column:1/-1}.tcg-set-filter button{grid-column:1/-1}.tcg-box-market,.tcg-set-cards{padding:15px}.tcg-box-price-summary{grid-template-columns:1fr}.tcg-box-chart svg{height:160px}}
.tcg-box-entry,.tcg-set-filter input,.tcg-set-filter select,.tcg-box-market,.tcg-set-cards{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}
.tcg-box-entry small,.tcg-set-hero small{color:var(--color-text-strong)}
.tcg-box-entry p,.tcg-set-hero p{color:var(--color-muted)}