.cs-view{max-width:1540px;margin:auto;padding:14px 16px 28px;color:var(--ink,#122641);font-size:14px}
.cs-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(180px,auto);gap:14px;align-items:center;margin-bottom:12px}
.cs-toolbar h1{font-size:30px;line-height:1.15;margin:0 0 5px;font-weight:800}.cs-toolbar p{margin:0;color:var(--muted,#5d7089)}
.cs-periods{display:flex;flex-wrap:wrap;gap:4px;padding:3px;border:1px solid var(--line,#c9d7e6);border-radius:9px}
.cs-periods button{border:0;border-radius:6px;background:transparent;color:inherit;min-height:34px;padding:4px 9px;font:inherit;cursor:pointer}
.cs-periods button[aria-pressed=true]{background:var(--brand,#1765c8);color:#fff}.cs-periods button:disabled{opacity:.55;cursor:not-allowed}
.cs-periods button:focus-visible,.cs-legend button:focus-visible,.cs-ranking button:focus-visible{outline:2px solid var(--brand,#1765c8);outline-offset:2px}
.cs-status{display:grid;gap:3px;text-align:right}.cs-status strong{font-size:13px;color:var(--brand,#1765c8)}.cs-status small{font-size:12px;line-height:1.4;color:var(--muted,#5d7089)}
.cs-fixture,.cs-notice{margin:0 0 10px;padding:8px 10px;border-left:3px solid #a667da;background:color-mix(in srgb,#a667da 8%,transparent);line-height:1.5}
.cs-notice{border-left-color:#d88b23;background:color-mix(in srgb,#d88b23 9%,transparent)}
.cs-topGrid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(265px,.8fr);gap:10px;align-items:stretch}
.cs-panel{min-width:0;background:var(--surface-primary,#fff);border:1px solid var(--line,#c9d7e6);border-radius:10px;padding:12px}
.cs-panel header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px}.cs-panel h2{margin:0;font-size:18px;line-height:1.3}.cs-panel header span{color:var(--muted,#5d7089);font-size:12px}
.cs-panel[aria-label="通貨強弱ランキング"]>header>h2{flex:none;white-space:nowrap}
.cs-panel[aria-label="通貨強弱ランキング"]>header>span{min-width:0;overflow-wrap:anywhere}
.cs-view[data-strength-surface=full] .cs-rankHeaderMeta{position:relative;min-width:0;font-size:12px;color:var(--muted,#5d7089);overflow-wrap:anywhere}
/* Reserve the accepted header footprint; only its visible metadata changes. */
.cs-view[data-strength-surface=full] .cs-rankHeaderSize{visibility:hidden}
.cs-view[data-strength-surface=full] .cs-rankHeaderControls{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;flex-direction:column;align-items:flex-end}
.cs-view[data-strength-surface=full] .cs-rankRevision{position:relative}
.cs-view[data-strength-surface=full] .cs-rankRevision>summary{min-height:32px;line-height:32px;cursor:pointer;white-space:nowrap}
.cs-view[data-strength-surface=full] .cs-rankRevision>summary:focus-visible{outline:2px solid var(--brand,#1765c8);outline-offset:2px}
.cs-view[data-strength-surface=full] .cs-rankRevision>div{position:absolute;z-index:2;inset-block-start:100%;inset-inline-end:0;width:max-content;max-width:min(26rem,calc(100vw - 60px));padding:10px;border:1px solid var(--line,#c9d7e6);border-radius:6px;background:var(--surface-primary,#fff);color:var(--ink,#122641);line-height:1.5;overflow-wrap:anywhere}
.cs-view[data-strength-surface=full] .cs-rankRevision code{font:inherit;user-select:text}
.cs-legend{display:flex;gap:3px;flex-wrap:wrap}.cs-legend button{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:3px 5px;background:transparent;border:1px solid transparent;border-radius:5px;color:inherit;cursor:pointer;font-size:12px}
.cs-legend button svg{display:block;flex:none}
.cs-legend button[aria-pressed=true]{border-color:var(--brand,#1765c8);background:color-mix(in srgb,var(--brand,#1765c8) 10%,transparent)}
.cs-legend img,.cs-ranking img,.cs-heatmap img{width:20px;height:14px;object-fit:cover;border:1px solid var(--line,#c9d7e6);border-radius:2px}
.cs-graphScroll{overflow-x:auto;max-width:100%}.cs-graphScroll svg{display:block;width:100%;min-width:550px;height:auto;color:var(--muted,#5d7089);font-size:11px;touch-action:pan-y}
.cs-graphScroll svg text{fill:var(--muted,#5d7089)}.cs-cursor{stroke:var(--muted,#5d7089);stroke-width:1;stroke-dasharray:3 3}
.cs-pointReadout{display:flex;align-items:center;flex-wrap:wrap;gap:4px 11px;margin-top:6px;padding:7px;border:1px solid var(--line,#c9d7e6);border-radius:6px;font-size:12px;font-variant-numeric:tabular-nums}
.cs-pointReadout strong{margin-right:5px}.cs-pointReadout span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.cs-pointReadout i{width:7px;height:7px;border-radius:50%}.cs-pointReadout b{font-weight:750}
.cs-mobileHint{display:none}
.cs-gridline{stroke:var(--line,#c9d7e6);stroke-width:1}.cs-graphNote{margin:7px 0 0;color:var(--muted,#5d7089);font-size:12px;line-height:1.5}
.cs-empty{margin:0;min-height:100px;display:flex;align-items:center;color:var(--muted,#5d7089);line-height:1.5}
.cs-ranking{margin:0;padding:0;list-style:none;display:grid;gap:2px}.cs-ranking li{min-width:0}
.cs-ranking button{display:grid;grid-template-columns:18px 20px 40px minmax(20px,1fr) auto;gap:6px;align-items:center;width:100%;min-height:36px;padding:3px 5px;border:0;border-radius:5px;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit}
.cs-ranking button:hover,.cs-ranking button[aria-pressed=true]{background:color-mix(in srgb,var(--brand,#1765c8) 10%,transparent)}
.cs-ranking b{color:var(--muted,#5d7089);font-size:12px}.cs-ranking strong{font-size:14px}.cs-ranking svg{display:block;width:100%;height:7px;max-width:100%}.cs-ranking em{font-style:normal;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750}
.cs-rankGap{margin:9px 0 0;padding-top:8px;border-top:1px solid var(--line,#c9d7e6);font-size:12px;color:var(--muted,#5d7089)}
.cs-heatmap{margin-top:10px}.cs-heatScroll{overflow-x:auto}.cs-heatmap table{border-collapse:separate;border-spacing:3px;width:100%;min-width:590px;font-variant-numeric:tabular-nums}
.cs-heatmap th,.cs-heatmap td{padding:9px 5px;text-align:center;white-space:nowrap;font-size:13px;border-radius:4px}.cs-heatmap th{font-weight:700}.cs-heatmap tbody th{display:flex;align-items:center;justify-content:center;gap:6px}
.cs-heatmap td{font-weight:700}.cs-positive{background:rgba(210,47,72,.17);color:#ac203b}.cs-negative{background:rgba(29,92,213,.16);color:#1653b4}.cs-neutral,.cs-diagonal{background:color-mix(in srgb,var(--line,#c9d7e6) 40%,transparent);color:var(--muted,#5d7089)}
.cs-source{display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:10px;color:var(--muted,#5d7089);font-size:12px;line-height:1.5}.cs-source a{margin-left:auto;color:var(--brand,#1765c8)}
.cs-providerLink{color:var(--brand,#1765c8)!important;text-decoration:underline;text-underline-offset:2px;font-weight:700;white-space:nowrap}
.cs-providerLink:focus-visible{outline:2px solid currentColor;outline-offset:2px}
html[data-product-theme=dark] .cs-view{color:#e8f3ff}
html[data-product-theme=dark] .cs-panel{background:#0d2335;border-color:#2b485b}
html[data-product-theme=dark] .cs-view[data-strength-surface=full] .cs-rankRevision>div{background:#0d2335;border-color:#2b485b;color:#e8f3ff}
html[data-product-theme=dark] .cs-positive{color:#ff9bac}html[data-product-theme=dark] .cs-negative{color:#91bcff}
html[data-product-theme=dark] .cs-graphScroll svg text{fill:#adc5d7}
html[data-product-theme=dark] .cs-providerLink{color:#9bc8ff!important}
html[data-product-theme=dark] .cs-status small,html[data-product-theme=dark] .cs-toolbar p,html[data-product-theme=dark] .cs-graphNote,html[data-product-theme=dark] .cs-rankGap,html[data-product-theme=dark] .cs-source{color:#adc5d7}
@media(max-width:900px){.cs-toolbar{grid-template-columns:1fr auto}.cs-periods{grid-column:1/-1;grid-row:2}.cs-topGrid{grid-template-columns:1fr}.cs-ranking{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cs-view{padding:12px 10px 24px}.cs-toolbar{grid-template-columns:1fr}.cs-toolbar h1{font-size:27px}.cs-status{text-align:left}.cs-periods{grid-row:auto}.cs-periods button{min-height:44px}.cs-ranking{grid-template-columns:1fr}.cs-ranking button{min-height:44px}.cs-legend button{min-height:44px}.cs-panel{padding:10px}.cs-panel header{display:block}.cs-panel header span{display:block;margin-top:4px}.cs-mobileHint{display:block;margin:4px 0 0;color:var(--muted,#5d7089);font-size:12px}}

/* Shared-frame presentation only. Currency colors identify currencies, not price direction. */
.cs-view{font-variant-numeric:tabular-nums}
.cs-status{min-block-size:38px}.cs-status>strong{min-block-size:18px}
.cs-view[data-strength-surface=ranking]>.cs-graphNote,.cs-view[data-strength-surface=heatmap]>.cs-graphNote{min-block-size:36px;line-height:18px;margin:4px 0;display:block}
.cs-delay{color:#9b540b!important;font-weight:750}
html[data-product-theme=dark] .cs-delay{color:#ffbd70!important}
.cs-pendingChart>.cs-legend{min-block-size:32px}.cs-pendingChart>.cs-legend span{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;font-size:12px}
.cs-pendingChart>.cs-empty{aspect-ratio:760/298;min-block-size:216px;justify-content:center;margin:0}
.cs-view[data-strength-surface=ranking] .cs-ranking{grid-template-columns:1fr;gap:2px}
.cs-view[data-strength-surface=ranking] .cs-ranking button{grid-template-columns:16px 20px 34px 90px minmax(48px,1fr);gap:5px;block-size:36px;min-block-size:36px;padding:3px 0}
.cs-view[data-strength-surface=ranking] .cs-ranking .cs-score{font-size:20px;font-weight:800;line-height:1.2;text-align:right;letter-spacing:-.02em;white-space:nowrap}
.cs-view[data-strength-surface=ranking] .cs-score small{font-size:12px;font-weight:600;letter-spacing:0}
.cs-view[data-strength-surface=ranking] .cs-ranking .cs-bar{width:100%;max-width:none;height:12px;overflow:visible}
.cs-view[data-strength-surface=ranking] .cs-rankGap{min-block-size:24px;font-size:12px;line-height:20px;margin:8px 0 0}
.cs-view[data-strength-surface=ranking] .cs-rankGap strong{color:var(--ink,#122641);font-size:13px;white-space:nowrap}
html[data-product-theme=dark] .cs-view[data-strength-surface=ranking] .cs-rankGap strong{color:#e8f3ff}
.cs-pendingRank button:disabled{opacity:1;cursor:default}.cs-pendingRank em{color:var(--muted,#5d7089);font-size:13px!important;font-weight:600!important}
.cs-view .cs-heatmap td,.cs-view .cs-heatmap th{block-size:36px}
.cs-view[data-strength-surface=heatmap] .cs-heatmap{margin-top:0}
@media(max-width:600px){
  .cs-view[data-strength-surface=full] .cs-rankHeaderControls{inset-block-start:-4px;inset-inline-end:auto;inset-inline-start:0;flex-direction:row;align-items:center;gap:10px}.cs-view[data-strength-surface=full] .cs-rankHeaderControls>span{margin-top:0}.cs-view[data-strength-surface=full] .cs-rankRevision>summary{min-height:44px;line-height:44px}.cs-view[data-strength-surface=full] .cs-rankRevision>div{inset-inline-end:auto;inset-inline-start:0}
  .cs-view[data-strength-surface=ranking] .cs-ranking button{block-size:44px;min-block-size:44px;grid-template-columns:16px 20px 34px 96px minmax(50px,1fr);gap:6px}
  .cs-view[data-strength-surface=ranking] .cs-ranking .cs-score{font-size:22px}
  .cs-pendingChart>.cs-legend{min-block-size:44px}
}