/* Colour layer for reviews, comparisons, learning and events. Loaded after the base hub styles. */
:root{--brand-a:#3abbd7;--brand-b:#9768ee;--accent-text:#5b3fd0;--glow-a:rgba(58,187,215,.16);--glow-b:rgba(151,104,238,.14);--tint-global:#6a4ce0;--tint-australia:#08806b;--tint-mining:#a86200;--tint-macro:#2563d9;--tint-conferences:#8a3fd1}
:root[data-theme=dark]{--accent-text:#b9a5ff;--glow-a:rgba(58,187,215,.30);--glow-b:rgba(151,104,238,.32);--tint-global:#b3a0ff;--tint-australia:#45d6b5;--tint-mining:#f4b24f;--tint-macro:#79a8ff;--tint-conferences:#d19bff}

/* Soft brand glow behind each page's opening section. */
.reviews-hero,.hub-hero,.review-hero{position:relative;isolation:isolate}
.reviews-hero::before,.hub-hero::before,.review-hero::before{content:"";position:absolute;z-index:-1;inset:-24px 0 0;pointer-events:none;background:radial-gradient(42% 48% at 24% 30%,var(--glow-a),transparent 100%),radial-gradient(40% 46% at 78% 22%,var(--glow-b),transparent 100%);-webkit-mask-image:radial-gradient(closest-side at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(closest-side at 50% 50%,#000 35%,transparent 100%)}
.review-hero::before{background:radial-gradient(42% 48% at 24% 30%,color-mix(in srgb,var(--accent,var(--brand-a)) 24%,transparent),transparent 100%),radial-gradient(40% 46% at 78% 22%,var(--glow-b),transparent 100%)}
.reviews-hero h1 .hl,.hub-hero h1 .hl{background:linear-gradient(100deg,var(--brand-a),var(--brand-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:var(--accent-text)}
.eyebrow>span{background:linear-gradient(135deg,var(--brand-a),var(--brand-b))}

/* Exchange colour on cards, reviews and comparison columns. */
.provider-card{position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.provider-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent,var(--brand-a)),color-mix(in srgb,var(--accent,var(--brand-b)) 35%,transparent))}
.provider-card:hover{border-color:color-mix(in srgb,var(--accent,var(--brand-b)) 45%,var(--line));box-shadow:0 10px 30px -18px color-mix(in srgb,var(--accent,var(--brand-b)) 70%,transparent)}
.provider-card .category,.review-provider .category{font-weight:650}
.provider-card[data-region=global] .category,.review-provider .category.region-global{color:var(--tint-global);border-color:color-mix(in srgb,var(--tint-global) 40%,var(--line));background:color-mix(in srgb,var(--tint-global) 9%,transparent)}
.provider-card[data-region=australia] .category,.review-provider .category.region-australia{color:var(--tint-australia);border-color:color-mix(in srgb,var(--tint-australia) 40%,var(--line));background:color-mix(in srgb,var(--tint-australia) 9%,transparent)}
.provider-card[data-category=mining] .category,.review-provider .category.region-mining{color:var(--tint-mining);border-color:color-mix(in srgb,var(--tint-mining) 40%,var(--line));background:color-mix(in srgb,var(--tint-mining) 9%,transparent)}
.guide-filters button[aria-pressed=true]{border-color:transparent;background:linear-gradient(var(--raised),var(--raised)) padding-box,linear-gradient(100deg,var(--brand-a),var(--brand-b)) border-box;border:1px solid transparent}
.review-at-glance{border-top:3px solid var(--accent,var(--brand-b));background:linear-gradient(180deg,color-mix(in srgb,var(--accent,var(--brand-b)) 7%,var(--surface)),var(--surface) 70%)}
.chapter-number{color:#fff;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));border-color:transparent}
.trade-offs section:first-child{border-top:3px solid #16a58d}
.trade-offs section:last-child{border-top:3px solid color-mix(in srgb,var(--tint-mining) 80%,transparent)}
.pair-head>[role=columnheader]{border-bottom:3px solid var(--accent,transparent)}

/* Hub cards: a thin brand line and a different colour for each card's label. */
.hub-card{position:relative;overflow:hidden}
.hub-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--card-tint,var(--brand-a)),color-mix(in srgb,var(--card-tint,var(--brand-b)) 30%,transparent))}
.hub-card:nth-child(5n+1){--card-tint:var(--tint-macro)}.hub-card:nth-child(5n+2){--card-tint:var(--tint-australia)}.hub-card:nth-child(5n+3){--card-tint:var(--tint-conferences)}.hub-card:nth-child(5n+4){--card-tint:var(--tint-mining)}.hub-card:nth-child(5n){--card-tint:var(--tint-global)}
.hub-card .eyebrow{color:var(--card-tint,var(--accent-text))}

/* Event date badges take the event category's colour. */
.event-card .event-date{border-color:color-mix(in srgb,var(--event-tint,var(--brand-b)) 45%,var(--line));background:color-mix(in srgb,var(--event-tint,var(--brand-b)) 10%,var(--surface))}
.event-card .event-date strong{color:var(--event-tint,var(--accent-text))}
.event-card .eyebrow{color:var(--event-tint,var(--accent-text))}
.event-card[data-category=Macro]{--event-tint:var(--tint-macro)}.event-card[data-category=Australia]{--event-tint:var(--tint-australia)}.event-card[data-category=Conferences]{--event-tint:var(--tint-conferences)}.event-card[data-category=Launches],.event-card[data-category=Upgrades],.event-card[data-category=Unlocks],.event-card[data-category=Community]{--event-tint:var(--tint-global)}

/* Callouts and the comparison picker pick up the brand gradient. */
.hub-takeaway,.exchange-picker{position:relative;overflow:hidden}
.hub-takeaway::before,.exchange-picker::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--brand-a),var(--brand-b))}
.history-note{border-color:color-mix(in srgb,var(--tint-mining) 45%,var(--line));background:color-mix(in srgb,var(--tint-mining) 7%,var(--surface))}
.history-note h2{color:var(--tint-mining)}
@media(prefers-reduced-motion:reduce){.provider-card{transition:none}}

/* Tools */
.tool-controls{display:grid;gap:10px;max-width:520px}
.tool-controls input{font:600 20px/1.2 inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.tool-filter{display:flex;gap:8px;flex-wrap:wrap}.tool-filter button{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 14px inherit;cursor:pointer}.tool-filter button.active{background:#5b5cf0;border-color:#5b5cf0;color:#fff}
.tool-fee-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px}
.tool-fee-list li{display:grid;grid-template-columns:28px 40px minmax(0,1fr) auto;grid-template-areas:"rank logo name fee" ". . visit visit";align-items:center;gap:6px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.tool-fee-list li[hidden]{display:none}
.tool-rank{grid-area:rank;font-weight:800;color:var(--muted);text-align:center}.tool-fee-list img,.tool-fee-list .provider-initials{grid-area:logo;width:40px;height:40px;border-radius:10px}
.tool-name{grid-area:name;min-width:0}.tool-name b{display:block}.tool-name small{color:var(--muted)}
.tool-fee{grid-area:fee;font-size:20px;font-variant-numeric:tabular-nums}
.tool-visit{grid-area:visit;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-visit .guide-button{padding:8px 14px;font-size:14px}
.tool-q{border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 12px;display:grid;gap:8px}.tool-q legend{font-weight:800;padding:0 6px}
.tool-q label{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--surface);cursor:pointer}.tool-q label:has(input:checked){outline:2px solid var(--link)}
.tool-picks{list-style:none;padding:0;display:grid;gap:12px}.tool-picks>li{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--surface)}
.tool-pick-head{display:flex;gap:12px;align-items:center}.tool-pick-head img,.tool-pick-head .provider-initials{width:44px;height:44px;border-radius:12px}.tool-pick-head h3{margin:2px 0 0}.tool-pick-head small{color:var(--muted)}
.tool-watch{color:var(--muted)}.tool-pick-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tool-form{display:grid;gap:12px;max-width:560px}.tool-form label{display:grid;gap:6px;font-weight:600}.tool-form input,.tool-form select{font:600 18px/1.2 inherit;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.tool-form .tool-check{display:flex;align-items:center;gap:10px;font-weight:600}.tool-form .tool-check input{width:22px;height:22px}
.tool-result{margin:18px 0;padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--surface);max-width:560px}
.tool-big small{display:block;color:var(--muted)}.tool-big b{display:block;font-size:40px;line-height:1.1;margin:4px 0}.tool-big span{color:var(--muted)}
.tool-breakdown{display:grid;gap:8px;margin:14px 0 0}.tool-breakdown div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:8px}.tool-breakdown dt{color:var(--muted)}.tool-breakdown dd{margin:0;font-weight:700}
.tool-tip{margin:12px 0 0}
@media(max-width:520px){.tool-fee-list li{grid-template-columns:24px 36px minmax(0,1fr) auto}.tool-fee{font-size:17px}}

/* Partner lists (tax software, hardware wallets) */
.partner-list{display:grid;gap:10px;margin:14px 0}
.partner-row{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.partner-row h3{margin:0 0 4px}.partner-row p{margin:0;color:var(--muted)}.partner-row>div{flex:1 1 260px}
.partner-row>span{display:flex;align-items:center;gap:10px}

/* Best exchanges ranking */
.best-picks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.best-picks li{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.best-picks b{font-size:18px}.best-picks a{font-size:14px}
.best-list{list-style:none;padding:0;display:grid;gap:14px}
.best-list>li{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.best-head{display:flex;align-items:center;gap:12px}.best-head img,.best-head .provider-initials{width:44px;height:44px;border-radius:12px}.best-head h3{margin:0}.best-head small{color:var(--muted)}
.best-rank{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#5b5cf0;color:#fff;font-weight:800}
.best-score{margin-left:auto;font-size:26px}.best-score small{font-size:14px;color:var(--muted)}
.best-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:10px 0}.best-facts div{padding:10px;border-radius:10px;background:var(--raised,rgba(127,127,127,.08))}.best-facts dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.best-facts dd{margin:2px 0 0;font-weight:600}
.best-pros{margin:8px 0;padding-left:20px}.best-watch{color:var(--muted)}
.best-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}

/* Coin buying guides */
.coin-steps{counter-reset:step;list-style:none;padding:0;display:grid;gap:10px}
.coin-steps li{counter-increment:step;position:relative;padding:14px 16px 14px 58px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.coin-steps li::before{content:counter(step);position:absolute;left:16px;top:14px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#5b5cf0;color:#fff;font-weight:800}
.coin-steps h3{margin:0 0 4px}.coin-steps p{margin:0}

/* Monthly update signup */
.email-box{border:1px solid var(--line);border-radius:18px;padding:20px;background:linear-gradient(135deg,rgba(91,92,240,.12),transparent)}
.email-box h2{margin-top:0}.email-form label{font-weight:600}
.email-row{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}.email-row input{flex:1 1 220px;font:600 17px/1.2 inherit;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.email-consent{display:flex;gap:8px;align-items:flex-start;font-weight:500!important;font-size:14px;color:var(--muted)}.email-consent input{margin-top:3px}
.email-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.email-status{min-height:1.4em;margin:8px 0 0;font-weight:600}

/* DCA and profit calculators */
.tool-big .up,.tool-big b.up,.tool-big span.up{color:#1fbf7a}.tool-big .down,.tool-big b.down,.tool-big span.down{color:#e5484d}
.dca-chart{width:100%;height:180px;margin:14px 0 4px;overflow:visible}.dca-chart path{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.dca-value{stroke:#5b5cf0}.dca-invested{stroke:#9aa3b5;stroke-dasharray:5 4}
.dca-key{display:flex;gap:16px;font-size:13px;color:var(--muted);margin:0}.dca-key span::before{content:'';display:inline-block;width:14px;height:3px;margin-right:6px;vertical-align:middle;background:#5b5cf0}.dca-key .i::before{background:#9aa3b5}

/* Narrow phones: keep the ranking header and email box inside the screen */
.best-head>div{flex:1 1 auto;min-width:0}.best-head h3{overflow-wrap:anywhere}.best-head small{display:block}
.best-score{flex:none}
.email-row input{min-width:0;width:100%}
@media(max-width:400px){.best-head{gap:8px}.best-head img,.best-head .provider-initials{width:36px;height:36px}.best-score{font-size:22px}.email-row input{flex-basis:100%}}

/* Exchange question pages (fees, safety) */
.answer-facts{margin:18px 0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
.answer-facts>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:6px 18px;padding:14px 18px;border-top:1px solid var(--line)}.answer-facts>div:first-child{border-top:0}
.answer-facts dt{font-weight:700}.answer-facts dd{margin:0;overflow-wrap:anywhere}.answer-facts dd small{display:block;margin-top:4px;color:var(--muted)}.answer-facts ul{margin:0;padding-left:18px}
.answer-score{font-size:20px;margin-right:6px}.answer-facts dd .answer-score small{display:inline;margin:0;font-size:13px;font-weight:600;color:var(--muted)}
.answer-table{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:18px 0}.answer-table table{min-width:0;font-size:15px}.answer-table th,.answer-table td{padding:12px 16px;border-top:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}.answer-table thead th{border-top:0}
.tool-fee-list li.answer-me{border-color:#5b5cf0;box-shadow:0 0 0 1px #5b5cf0 inset}
.hub-reviews-page .hub-section h3{margin-top:20px}
@media(max-width:600px){.answer-facts>div{grid-template-columns:1fr}}