.reading-guide{border:1px solid var(--line);padding:18px 22px;margin:0 0 24px;background:var(--card);font-size:var(--text-sm)}
.reading-guide p{margin:8px 0 0;color:var(--muted);max-width:1000px}
.toolbar .controls{justify-content:flex-end}
.toolbar label{font-size:var(--text-xs);color:var(--muted)}
.chart-wrap{height:310px}
.chart-reading{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:var(--text-xs);color:var(--muted)}
.chart-reading b{color:var(--ink)}
.chart-units{font-size:var(--text-xs);color:var(--muted);margin:8px 0 0}
.legend .up:before,.legend .down:before{height:10px;width:6px;background:var(--green)}
.legend .down:before{background:var(--red)}
.candle-reading{font-size:var(--text-xs);color:var(--muted);min-height:36px;margin:12px 0;line-height:1.6}
.level span{display:block;color:var(--muted);font-size:var(--text-xs)}
.level small{min-height:3em}
.plain-reading{border-left:3px solid var(--amber);padding:12px 16px;background:var(--bg);font-size:var(--text-sm)}
.plain-reading p{margin:6px 0 0;color:var(--muted)}
.table-scroll{overflow:auto;max-height:280px;margin-top:12px}
.table-scroll table{border-collapse:collapse;width:100%;font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}
.table-scroll th,.table-scroll td{text-align:right;padding:8px;border-bottom:1px solid var(--line)}
.table-scroll th:first-child{text-align:left}.table-scroll caption{text-align:left;padding-bottom:10px;color:var(--muted)}
.table-scroll thead{position:sticky;top:0;background:var(--card)}
@media(max-width:700px){.chart-wrap{height:280px}.toolbar .controls{justify-content:flex-start}.reading-guide{padding:16px}.chart-side{padding:16px 12px}.chart-reading{font-size:12px}.level b{font-size:15px}.legend{gap:9px}.plain-reading{padding:12px}.levels{margin-top:20px}}
.quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.quick-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:4px;background:var(--card);font-size:14px;text-decoration:none}
.quick-links a:first-child{background:var(--ink);color:var(--card)}
.simple-guide{background:var(--card);border:1px solid var(--line);padding:18px 22px;margin:18px 0}
.simple-guide summary,.reading-guide summary{font-size:16px;line-height:1.5;padding:4px 0;min-height:32px}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;margin-top:22px}
.guide-grid h2{font-size:21px}.guide-grid p,.guide-note,.reading-guide p{font-size:15px;line-height:1.65}
.guide-note{border-top:1px solid var(--line);padding-top:16px}
.control-field,.comparison-field{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.control-field label,.comparison-field label{font-size:14px}
.toolbar .controls{align-items:flex-end}
button,select{min-height:44px}select{max-width:100%}
.field-help{display:block;margin-top:5px;color:var(--muted);font-size:14px;font-weight:400;line-height:1.55}
.facts dl{font-size:14px}.facts dt{margin-top:16px}.facts .controls button{font-size:14px}
.mobile-comparison-switch{display:none}
.comparison-table small,.three-table small{font-size:13px;line-height:1.55}
.comparison-table{font-size:14px}.comparison-table thead th{white-space:normal}
.three-table .row-actions button{white-space:normal}
.profile-mini a{display:inline-flex;align-items:center;min-height:44px}
.profile-mini b{font-size:14px}
.tabs button{white-space:normal}
dialog{max-height:90dvh;overflow:auto}
#cards,#selected-comparison,#simple-guide{scroll-margin-top:20px}
@media(max-width:1050px){
  .toolbar .controls{width:100%;justify-content:flex-start}
}
@media(max-width:900px){
  .mobile-comparison-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}
  .mobile-comparison-switch button{padding:10px 6px;min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.4}
  .mobile-comparison-switch small{display:block;font-size:12px;margin-top:3px}
  .mobile-comparison-switch [aria-pressed=true]{background:var(--ink);color:var(--card);border-color:var(--ink)}
  .three-scroll{overflow:visible}
  .three-table{display:block;min-width:0;width:100%}
  .three-table thead,.three-table tbody{display:block}
  .three-table tr{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.6fr)}
  .three-table th,.three-table td{display:none;min-width:0;padding:14px 12px}
  .three-table th:first-child{display:block;width:auto;position:static;z-index:auto;font-size:14px}
  .three-scroll[data-mobile-column="2"] tr>:nth-child(2),
  .three-scroll[data-mobile-column="3"] tr>:nth-child(3),
  .three-scroll[data-mobile-column="4"] tr>:nth-child(4){display:block;border-right:0}
  .three-person{flex-wrap:wrap;gap:8px}.three-person img{width:44px;height:44px}
  .three-table .row-actions{display:grid;gap:8px}
  .three-table button{width:100%;padding:10px 8px}
  .comparison-scroll{overflow:visible;border:0;background:transparent}
  .comparison-table{display:block;min-width:0;width:100%}
  .comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .comparison-table tbody{display:grid;gap:18px}
  .comparison-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--card);border:1px solid var(--line);border-radius:5px;overflow:hidden}
  .comparison-table tbody th:first-child{grid-column:1/-1;min-width:0;max-width:none;position:static;border-right:0;padding:16px}
  .comparison-table td{min-width:0;max-width:none;padding:14px;overflow-wrap:anywhere}
  .comparison-table td::before{content:attr(data-label);display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}
  .comparison-table td:nth-child(6),.comparison-table td:nth-child(7){grid-column:1/-1}
  .comparison-table tbody tr:last-child>*{border-bottom:1px solid var(--line)}
  .comparison-table tbody tr>td:last-child{border-bottom:0}
  .comparison-table .numeric{max-width:none}
  .compare-person{flex-direction:row;align-items:center;gap:12px}
  .comparison-table .row-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .comparison-table .row-actions button{width:100%;font-size:14px;white-space:normal}
  .direction{white-space:normal}
  .guide-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .toolbar .controls,.comparison-toolbar>.controls{display:grid;grid-template-columns:1fr;width:100%}
  .control-field,.comparison-field{width:100%}
  .toolbar select,.comparison-toolbar select,.control-field select{max-width:none;width:100%;font-size:16px}
  .toolbar .controls>button{width:100%}
  .directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .profile-mini{padding:14px 8px}.profile-mini img{width:46px;height:46px}
  .profile-mini b{white-space:normal;font-size:14px}.profile-mini a{font-size:14px}
  .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}
  .tabs button{font-size:13px;line-height:1.45;padding:12px 3px}
  .simple-guide{padding:16px}.notice{font-size:14px;line-height:1.65}
  .toolbar p,.health-summary,.position-status{font-size:14px;line-height:1.6}
  .view-switch{display:flex;width:100%}.view-switch button{min-width:0;white-space:normal;font-size:14px}
  .section-head{gap:10px}.section-head h2{font-size:23px}
  .facts .controls{display:grid}.facts .controls button{width:100%}
  dialog{width:calc(100% - 24px);padding:18px}dialog textarea{font-size:16px}
  .three-table .numeric{font-size:16px}
}
@media(max-width:480px){
  .levels{grid-template-columns:1fr;gap:12px}
  .level small{min-height:0;font-size:14px}.level b{font-size:18px}
  .chart-reading{flex-direction:column;gap:4px}
  .quick-links a{flex:1 1 auto;justify-content:center}
}
/* Every operation carries a rendered chart; compact means fewer words, not hidden candles. */
.inline-chart{min-width:0}
.inline-chart h3{font:600 16px Archivo,Arial,sans-serif;margin:0 0 8px}
.inline-chart>p{font-size:14px;line-height:1.55;color:var(--muted)}
.inline-chart .chart-wrap{height:280px;margin-top:20px}
.chart-wrap canvas{max-width:100%}
.inline-chart .chart-caution{font-size:13px;border-left:3px solid var(--amber);padding-left:12px;margin-bottom:0}
.comparison-scroll{overflow:visible;border:0;background:transparent}
.comparison-table{display:block;min-width:0;width:100%}
.comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.comparison-table tbody{display:grid;gap:22px}
.comparison-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.5fr);background:var(--card);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.comparison-table tbody th:first-child{grid-column:1/3;grid-row:1;position:static;min-width:0;max-width:none;padding:18px;border-right:0}
.comparison-table td{min-width:0;max-width:none;padding:14px 18px;overflow-wrap:anywhere}
.comparison-table td::before{content:attr(data-label);display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}
.comparison-table td:nth-child(6),.comparison-table td:nth-child(7){grid-column:1/3}
.comparison-table .always-chart-cell{grid-column:3;grid-row:1/6;border-left:1px solid var(--line);padding:22px}
.comparison-table .always-chart-cell::before{display:none}
.comparison-table .numeric{max-width:none}
.comparison-table .row-actions{display:flex;flex-wrap:wrap;gap:8px}
.comparison-table .row-actions button{white-space:normal;width:auto}
.compare-person{flex-direction:row;align-items:center}
.three-table .inline-chart .chart-wrap{height:250px}
@media(max-width:900px){
  .comparison-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .comparison-table tbody th:first-child{grid-column:1/-1;grid-row:1}
  .comparison-table .always-chart-cell{grid-column:1/-1;grid-row:2;border-left:0;padding:18px 12px}
  .comparison-table .row-actions{display:grid;grid-template-columns:1fr}
  .comparison-table .row-actions button{width:100%}
  .three-table .comparison-chart-row{grid-template-columns:minmax(0,1fr)}
  .three-table .comparison-chart-row th:first-child{display:none}
  .three-table .comparison-chart-row td{padding:18px 12px}
  .three-table .inline-chart .chart-wrap{height:280px}
}
/* The native feed keeps the existing compact chart layout. */
header{flex-wrap:wrap}
.intro .eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:8px}
@media(max-width:420px){.header-tools{font-size:12px;gap:12px;width:100%;justify-content:space-between}.loading{padding:24px 16px}}
.trade.operation-first{display:block}
.operation-first .facts{border-right:0;border-bottom:1px solid var(--line)}
.operation-first .operation-title{margin-bottom:20px}
.operation-first .operation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:18px 0}
.operation-first .operation-metrics dt{margin:0 0 6px}
.operation-first .operation-metrics dd{font-size:var(--text-sm)}
.operation-first .operation-metrics .entry-price{font-size:var(--text-lg);font-weight:700}
.operation-first .operation-metrics .field-help{font-size:var(--text-xs);color:var(--muted);margin-top:5px}
.operation-first .chart-side{background:var(--bg)}
.scenario-verdict{font-size:var(--text-sm);margin:14px 0;border-left:3px solid var(--amber);padding-left:12px}
.operation-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:18px 24px;border-top:1px solid var(--line);font-size:var(--text-sm)}
@media(max-width:700px){.operation-first .operation-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.operation-first .facts,.operation-first .chart-side{padding:16px}.operation-first .chart-head{flex-direction:column}.operation-first .chart-wrap{height:260px}.operation-actions{padding:16px}}
@media(max-width:390px){.operation-first .operation-metrics{grid-template-columns:1fr}}
.capitalia-plan{border:1px solid var(--line,#c5cfcc);border-radius:10px;padding:16px;margin-block:16px;text-align:left}
.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.plan-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:16px}
.plan-values>div{border-left:3px solid #697876;padding-left:12px;min-width:0}
.plan-values small,.plan-values strong,.plan-values span{display:block}
.plan-values small{font-size:12px}.plan-values strong{font-size:clamp(18px,2vw,24px);overflow-wrap:anywhere;margin-block:8px}
.plan-values span,.capitalia-plan p{font-size:14px;line-height:1.55}
.plan-values .plan-range{font-weight:600;margin-block:8px;overflow-wrap:anywhere}
.plan-values .plan-distance{margin-bottom:8px;font-variant-numeric:tabular-nums}
.plan-values .plan-tp{border-color:#1b7565}.plan-values .plan-sl{border-color:#cd2018}
.dark .plan-values .plan-tp{border-color:#6dd5b8}.dark .plan-values .plan-sl{border-color:#ff756c}
.three-table .plan-values{grid-template-columns:1fr}
@media(max-width:650px){.plan-values{grid-template-columns:1fr}.capitalia-plan{padding:12px}}