/* Light editorial preview: financial data as a publication, not a dashboard kit. */
:root {
    --paper:#f3f2ec; --paper-2:#e9e9e2; --ink:#121512; --muted:#606760;
    --line:#c4c8bf; --line-dark:#8e968d; --signal:#8ee800; --mint:#267b62;
    --primary-50:#edf3e7; --primary-100:#dceacb; --primary-300:#8ee800;
    --primary-400:#74c900; --primary-500:#487f00; --primary-600:#356200; --primary-700:#234800;
    --emerald-400:#398e72; --emerald-500:#267b62; --emerald-600:#185f4a;
    --slate-50:#f3f2ec; --slate-100:#e9e9e2; --slate-200:#d7dad2; --slate-300:#bcc1b8;
    --slate-400:#858d84; --slate-500:#656d65; --slate-600:#4c534c; --slate-700:#343a35;
    --slate-800:#222622; --slate-900:#121512; --rose-400:#b43242;
    --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
    --radius-lg:0; --radius-xl:0; --shadow-sm:none; --shadow-md:none; --shadow-lg:none;
}
* { box-sizing:border-box; }
html { color-scheme:light; background:var(--paper); }
body {
    margin:0; color:var(--ink) !important; background:var(--paper) !important;
    background-image:radial-gradient(circle at 1px 1px,rgba(18,21,18,.065) .75px,transparent 0) !important;
    background-size:22px 22px !important;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size:16px;
    -webkit-font-smoothing:antialiased;
}
body::before { display:none !important; }
a { color:#356200; text-underline-offset:.2em; }
a:hover { color:#121512; }

header {
    position:relative; min-height:0 !important; margin:0 !important;
    padding:22px max(28px,calc((100vw - 1380px)/2)) 0 !important;
    color:var(--ink) !important; background:rgba(243,242,236,.94) !important; background-image:none !important;
    border:0 !important; border-bottom:1px solid var(--ink) !important; box-shadow:none !important; text-align:left !important;
}
header::before,header::after { display:none !important; }
header .header-top { margin:0 0 16px !important; justify-content:flex-end !important; color:var(--muted); font:9px/1.3 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.header-top { position:static !important; display:flex !important; align-items:center !important; width:100%; min-height:14px; gap:8px !important; }
.header-top .discord-link { display:inline-flex !important; align-items:center !important; gap:4px !important; height:14px; line-height:14px !important; }
.header-top .discord-link img { display:block !important; width:11px !important; height:11px !important; margin:0 !important; object-fit:contain; vertical-align:baseline !important; }
.header-top > span { color:#9aa19a !important; line-height:14px; }
header h1 { margin:0 !important; color:var(--ink) !important; font:700 clamp(32px,4.5vw,62px)/.92 "Helvetica Neue",Arial,sans-serif !important; letter-spacing:-.075em !important; }
header h1 a { color:inherit !important; }
.brand-bonus,.brand-professor { color:var(--ink) !important; background:none !important; -webkit-background-clip:border-box !important; -webkit-text-fill-color:currentColor !important; }
.brand-bonus { font-weight:750; }
.brand-professor { position:relative; font-family:Georgia,"Times New Roman",serif; font-size:1.02em; font-style:italic; font-weight:400; letter-spacing:-.06em; }
.brand-professor::after { content:""; position:absolute; right:0; bottom:0; left:4px; height:2px; background:var(--signal); transform:rotate(-1deg); }
header h1 a::after { content:"RESEARCH NOTE  /  01"; display:inline-block; margin-left:18px; color:#6d746d; font:9px/1 var(--font-mono); letter-spacing:.1em; vertical-align:middle; }
header > p { margin:10px 0 0 !important; color:#656d65 !important; font:9px/1.4 var(--font-mono) !important; letter-spacing:.08em; text-transform:uppercase; }
.header-top .discord-link { color:#4f5750 !important; background:none !important; border:0 !important; border-radius:0 !important; padding:0 !important; }
.site-nav { justify-content:flex-start !important; gap:0 !important; margin-top:20px !important; border-top:1px solid var(--line); }
.nav-pill { flex:0 0 auto; margin-right:24px; padding:11px 0 10px !important; color:#626a62 !important; background:none !important; border:0 !important; border-radius:0 !important; font:600 9px/1 var(--font-mono) !important; letter-spacing:.1em; text-transform:uppercase; }
.nav-pill:hover,.nav-pill.active { color:var(--ink) !important; background:none !important; box-shadow:inset 0 3px var(--signal) !important; transform:none !important; }

main,.container,.main-container { max-width:1380px !important; margin:0 auto !important; padding-left:28px !important; padding-right:28px !important; }
h1,h2,h3,h4 { color:var(--ink) !important; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; letter-spacing:-.045em; }
h2 { font-weight:650 !important; }
p,li { color:#4d544e; }

/* Open composition. Sections are divided by rules, not nested cards. */
.hero,.home-hero,.top-section,.intro-section,.calculator-section,.table-section,.chart-section,.news-section,.section,.modern-card,.bonus-header,.detail-card,.guide-card,.related-guides,.card,.summary-card,.stat-card,.filter-section,.filters,.calculator,.amount-controls,.results,.overview-chart,.changelog-section,.expired-section,.summary {
    color:var(--ink) !important; background:transparent !important; background-image:none !important;
    border:0 !important; border-radius:0 !important; box-shadow:none !important; backdrop-filter:none !important;
}
.home-hero { position:relative; min-height:290px; margin:36px 0 56px !important; padding:36px 42% 36px 0 !important; border-top:1px solid var(--ink) !important; border-bottom:1px solid var(--line-dark) !important; text-align:left !important; }
.home-hero::after { content:""; position:absolute; top:34px; right:0; bottom:34px; width:34%; background:radial-gradient(circle,rgba(18,21,18,.55) 1px,transparent 1.4px); background-size:11px 11px; clip-path:polygon(0 34%,100% 0,100% 100%,26% 100%); }
.home-hero h2 { max-width:720px; margin:0 0 18px !important; font-size:clamp(42px,5vw,72px) !important; font-weight:670 !important; line-height:.98; }
.home-hero p { max-width:600px !important; margin:0 !important; color:#565e57 !important; font-size:17px !important; line-height:1.55; }
.top-grid { grid-template-columns:1fr 1fr 1fr !important; gap:0 !important; margin-bottom:72px !important; background:transparent !important; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.top-section { padding:20px 30px 30px 0 !important; }
.top-section + .top-section { padding-left:30px !important; border-left:1px solid var(--line) !important; }
.top-section h3,.news-section h2 { padding-bottom:14px !important; border-bottom:1px solid var(--line) !important; font:600 10px/1.3 var(--font-mono) !important; letter-spacing:.08em; text-transform:uppercase; }
.top-list li { padding:15px 0 !important; border-color:var(--line) !important; }
.top-name { color:var(--ink) !important; font-size:17px !important; }
.top-detail,.news-item,.news-date { color:#626a62 !important; }
.top-bonus { color:var(--mint) !important; }
.news-section { margin:0 0 70px !important; padding:20px 0 0 !important; border-top:1px solid var(--ink) !important; }
.news-item { max-width:1100px; }

button,.btn,.btn-primary,.btn-secondary,.btn-large,select,input { border-radius:0 !important; box-shadow:none !important; font-family:var(--font-mono) !important; }
button,.btn,.btn-primary,.btn-secondary,.btn-large { padding:10px 15px !important; color:var(--ink) !important; background:var(--signal) !important; border:1px solid var(--ink) !important; font-size:9px !important; font-weight:700 !important; letter-spacing:.08em; text-transform:uppercase; }
button:hover,.btn:hover { color:var(--paper) !important; background:var(--ink) !important; transform:none !important; }
input,select { color:var(--ink) !important; background:rgba(255,255,255,.3) !important; border:1px solid var(--line-dark) !important; }
input[type="range"] { accent-color:var(--ink); }

table { width:100%; color:var(--ink) !important; background:transparent !important; border:0 !important; border-top:1px solid var(--ink) !important; border-bottom:1px solid var(--ink) !important; border-collapse:collapse !important; border-radius:0 !important; box-shadow:none !important; }
thead,th { color:#555d56 !important; background:transparent !important; font:600 9px/1.3 var(--font-mono) !important; letter-spacing:.08em; text-transform:uppercase; }
th,td { border-color:var(--line) !important; }
tr:hover td { background:rgba(142,232,0,.09) !important; }
table tbody tr,table tbody tr:hover { transform:none !important; box-shadow:none !important; }
tr.expires-soon td,.expires-soon { color:#7a1625 !important; background:#f4dadc !important; }
.badge,.status,.tag,.category,.news-type,.bonus-badge,.type-badge { border-radius:0 !important; box-shadow:none !important; font-family:var(--font-mono) !important; text-transform:uppercase; }

.amount-controls { max-width:760px !important; margin:32px auto 54px !important; padding:26px 0 !important; border-top:1px solid var(--ink) !important; border-bottom:1px solid var(--ink) !important; }
.amount-control-group { gap:15px !important; }
.amount-control-group label { color:#606861 !important; font:9px var(--font-mono) !important; letter-spacing:.1em; text-transform:uppercase; }
#amount-input { color:var(--ink) !important; background:transparent !important; border:0 !important; border-bottom:1px solid var(--ink) !important; font-size:30px !important; }
#amount-slider { height:2px !important; background:#7e867e !important; }
#amount-slider::-webkit-slider-thumb { width:14px !important; height:14px !important; background:var(--signal) !important; border:1px solid var(--ink); border-radius:50% !important; box-shadow:none !important; }
.amount-presets button { padding:7px 13px !important; color:#4f574f !important; background:transparent !important; border-color:var(--line-dark) !important; }
.amount-presets button::before,.overview-chart::before,.results::before,.changelog-section::before,.expired-section::before,.modern-card::before,.bonus-header::before { display:none !important; }
.results,.overview-chart,.changelog-section,.expired-section,.summary { margin:42px 0 !important; padding:20px 0 0 !important; border-top:1px solid var(--ink) !important; }
.results-header { align-items:flex-start !important; gap:28px !important; margin-bottom:18px !important; }
.results-amount { flex:1 1 680px; max-width:820px; }
.results-header h2,.overview-chart h2,.changelog-section h2 { display:block !important; margin:0 0 15px !important; font-size:26px !important; font-weight:650 !important; }
.amount-slider-label { display:block; margin-bottom:6px; color:#687068; font:9px/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.results-amount #amount-slider { display:block; width:calc(100% - 14px); height:2px !important; margin:0 7px; padding:0; background:var(--ink) !important; border:0 !important; }
.results-amount #amount-slider::-webkit-slider-thumb { width:14px !important; height:14px !important; background:var(--signal) !important; border:1px solid var(--ink); border-radius:50% !important; box-shadow:0 0 0 3px var(--paper) !important; }
.results-amount .amount-presets { position:relative; height:24px; margin:8px 7px 0; }
.results-amount .amount-presets button { position:absolute; top:0; left:var(--position); min-width:0; padding:5px 2px !important; color:#626a63 !important; background:transparent !important; border:0 !important; font-size:9px !important; text-align:center; transform:translateX(-50%); white-space:nowrap; }
.results-amount .amount-presets button:first-child { transform:translateX(0); }
.results-amount .amount-presets button:last-child { transform:translateX(-100%); }
.results-amount .amount-presets button::before { content:""; position:absolute; top:-10px; left:50%; width:1px; height:5px; background:var(--ink); }
.results-amount .amount-presets button:first-child::before { left:7px; }
.results-amount .amount-presets button:last-child::before { left:auto; right:4px; }
.results-amount .amount-presets button:hover,.results-amount .amount-presets button.active { color:var(--ink) !important; background:transparent !important; box-shadow:none !important; }
.results-amount .amount-presets button:hover,.results-amount .amount-presets button.active { transform:translateX(-50%) !important; }
.results-amount .amount-presets button:first-child:hover,.results-amount .amount-presets button:first-child.active { transform:translateX(0) !important; }
.results-amount .amount-presets button:last-child:hover,.results-amount .amount-presets button:last-child.active { transform:translateX(-100%) !important; }
.results-amount .amount-presets button.active { font-weight:800 !important; text-decoration:underline 2px var(--signal); text-underline-offset:3px; }
.settings-panel,.settings-content { margin:18px 0 !important; padding:16px 0 !important; color:var(--ink) !important; background:transparent !important; border:0 !important; border-top:1px solid var(--line) !important; border-bottom:1px solid var(--line) !important; border-radius:0 !important; box-shadow:none !important; }
.settings-grid { gap:20px !important; }
.filter-group label,.settings-content h3 { color:#4f574f !important; font-family:var(--font-mono) !important; }
.overview-chart p { color:#626a62 !important; font:10px/1.5 var(--font-mono) !important; }
.chart-container { height:480px !important; padding:12px 0 !important; background:transparent !important; background-image:radial-gradient(circle at 1px 1px,rgba(18,21,18,.11) .8px,transparent 0) !important; background-size:15px 15px !important; border:0 !important; border-top:1px solid var(--line) !important; border-bottom:1px solid var(--line) !important; border-radius:0 !important; backdrop-filter:none !important; }
.overview-chart h3 { margin:0 0 14px !important; color:var(--ink) !important; font:650 18px/1.2 var(--font-sans) !important; letter-spacing:-.025em; }
.overview-chart .chart-wrap { padding:12px 0 !important; background:transparent !important; background-image:radial-gradient(circle at 1px 1px,rgba(18,21,18,.10) .75px,transparent 0) !important; background-size:15px 15px !important; border-top:1px solid var(--line) !important; border-bottom:1px solid var(--line) !important; }
.overview-chart .chart-legend-note,.overview-chart .chart-wrap + div { margin-top:9px !important; color:#687068 !important; font:9px/1.5 var(--font-mono) !important; text-align:left !important; letter-spacing:.015em; }
.chart-benchmark-note { display:flex; align-items:center; gap:7px; margin:9px 0 0 !important; color:#687068 !important; font:9px/1.45 var(--font-mono) !important; letter-spacing:.015em; }
.chart-benchmark-note > span { position:relative; width:30px; height:8px; flex:0 0 auto; background:linear-gradient(to bottom,transparent 1px,rgba(92,99,92,.18) 1px,rgba(92,99,92,.18) 7px,transparent 7px); }
.chart-benchmark-note > span::after { content:""; position:absolute; top:3px; right:0; left:0; border-top:1px dotted #596059; }
.chart-benchmark-note strong { color:#555d56; font:700 9px/1.45 var(--font-mono); text-transform:uppercase; letter-spacing:.05em; }
.view-container { background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
.summary-stats { gap:0 !important; border-top:1px solid var(--ink); }
.stat { color:var(--ink) !important; background:transparent !important; border:0 !important; border-right:1px solid var(--line) !important; border-radius:0 !important; box-shadow:none !important; }
.stat-number { color:var(--ink) !important; }
.stat-label,.update-info { color:#6b736c !important; font-family:var(--font-mono) !important; }
.summary { display:none !important; }

.guide-card { padding:28px 0 !important; border-top:1px solid var(--line) !important; }
.guide-card:hover { padding-left:0 !important; border-color:var(--ink) !important; box-shadow:none !important; transform:none !important; }
.guide-card-category,.guide-card-arrow { color:#356200 !important; font-family:var(--font-mono) !important; }
.guides-section-title { color:#4e564f !important; font-family:var(--font-mono) !important; letter-spacing:.08em; text-transform:uppercase; }

/* One data language across brokerage, bank, and card comparison pages. */
#bonus-table,#bank-table,#card-table { max-width:none !important; color:var(--ink) !important; background:transparent !important; font:12px/1.45 var(--font-mono) !important; font-variant-numeric:tabular-nums; }
#bonus-table thead,#bank-table thead,#card-table thead { background:transparent !important; }
#bonus-table th,#bank-table th,#card-table th { padding:11px 12px !important; color:#5c645d !important; }
#bonus-table td,#bank-table td,#card-table td { padding:15px 12px !important; color:#303630 !important; background:transparent !important; border-color:var(--line) !important; }
#bonus-table td,#bank-table td,#card-table td { font-family:var(--font-mono) !important; }
#bonus-table tbody tr:hover,#bank-table tbody tr:hover,#card-table tbody tr:hover { background:rgba(142,232,0,.075) !important; transform:none !important; box-shadow:none !important; }
#bonus-table .brokerage-favicon,#bonus-table .brokerage-favicon:hover { transform:none !important; border-radius:0 !important; box-shadow:none !important; }
#bonus-table .brokerage-name,#bank-table .bank-name,#card-table .card-name { color:var(--ink) !important; font:650 14px/1.25 "Helvetica Neue",Helvetica,Arial,sans-serif !important; letter-spacing:-.015em; }
#bonus-table .offer-title,#bank-table .bank-title,#card-table .sub-detail { color:#596159 !important; font:12px/1.45 var(--font-mono) !important; }
#bonus-table .bonus-amount,#bank-table .bonus-amount,#card-table .sub-value { color:#16644e !important; background:none !important; -webkit-background-clip:border-box !important; -webkit-text-fill-color:currentColor !important; font:700 16px/1.2 var(--font-mono) !important; letter-spacing:-.03em; }
#bonus-table .effective-percent,#bonus-table .hold-period,#bonus-table .expiration-date,#bank-table .hold-value,#card-table .spend-amount,#card-table .fee-amount { font-family:var(--font-mono) !important; font-size:12px !important; }
.brokerage-badge,.badge-elevated,.detail-badge,.offer-type-badge,.expiry-badge { display:inline !important; margin-left:7px !important; padding:0 !important; color:#747c75 !important; background:none !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; font:600 9px/1 var(--font-mono) !important; letter-spacing:.08em !important; text-transform:uppercase !important; vertical-align:baseline !important; }
.brokerage-badge::before,.badge-elevated::before,.detail-badge::before,.offer-type-badge::before,.expiry-badge::before { content:"/ "; color:#a0a69f; }
.detail-badges { gap:10px !important; }
#bank-table th,#bank-table td,#card-table th,#card-table td { color:#303630 !important; background:transparent !important; border-color:var(--line) !important; }
#bank-table th,#card-table th { padding:11px 12px !important; color:#5c645d !important; }
#bank-table td,#card-table td { padding:15px 12px !important; }
#bank-table tbody tr,#card-table tbody tr { box-shadow:none !important; transform:none !important; }
#bank-table tbody tr:hover,#card-table tbody tr:hover { background:rgba(142,232,0,.08) !important; box-shadow:none !important; transform:none !important; }
#bank-table .section-divider,#card-table .section-divider { background:var(--paper-2) !important; background-image:none !important; border:0 !important; }
#bank-table .section-divider td,#card-table .section-divider td { padding:10px 12px !important; color:#505851 !important; background:transparent !important; border-top:1px solid var(--ink) !important; font:700 10px/1.2 var(--font-mono) !important; letter-spacing:.08em; }
.bank-name,.card-name,.bonus-amount,.sub-value,.hold-value,.spend-amount,.fee-amount { color:var(--ink) !important; }
.bank-title,.sub-detail,.trigger-sub,.spend-window,.hold-note,.results-meta,.chart-legend-note { color:#687068 !important; }
.bank-links a,.card-links a { font-family:var(--font-mono) !important; text-transform:uppercase; }
.info-callout { margin:26px 0 !important; padding:5px 0 5px 16px !important; color:#505851 !important; background:transparent !important; border:0 !important; border-left:3px solid var(--signal) !important; border-radius:0 !important; font-size:14px !important; }
.info-callout strong { color:var(--ink) !important; }
#bank-table + *,#card-table + * { color:var(--ink); }
.results > .results-header + p { max-width:720px; color:#5e665f !important; font-size:16px !important; }
.results .view-container[style] { max-width:none !important; margin:24px 0 0 !important; }
.overview-chart > div[style] { max-width:none !important; }
.chart-wrap { max-width:none !important; }

.breadcrumb,.breadcrumb a { color:#636b64 !important; background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important; font:9px/1.4 var(--font-mono) !important; letter-spacing:.08em; text-transform:uppercase; }
.article-container { max-width:1200px !important; padding:52px 0 90px !important; }
.article-container > h1 { max-width:930px; margin:0 0 25px !important; font-size:clamp(54px,7vw,96px) !important; font-weight:680 !important; line-height:.94 !important; letter-spacing:-.075em !important; }
.article-container > h1 + p { max-width:800px; color:#626a63 !important; font:9px/1.5 var(--font-mono); letter-spacing:.07em; text-transform:uppercase; }
.article-container h2 { margin:74px 0 26px !important; padding:16px 0 0 !important; border-top:1px solid var(--ink) !important; font-size:clamp(28px,3.2vw,44px) !important; }
.article-container h3 { font-size:22px !important; }
.article-container p,.article-container li { max-width:800px; color:#454c46 !important; font-size:17px; line-height:1.7 !important; }
.article-container strong { color:var(--ink) !important; }
.article-container table { margin:30px 0 !important; font-size:13px !important; }
.article-container th,.article-container td { padding:12px !important; }
.article-container a { color:#356200 !important; }
.related-guides { margin-top:80px !important; padding:18px 0 !important; border-top:1px solid var(--ink) !important; }

.bonus-header { margin-top:22px !important; padding:40px 0 !important; border-top:1px solid var(--ink) !important; border-bottom:1px solid var(--ink) !important; }
.modern-card { margin:52px 0 !important; padding:20px 0 0 !important; border-top:1px solid var(--ink) !important; }
.calc-result { gap:0 !important; background:transparent !important; border-left:1px solid var(--line); }
.result-item { color:var(--ink) !important; background:transparent !important; border:0 !important; border-bottom:1px solid var(--line) !important; border-radius:0 !important; }
.result-label { color:#626a63 !important; }
.result-value { color:var(--mint) !important; }
.details-grid { gap:0 !important; background:transparent !important; border-top:1px solid var(--line); }
.detail-card { background:transparent !important; border:0 !important; border-right:1px solid var(--line) !important; }
.restrictions-list li::before,.benefits-list li::before,.notes-list li::before { content:"·" !important; color:#356200 !important; }
.offer-type-badge,.expiry-badge { color:var(--ink) !important; background:transparent !important; border:1px solid var(--ink) !important; border-radius:0 !important; }

/* Market-history field */
.article-container h2:has(+ .history-switcher) { margin-top:28px !important; margin-bottom:0 !important; padding-top:10px !important; color:#596159 !important; font:700 11px/1 var(--font-mono) !important; letter-spacing:.11em !important; text-transform:uppercase; }
.history-options { display:grid; grid-template-columns:max-content max-content; align-items:center; gap:2px 26px; margin:10px 0 12px; padding:0; border:0; }
.history-options legend { grid-column:1 / -1; margin:0 0 3px; color:#626a63; font:10px/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.history-options label { position:relative; display:flex; align-items:center; gap:8px; padding:7px 2px 6px; color:#4f574f; border:0; border-bottom:2px solid transparent; cursor:pointer; font:600 12px/1 var(--font-mono); }
.history-options label:has(input:checked) { color:var(--ink); background:transparent; border-bottom-color:var(--signal); }
.history-options input { width:12px; height:12px; margin:0; accent-color:var(--ink); }
[data-history-panel][hidden] { display:none !important; }
.history-figure { width:min(1200px,calc(100vw - 56px)); margin:12px 0 54px; background:transparent; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.history-figure-head { display:flex; align-items:end; justify-content:space-between; gap:24px; padding:15px 0 13px; }
.history-figure-head > div:first-child { display:flex; align-items:baseline; gap:16px; }
.history-figure h3 { margin:0 !important; color:var(--ink) !important; font-size:24px !important; font-weight:600 !important; }
.history-threshold { color:#677068; font:9px/1 var(--font-mono); letter-spacing:.1em; }
.history-threshold { color:#356200; }
.history-scroll { overflow-x:auto; border-top:1px solid var(--line); scrollbar-color:#8c948c #deded7; }
.history-svg { display:block; min-width:960px; width:100%; height:auto; background:#eeeee7; }
.history-dot-field { opacity:.36; }
.history-svg pattern circle { fill:#777f77; }
.history-grid line { stroke:#c9cdc5; stroke-width:1; }
.history-grid text,.history-year text { fill:#5e665f; font:12px var(--font-mono); text-anchor:end; }
.history-year line { stroke:#aeb4ac; stroke-dasharray:2 7; }
.history-year text { text-anchor:middle; letter-spacing:.1em; }
.history-dry rect { fill:#111511; opacity:.035; }
.history-dry text { fill:#737b74; font:11px var(--font-mono); text-anchor:middle; letter-spacing:.06em; }
.history-threshold-line { stroke:#4b8400; stroke-width:1; stroke-dasharray:2 5; opacity:.8; }
.history-offer > .history-offer-span { stroke:#267b62; stroke-width:2; }
.history-offer > circle { fill:#eeeee7; stroke:#267b62; stroke-width:1.5; }
.history-offer-great > .history-offer-span { stroke:#111511; stroke-width:3; }
.history-offer-great > circle { fill:var(--signal); stroke:#111511; }
.history-label-leader { fill:none; stroke:#617a6b !important; stroke-width:1.25 !important; stroke-dasharray:2 2.5; stroke-linecap:round; stroke-linejoin:round; }
.history-label-highlight { fill:#cde7ad; opacity:.72; }
.history-offer text { pointer-events:none; }
.history-offer-name { fill:#151915; stroke:#eeeee7; stroke-width:4px; paint-order:stroke; font:600 13px var(--font-mono); letter-spacing:-.02em; }
.history-offer-detail { fill:#4f5750; stroke:#eeeee7; stroke-width:4px; paint-order:stroke; font:11px var(--font-mono); }
.history-offer:hover > .history-offer-span,.history-offer:focus > .history-offer-span { stroke:#356200; stroke-width:4; }
.history-offer:hover .history-label-leader,.history-offer:focus .history-label-leader { stroke:#356200 !important; stroke-width:1.6 !important; }
.history-offer:hover .history-label-highlight,.history-offer:focus .history-label-highlight { fill:var(--signal); opacity:.82; }
.history-figure figcaption { max-width:860px; padding:14px 0 17px; color:#626a63; font:9px/1.55 var(--font-mono); }

footer { margin-top:0 !important; padding:34px 28px !important; color:#656d65 !important; background:#e5e5de !important; border-top:1px solid var(--ink) !important; box-shadow:none !important; text-align:left !important; }
footer .affiliate-disclosure { max-width:1200px; margin:0 auto 13px !important; padding:0 0 13px !important; background:none !important; border:0 !important; border-bottom:1px solid #c7cbc3 !important; border-radius:0 !important; backdrop-filter:none !important; }
footer p,footer .affiliate-disclosure p,footer .affiliate-disclosure p strong { max-width:1200px; margin:8px auto !important; color:#656d65 !important; font:9px/1.5 var(--font-mono) !important; }

/* Agent reference: retain the useful endpoints, present them as documentation. */
.agents-container { max-width:1200px !important; margin:0 auto !important; padding:50px 0 90px !important; }
.agents-hero { max-width:940px; padding:12px 0 42px !important; text-align:left !important; border-bottom:1px solid var(--ink); }
.agents-hero h1 { margin:0 0 18px !important; font-size:clamp(48px,7vw,92px) !important; font-weight:680 !important; line-height:.94 !important; letter-spacing:-.07em !important; }
.agents-hero p { max-width:720px !important; margin:0 !important; color:#565e57 !important; font-size:17px !important; line-height:1.55 !important; }
.agents-container .section-header { margin:64px 0 18px !important; padding:12px 0 0 !important; border-top:1px solid var(--ink) !important; font-size:28px !important; }
.endpoint-grid,.use-case-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 !important; margin:20px 0 !important; border-top:1px solid var(--line); }
.endpoint-card,.use-case-card,.workflow-step,.example-prompt,.mcp-note { margin:0 !important; padding:18px 18px 20px 0 !important; color:var(--ink) !important; background:none !important; border:0 !important; border-bottom:1px solid var(--line) !important; border-radius:0 !important; box-shadow:none !important; }
.endpoint-card:nth-child(even),.use-case-card:nth-child(even) { padding-left:22px !important; border-left:1px solid var(--line) !important; }
.endpoint-card .label,.prompt-label { color:#596159 !important; font:700 9px/1.2 var(--font-mono) !important; letter-spacing:.09em !important; }
.endpoint-card .url { color:#16644e !important; font:11px/1.5 var(--font-mono) !important; }
.endpoint-card .desc,.use-case-card p,.workflow-step p,.example-prompt p,.mcp-note p { color:#596159 !important; font:12px/1.55 var(--font-mono) !important; }
.use-case-card .icon { filter:grayscale(1); opacity:.65; }
.use-case-card h3,.workflow-step h4,.mcp-note h3 { color:var(--ink) !important; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; }
.workflow-steps { gap:0 !important; border-top:1px solid var(--line); }
.step-num { width:24px !important; height:24px !important; color:var(--ink) !important; background:var(--signal) !important; border:1px solid var(--ink); border-radius:0 !important; font:700 9px var(--font-mono) !important; }
.skills-box { margin:20px 0 !important; padding:22px !important; background:#171a17 !important; border:0 !important; border-radius:0 !important; }
.skills-box pre { color:#dfe3da !important; font-family:var(--font-mono) !important; }
.agents-container [style*="border-radius"] { border-radius:0 !important; }
.agents-container code { border-radius:0 !important; font-family:var(--font-mono) !important; }
.cta-row { gap:8px !important; }
.cta-btn { border-radius:0 !important; font:700 9px/1 var(--font-mono) !important; letter-spacing:.07em; text-transform:uppercase; }
.site-footer .footer-links,.site-footer .footer-disclaimer { max-width:1200px; margin:8px auto; font:9px/1.5 var(--font-mono); }
.agent-fetch-grid > div { min-width:0; }
.agent-fetch-grid > div > div { overflow-wrap:anywhere; }

@media (max-width:800px) {
    header { padding:16px 16px 0 !important; }
    header .header-top { justify-content:flex-start !important; }
    header h1 a::after { display:block; margin:9px 0 0; }
    .site-nav { flex-wrap:nowrap !important; overflow-x:auto; }
    main,.container,.main-container { padding-left:16px !important; padding-right:16px !important; }
    .home-hero { min-height:0; padding:28px 0 180px !important; }
    .home-hero::after { top:auto; left:0; right:0; bottom:20px; width:100%; height:125px; }
    .top-grid { grid-template-columns:1fr !important; }
    .top-section,.top-section + .top-section { padding:22px 0 !important; border-left:0 !important; border-top:1px solid var(--line) !important; }
    .article-container { padding:34px 0 60px !important; }
    .article-container > h1 { font-size:52px !important; }
    .article-container h2 { margin-top:54px !important; }
    .history-figure { width:calc(100vw - 32px); }
    .history-figure-head { align-items:start; flex-direction:column; gap:8px; }
    .calculator { grid-template-columns:1fr !important; }
    .calc-result { border-left:0; border-top:1px solid var(--line); }
    .results { margin-top:28px !important; padding-top:15px !important; }
    .results-header { position:relative; display:block !important; }
    .results-header h2 { max-width:none; padding-right:88px; text-align:left !important; font-size:22px !important; line-height:1.2 !important; }
    .results-header #settings-toggle { position:absolute; z-index:2; top:0; right:0; padding:8px 9px !important; }
    .results-amount { flex-basis:100%; min-width:0; }
    .results-amount .amount-presets { width:calc(100% - 28px) !important; height:43px; margin:9px 14px 0; }
    .results-amount .amount-presets button,.results-amount .amount-presets button:hover,.results-amount .amount-presets button.active,.results-amount .amount-presets button:first-child:hover,.results-amount .amount-presets button:first-child.active,.results-amount .amount-presets button:last-child:hover,.results-amount .amount-presets button:last-child.active { padding:4px 0 !important; font-size:8px !important; transform:translateX(-50%) !important; }
    .results-amount .amount-presets button:first-child,.results-amount .amount-presets button:last-child { transform:translateX(-50%) !important; }
    .results-amount .amount-presets button > span { display:block; transform:rotate(-38deg); transform-origin:50% 0; }
    .results-amount .amount-presets button::before { top:-10px; height:9px; }
    .results-amount .amount-presets button:first-child::before,.results-amount .amount-presets button:last-child::before { left:50%; right:auto; }
    .results-amount #amount-slider { width:calc(100% - 28px); margin-right:14px; margin-left:14px; }
    .settings-grid { grid-template-columns:1fr !important; }
    .results .view-container[style] { overflow:visible !important; }
    #bonus-table,#bonus-table tbody { display:block !important; width:100% !important; min-width:0 !important; table-layout:auto !important; border:0 !important; }
    #bonus-table thead { display:none !important; }
    #bonus-table tbody tr { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; grid-template-areas:none !important; column-gap:16px; padding:13px 0; border-bottom:1px solid var(--line); }
    #bonus-table td { position:static !important; display:block !important; min-width:0 !important; width:auto !important; padding:3px 0 !important; color:var(--ink) !important; background:transparent !important; border:0 !important; box-shadow:none !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; }
    #bonus-table td:nth-child(1) { grid-area:1 / 1 / 2 / 2 !important; }
    #bonus-table td:nth-child(3) { grid-area:1 / 2 / 2 / 3 !important; text-align:right; }
    #bonus-table td:nth-child(2) { grid-area:2 / 1 / 3 / 3 !important; color:#596159 !important; }
    #bonus-table td:nth-child(4),#bonus-table td:nth-child(5) { display:flex !important; gap:7px; align-items:baseline; width:auto !important; font-size:12px !important; white-space:nowrap !important; }
    #bonus-table td:nth-child(4) { grid-area:3 / 1 / 4 / 2 !important; }
    #bonus-table td:nth-child(5) { grid-area:3 / 2 / 4 / 3 !important; justify-content:flex-end; }
    #bonus-table td:nth-child(4)::before { content:"APY"; color:#7b837c; font:9px var(--font-mono); }
    #bonus-table td:nth-child(5)::before { content:"HOLD"; color:#7b837c; font:9px var(--font-mono); }
    #bonus-table td:nth-child(6) { grid-area:4 / 1 / 5 / 3 !important; color:#687068 !important; font-size:12px !important; }
    #bonus-table td:nth-child(6)::before { content:"ENDS  "; color:#7b837c; font:9px var(--font-mono); }
    #bonus-table .brokerage-cell { display:flex !important; flex-direction:row !important; width:auto !important; height:auto !important; padding:0 !important; align-items:center !important; justify-content:flex-start !important; text-align:left !important; gap:7px !important; }
    #bonus-table .brokerage-name { font-size:15px !important; }
    #bonus-table .bonus-amount { font-size:18px !important; }
    #bonus-table .effective-percent,#bonus-table .hold-period { display:inline !important; width:auto !important; white-space:nowrap !important; }
    #bank-table,#bank-table tbody,#card-table,#card-table tbody { display:block !important; width:100% !important; border:0 !important; }
    #bank-table thead,#card-table thead { display:none !important; }
    #bank-table tr.bank-row,#card-table tbody tr:not(.section-divider) { display:grid !important; grid-template-columns:minmax(0,1fr) auto; column-gap:16px; padding:14px 0; border-bottom:1px solid var(--line); }
    #bank-table td,#card-table td { position:static !important; display:block !important; min-width:0; padding:3px 0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
    #bank-table td:nth-child(2),#card-table td:nth-child(2) { text-align:right; }
    #bank-table td:nth-child(3) { grid-column:1 / -1; margin-top:5px; }
    #bank-table td:nth-child(4),#bank-table td:nth-child(5) { display:flex !important; gap:7px; color:#5e665f !important; font-size:12px !important; }
    #bank-table td:nth-child(4)::before { content:"HOLD"; color:#7b837c; font:9px var(--font-mono); }
    #bank-table td:nth-child(5)::before { content:"ENDS"; color:#7b837c; font:9px var(--font-mono); }
    #card-table td:nth-child(1),#card-table td:nth-child(2) { grid-column:1 / -1; text-align:left !important; }
    #card-table td:nth-child(2) { margin-top:5px; }
    #card-table td:nth-child(3),#card-table td:nth-child(4) { display:flex !important; gap:7px; color:#5e665f !important; font-size:12px !important; }
    #card-table td:nth-child(3)::before { content:"SPEND"; color:#7b837c; font:9px var(--font-mono); }
    #card-table td:nth-child(4)::before { content:"FEE"; color:#7b837c; font:9px var(--font-mono); }
    #bank-table tr.section-divider,#card-table tr.section-divider { display:block !important; margin-top:22px; }
    #bank-table tr.section-divider td,#card-table tr.section-divider td { display:block !important; padding:9px 0 !important; background:var(--paper-2) !important; }
    .bank-name,.card-name { font-size:16px !important; }
    .bonus-amount,.sub-value { font-size:16px !important; }
    .bank-title,.sub-detail { font-size:12px !important; }
    .overview-chart { padding-top:16px !important; }
    .chart-wrap { height:270px !important; }
    .chart-wrap:has(#card-chart) { height:350px !important; }
    .agents-container { padding:34px 0 60px !important; }
    .agents-hero h1 { font-size:48px !important; }
    .endpoint-grid,.use-case-grid { grid-template-columns:1fr !important; }
    .endpoint-card:nth-child(even),.use-case-card:nth-child(even) { padding-left:0 !important; border-left:0 !important; }
    .agent-fetch-grid { grid-template-columns:1fr !important; gap:0 !important; }
    footer { padding-left:16px !important; padding-right:16px !important; }
}
@media (prefers-reduced-motion:reduce) { * { animation:none !important; transition:none !important; } }