/* Original mock-headlines-visual.html layout: keep sizes, type and spacing here. */

.section-copy p{margin:0;color:var(--muted);font-size:1.045rem}
.report-section{padding:3.2rem 0;border-bottom:1px solid var(--line)}.report-section.first{padding-top:2.2rem}
.sx-date{display:flex;gap:.5rem;flex-wrap:wrap}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);box-shadow:0 8px 30px rgba(35,49,44,.04)}.tbl table{width:100%;border-collapse:collapse;font-size:0.946rem}.tbl th{padding:.7rem .85rem;background:#f1f5f2;color:var(--muted);font-size:0.8125rem;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap}.tbl td{padding:.72rem .85rem;border-top:1px solid var(--line);vertical-align:top}.tbl td strong{display:block}.tbl td small{display:block;color:var(--soft-muted);font-size:0.814rem;margin-top:.1rem}.tbl .positive{color:var(--mint)}.tbl .negative{color:var(--coral)}.tbl .pill{display:inline-flex;align-items:center;min-height:1.7rem;padding:0 .6rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);color:var(--muted);font-size:0.8125rem;font-weight:700;white-space:nowrap}
.hero-focus{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);box-shadow:var(--shadow);min-height:340px}.hero-focus figure{margin:0;position:relative;min-height:240px}.hero-focus figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-focus figure .cr{position:absolute;left:.9rem;bottom:.7rem;color:rgba(255,255,255,.92);font-size:0.8125rem;text-shadow:0 1px 2px rgba(0,0,0,.6)}.hero-focus .hf-body{padding:1.25rem clamp(1.1rem,2.2vw,1.8rem);display:flex;flex-direction:column;gap:.6rem;min-width:0}.hf-kick{color:var(--blue);font-size:0.8125rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hf-title{margin:0;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:700;letter-spacing:-.045em;line-height:1.1}.hf-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.hf-metrics span{padding:.55rem .65rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fbfcfb}.hf-metrics small{display:block;color:var(--muted);font-size:0.8125rem;font-weight:700}.hf-metrics strong{display:block;font-size:1.122rem;margin-top:.1rem;letter-spacing:-.02em}.hf-chart .fc-head{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline;flex-wrap:wrap}.hf-chart .fc-head strong{font-size:0.99rem;letter-spacing:-.02em}.hf-chart .fc-head span{font-size:0.814rem;color:var(--muted)}.hf-chart svg{display:block;width:100%;height:auto}
.focus-rank{list-style:none;margin:.9rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.fr{display:grid;grid-template-columns:1.4rem minmax(0,1fr);gap:.4rem .5rem;align-items:start;padding:.65rem .75rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);cursor:pointer;box-shadow:0 8px 30px rgba(35,49,44,.04)}.fr:hover,.fr.active{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.fr img{grid-column:1/3;width:100%;height:84px;object-fit:cover;border-radius:var(--radius-sm)}.fr-n{font-size:1.1rem;font-weight:800;color:var(--blue)}.fr-body{min-width:0}.fr-body small{display:block;font-size:0.8125rem;letter-spacing:.12em;color:var(--blue);font-weight:800;text-transform:uppercase}.fr-body strong{display:block;font-size:0.99rem;line-height:1.3;letter-spacing:-.02em;margin-top:.15rem}
.relay-outer{padding:3.2rem 0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f8faf8,var(--page))}.relay-top{display:flex;align-items:end;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:1.4rem}.relay-top h2{max-width:30ch;margin:.48rem 0 0;font-size:clamp(2rem,3vw,3rem);font-weight:700;letter-spacing:-.05em;line-height:1.08}
.sub-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.6rem 0 .7rem;flex-wrap:wrap}.sub-title h3{margin:0;font-size:1.155rem;letter-spacing:-.03em}.sub-title p{margin:0;color:var(--muted);font-size:0.88rem}
.trend-card{border:1px solid var(--line);background:var(--paper);padding:1.1rem 1.2rem 1rem;border-radius:var(--radius-md);box-shadow:0 8px 30px rgba(35,49,44,.04)}.tr-screen{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.6rem}.tr-labels{display:flex;flex-direction:column;gap:6px;padding-top:28px}.tr-label{height:30px;display:flex;align-items:center;font-size:0.902rem;font-weight:600}.tr-track{position:relative;border-left:1px solid var(--line);border-right:1px solid var(--line)}.tr-head{position:relative;height:28px}.tr-sess{position:absolute;top:0;height:22px;font-size:0.8125rem;font-weight:700;color:var(--ink);background:var(--blue-soft);border-radius:4px;display:flex;align-items:center;padding:0 .4rem;white-space:nowrap;overflow:hidden}.tr-rows{position:relative;display:flex;flex-direction:column;gap:6px}.tr-row{position:relative;height:30px;border-top:1px dashed var(--line)}.tr-cell{position:absolute;top:3px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:0.8125rem;font-weight:800;color:var(--ink)}.tr-cell.up{background:var(--mint-soft);color:#24795c}.tr-cell.dn{background:var(--coral-soft);color:#b24a40}.tr-cell.flat{background:#eef2ef;color:var(--muted)}.tr-cell.na{background:transparent;border:1px dashed var(--line);color:var(--soft-muted)}.tr-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.7rem;font-size:0.814rem;color:var(--muted)}.tr-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle;margin-right:.3rem}
.mkt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.mkt{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-md);padding:.95rem 1.05rem;box-shadow:0 8px 30px rgba(35,49,44,.04)}.mkt-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.mkt-head strong{font-size:1.122rem;letter-spacing:-.02em}.mkt-head span{font-size:0.8125rem;color:var(--muted);font-weight:600}.mkt-rank{list-style:none;margin:.6rem 0 0;padding:0}.mkt-rank li{display:grid;grid-template-columns:1.4rem minmax(0,1fr) auto 3rem;gap:.4rem;align-items:center;padding:.45rem 0;border-top:1px solid var(--line);font-size:0.924rem}.mkt-rank li i{font-style:normal;color:var(--blue);font-weight:800}.mkt-rank .dir{font-weight:800}.mkt-rank .dir.up{color:var(--mint)}.mkt-rank .dir.dn{color:var(--coral)}.mkt-rank .sc{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.mkt-rank small{grid-column:2/5;color:var(--soft-muted);font-size:0.8125rem}
.ref-list{display:grid;gap:.6rem}.ref{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:.9rem;align-items:center;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);padding:.6rem .8rem;box-shadow:0 8px 30px rgba(35,49,44,.04)}.ref img{width:120px;height:80px;object-fit:cover;border-radius:var(--radius-sm)}.ref .ph{width:120px;height:80px;border-radius:var(--radius-sm);background:#eef2ef}.ref strong{display:block;font-size:1.1rem;letter-spacing:-.02em}.ref span{display:block;font-size:0.88rem;color:var(--muted)}.ref .x{text-align:right;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ref .x small{display:block;font-size:0.8125rem;color:var(--muted);font-weight:600}
.stm-list{margin-top:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);padding:.3rem .95rem}.stm{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.65rem 0;border-top:1px solid var(--line);font-size:0.946rem}.stm:first-child{border-top:0}.stm .t{color:var(--muted);font-size:0.836rem;font-weight:600}
@media (max-width:1000px){.hero-focus{grid-template-columns:1fr}.focus-rank{grid-template-columns:repeat(3,minmax(0,1fr))}.mkt-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.focus-rank{grid-template-columns:1fr 1fr}.mkt-grid{grid-template-columns:1fr}.tr-screen{grid-template-columns:90px minmax(0,1fr)}.ref{grid-template-columns:90px minmax(0,1fr) auto}.ref img,.ref .ph{width:90px;height:60px}.stm{grid-template-columns:1fr}.sx-date{display:none}}