/* V83: editorial surfaces and a compact market terminal; copy and data unchanged. */
.cs-revamp .news-v65.section-wrap { max-width:1264px!important; width:calc(100% - 64px)!important; padding:42px 0!important; }
.cs-revamp .news-intro-v64 { padding:0 0 32px!important; border-bottom:1px solid var(--cs-line); margin-bottom:26px; }
.cs-revamp .news-intro-v64 h1 { font-size:36px!important; }
.cs-revamp .news-intro-copy-v64>p { font-size:15px; line-height:1.75; }
.cs-revamp .news-filter-v64 { display:flex; flex-wrap:wrap!important; gap:6px; overflow:visible!important; }
.cs-revamp .news-filter-v64 a { border:0!important; border-radius:12px!important; padding:10px 15px!important; min-height:44px; background:#e9e9ed; color:#555; font-size:13px; }
.cs-revamp .news-filter-v64 a[aria-current=page] { background:#171719; color:#fff; }
.cs-revamp .news-filter-v64 a[href$="/market-research/"] { background:#e5f3eb; color:#176b49; }
.cs-revamp .news-filter-v64 a[href$="/market-research/"][aria-current=page] { background:#176b49; color:#fff; }
.cs-revamp .news-filter-v64 a[href$="/pokemon/"] { background:#fff0f3; color:#c00621; }
.cs-revamp .news-filter-v64 a[href$="/pokemon/"][aria-current=page] { background:#c00621; color:#fff; }
.cs-revamp .news-filter-v64 a[href$="/one-piece/"] { background:#e9f1ff; color:#1c55ab; }
.cs-revamp .news-filter-v64 a[href$="/one-piece/"][aria-current=page] { background:#1c55ab; color:#fff; }
.cs-revamp .news-grid-v65 { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:22px!important; }
.cs-revamp .news-card-v65 { display:flex!important; flex-direction:column!important; border:1px solid var(--cs-line)!important; border-radius:24px!important; background:#fff!important; overflow:hidden; box-shadow:none!important; }
.cs-revamp .news-thumb-link-v65 { display:block!important; width:100%!important; height:auto!important; aspect-ratio:auto!important; overflow:visible!important; }
.cs-revamp .news-thumb-picture-v65 { display:block; width:100%; height:auto!important; aspect-ratio:auto!important; }
.cs-revamp .news-thumb-picture-v65 img { display:block!important; width:100%!important; height:auto!important; object-fit:contain!important; transform:none!important; aspect-ratio:auto!important; }
.cs-revamp .news-card-copy-v65 { display:flex; flex-direction:column; gap:12px; padding:22px!important; flex:1; }
.cs-revamp .news-card-v65 h2 { font-size:21px!important; line-height:1.45!important; letter-spacing:-.025em; margin:0!important; display:block!important; overflow:visible!important; -webkit-line-clamp:unset!important; }
.cs-revamp .news-card-v65 h2 a { color:#171719; }
.cs-revamp .news-card-copy-v65>p { display:block!important; -webkit-line-clamp:unset!important; overflow:visible!important; font-size:14px!important; line-height:1.8!important; color:#64646c; margin:0!important; }
.cs-revamp .news-card-foot-v64 { margin-top:auto!important; padding-top:14px; font-size:11px; color:#777780; }
.cs-revamp .category-badge { border-radius:6px; padding:4px 8px; }
.cs-revamp .category-badge.market { background:#e5f3eb!important; color:#176b49!important; }
.cs-revamp :is(.about-simple-block,.contact-strip) { border-radius:24px; }
.cs-revamp .market-hero { padding:38px 0 25px!important; background:var(--cs-paper); }
.cs-revamp .market-wrap { width:calc(100% - 64px); max-width:1264px; }
.cs-revamp .market-hero h1 { font-size:36px!important; }
.cs-revamp .market-hero-copy>p { font-size:14px; line-height:1.75; }
.cs-revamp .market-source-line { flex-wrap:wrap; gap:6px; }
.cs-revamp .market-source-line span { font-size:10px; padding:6px 9px; }
.cs-revamp .market-workspace { border-radius:26px; background:#101114; border:1px solid #2a2b30; box-shadow:0 22px 45px #1010200f; }
.cs-revamp .market-toolbar { border-bottom:1px solid #2c2d34; background:#111216; padding:18px 20px; }
.cs-revamp .market-field select { min-height:46px; height:46px; font-size:16px; padding:8px 28px 8px 12px; border-radius:12px; background:#202126; }
.cs-revamp .market-field label { font-size:11px; line-height:1.4; }
.cs-revamp .market-summary-card { background:#111216; border-color:#2c2d34; padding:18px 20px; }
.cs-revamp .market-summary-card>span { font-size:11px; color:#9b9ba4; }
.cs-revamp .market-summary-card>strong { font-size:24px; letter-spacing:-.03em; }
.cs-revamp .market-summary-card:first-child>strong { font-size:19px; white-space:normal; line-height:1.3; }
.cs-revamp .market-chart-panel { background:#111216; padding:20px; }
.cs-revamp .market-chart-title h2 { font-size:20px; line-height:1.35; }
.cs-revamp .market-scale-options button { min-width:44px; min-height:44px; font-size:13px; border-radius:10px; }
.cs-revamp .market-scale-options { height:50px; border-radius:13px; }
.cs-revamp .market-refresh-button { min-height:50px; border-radius:13px; font-size:12px; }
.cs-revamp .market-chart-wrap,.cs-revamp #market-chart { height:360px; min-height:360px; }
.cs-revamp .market-movers { background:#16171c; border-color:#2b2c34; }
.cs-revamp .market-tooltip { border:1px solid #56575e; border-radius:12px; padding:12px; }
.cs-revamp .market-tooltip :is(span,small) { white-space:normal!important; text-overflow:clip!important; overflow:visible!important; line-height:1.4; font-size:11px; }
.cs-revamp .market-tooltip strong { font-size:23px; }
.cs-chart-scrubber { display:flex; align-items:center; gap:14px; width:100%; color:#afafb7; font-size:11px; padding:5px 0 0; }
.cs-chart-scrubber label { display:flex; flex:1; min-width:0; align-items:center; gap:12px; }
.cs-chart-scrubber input { flex:1; min-width:0; width:100%; height:38px; margin:0; accent-color:#fff; cursor:ew-resize; }
.cs-chart-scrubber output { min-width:85px; font-variant-numeric:tabular-nums; text-align:right; color:#fff; }
.cs-revamp .market-method { margin-top:24px; }
@media(max-width:1100px) {
 .cs-revamp .news-grid-v65 { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 .cs-revamp .market-chart-actions { grid-template-columns:165px 90px; }
 .cs-revamp .market-summary { grid-template-columns:1.3fr repeat(4,minmax(0,1fr)); }
 .cs-revamp .market-summary-card { padding:14px 12px; }
}
@media(max-width:720px) {
 .cs-revamp .news-v65.section-wrap { width:calc(100% - 28px)!important; padding:26px 0!important; }
 .cs-revamp .news-intro-v64 { display:block; padding-bottom:22px!important; }
 .cs-revamp .news-intro-v64 h1 { font-size:27px!important; }
 .cs-revamp .news-intro-copy-v64>p { font-size:13px; margin:12px 0 15px; }
 .cs-revamp .news-filter-v64 { gap:5px; }
 .cs-revamp .news-filter-v64 a { font-size:11px; padding:10px 12px!important; }
 .cs-revamp .news-grid-v65 { grid-template-columns:1fr!important; gap:20px!important; }
 .cs-revamp .news-card-v65 { border-radius:20px!important; }
 .cs-revamp .news-card-copy-v65 { padding:20px!important; }
 .cs-revamp .news-card-v65 h2 { font-size:21px!important; }
 .cs-revamp .news-card-copy-v65>p { font-size:14px!important; }
 .cs-revamp .market-wrap { width:calc(100% - 28px); }
 .cs-revamp .market-hero { padding:25px 0 18px!important; }
 .cs-revamp .market-hero h1 { font-size:clamp(21px,5.9vw,30px)!important; }
 .cs-revamp .market-hero-copy>p { font-size:12px; line-height:1.7; margin-bottom:10px; }
 .cs-revamp .market-source-line span { font-size:9px; padding:5px 7px; white-space:normal; }
 .cs-revamp .market-status { font-size:11px; line-height:1.5; margin-bottom:10px; }
 .cs-revamp .market-workspace { border-radius:20px; }
 .cs-revamp .market-summary { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:auto; }
 .cs-revamp .cs-market-enhanced .market-summary-card:first-child { display:none; }
 .cs-revamp .market-summary-card { grid-column:span 1!important; padding:10px 12px!important; border:0!important; min-height:54px!important; }
 .cs-revamp .market-summary-card:nth-child(2) { grid-column:1/-1!important; display:grid; grid-template-columns:1fr auto; align-items:center; border-bottom:1px solid #28292f!important; }
 .cs-revamp .market-summary-card:nth-child(2)>span { margin:0; }
 .cs-revamp .market-summary-card:nth-child(2)>strong { font-size:29px; grid-column:2; grid-row:1/3; }
 .cs-revamp .market-summary-card:nth-child(2)>small { font-size:10px; }
 .cs-revamp .market-summary-card>span { font-size:10px; margin-bottom:5px; white-space:normal; }
 .cs-revamp .market-summary-card>strong { font-size:17px; line-height:1.2; white-space:normal; overflow:visible; }
 .cs-revamp .market-chart-panel { padding:10px 12px 4px; }
 .cs-revamp .market-chart-head { display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:8px; margin-bottom:4px; }
 .cs-revamp .market-chart-heading-copy { flex:1; min-width:0; }
 .cs-revamp .market-chart-actions { flex:none; }
 .cs-revamp .market-chart-title h2 { font-size:12px; overflow:visible; white-space:normal; }
 .cs-revamp .market-chart-title>p { font-size:9px; }
 .cs-revamp .market-chart-actions { grid-template-columns:142px 44px; gap:5px; }
 .cs-revamp .market-scale-options { height:44px; padding:0; gap:0; }
 .cs-revamp .market-scale-options button { min-width:44px; min-height:44px; font-size:11px; padding:6px; }
 .cs-revamp .market-refresh-button { width:44px; height:44px; min-height:44px; }
 .cs-revamp .market-chart-wrap,.cs-revamp #market-chart { height:210px; min-height:210px; }
 .cs-revamp .market-tooltip { top:4px!important; max-width:min(230px,74vw); padding:9px 11px; }
 .cs-revamp .market-tooltip time { font-size:11px; }
 .cs-revamp .market-tooltip strong { font-size:19px; }
 .cs-revamp .market-tooltip :is(span,small) { font-size:10px; }
 .cs-chart-scrubber { padding:0; gap:5px; font-size:10px; }
 .cs-chart-scrubber label>span { display:none; }
 .cs-chart-scrubber input { height:38px; }
 .cs-revamp .market-movers header { padding:9px 12px; min-height:56px; }
 .cs-revamp .market-movers-toggle { font-size:11px; min-height:40px; border-radius:10px; }
 .cs-revamp .market-ticker { padding:10px 8px; }
 .cs-revamp .market-ticker p { font-size:9px; }
 .cs-revamp .market-ticker-value b { font-size:15px; }
 .cs-revamp .market-mover-list strong { font-size:11px; }
 .cs-revamp .market-mover-list b { font-size:12px; }
}

/* R7: these are the original chart-bound selects, permanently in the workspace.
   Wrap the row on small screens instead of hiding it inside a dialog. */
.cs-revamp .market-workspace>.market-toolbar { display:grid; grid-template-columns:minmax(130px,.85fr) minmax(0,2fr) minmax(150px,1fr); gap:14px; align-items:end; padding:18px 20px; background:#191a20; }
.cs-revamp .market-workspace>.market-toolbar .market-field { min-width:0; }
.cs-revamp .market-workspace>.market-toolbar label { margin:0 0 7px; font-size:12px; letter-spacing:.04em; color:#b9bbc5; }
.cs-revamp .market-workspace>.market-toolbar select { width:100%; min-width:0; min-height:48px; height:48px; padding:8px 28px 8px 12px; border:1px solid #484a54; background-color:#24262e; color:#fff; border-radius:12px; font-size:16px; cursor:pointer; }
.cs-revamp .market-workspace>.market-toolbar select:focus-visible { outline:2px solid #fff; outline-offset:3px; border-color:#fff; }
@media(max-width:720px) {
 .cs-revamp .market-workspace>.market-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px; }
 .cs-revamp .market-workspace>.market-toolbar .market-field:nth-child(2) { grid-column:1/-1; }
 .cs-revamp .market-workspace>.market-toolbar .market-field:first-child { grid-column:1; grid-row:2; }
 .cs-revamp .market-workspace>.market-toolbar .market-field:last-child { grid-column:2; grid-row:2; }
}