:root {
  --ink: #161817;
  --paper: #f4f5f1;
  --white: #fff;
  --muted: #6c716d;
  --line: #d9ddd7;
  --acid: #b7f52e;
  --acid-dark: #6d9b00;
  --orange: #ff713d;
  --cyan: #19a7a0;
  --purple: #8b5cf6;
  --soft-green: #e9f5ce;
  --soft-orange: #fff0e8;
  --shadow: 0 10px 28px rgba(16, 20, 17, .08);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  font-size: 15px;
  letter-spacing: 0;
}
button, input, select { font: inherit; }
button { color: inherit; cursor: pointer; }
a { color: inherit; }
.topbar {
  position: sticky; top: 0; z-index: 30;
  min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 10px clamp(16px, 4vw, 64px);
  color: var(--white); background: rgba(22,24,23,.97); border-bottom: 1px solid #343735;
  backdrop-filter: blur(12px);
}
.brand { display: flex; align-items: center; gap: 11px; text-decoration: none; }
.brand-mark {
  width: 42px; aspect-ratio: 1; display: grid; place-items: center;
  color: var(--ink); background: var(--acid); font-size: 22px; font-weight: 900;
}
.brand > span:last-child { display: grid; }
.brand strong { font-size: 15px; }
.brand small { color: #a7aca8; font-size: 9px; margin-top: 2px; }
.update { display: flex; align-items: center; gap: 8px; color: #d4d8d5; font-size: 12px; }
.update i { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 4px rgba(183,245,46,.12); }
.update time { color: #909692; }

.command {
  display: grid; grid-template-columns: 1.05fr .95fr; min-height: 400px;
  color: var(--white); background: var(--ink);
}
.command-copy { display: flex; flex-direction: column; justify-content: center; padding: 42px clamp(22px, 5vw, 74px); }
.status-line { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; }
.status-line span { padding: 5px 8px; color: var(--ink); background: var(--acid); font-size: 10px; font-weight: 900; }
.status-line b { color: #858b87; font-size: 10px; }
h1 { margin: 0; font-size: clamp(38px, 5vw, 66px); line-height: 1.06; letter-spacing: 0; }
.command-copy > p { max-width: 680px; margin: 18px 0 0; color: #c6cbc7; font-size: 16px; line-height: 1.8; }
.metrics { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 720px; margin-top: 28px; border-top: 1px solid #3b3f3c; }
.metric { padding: 14px 12px 0 0; min-width: 0; }
.metric strong { display: block; font-size: 24px; color: var(--acid); }
.metric span { color: #939995; font-size: 11px; }
.lead-signal { position: relative; min-height: 340px; margin: 0; overflow: hidden; }
.lead-signal::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15,17,16,.94) 0%, rgba(15,17,16,.12) 70%); }
.lead-signal img { width: 100%; height: 100%; object-fit: cover; }
.lead-content { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 22px; }
.lead-content span { color: var(--acid); font-size: 10px; font-weight: 900; }
.lead-content h2 { margin: 7px 0; font-size: 25px; line-height: 1.35; }
.lead-content p { margin: 0; color: #d3d7d4; line-height: 1.6; font-size: 12px; }

.toolbar {
  position: sticky; top: 66px; z-index: 20;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 13px clamp(16px, 4vw, 64px);
  background: rgba(244,245,241,.96); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px);
}
.search { width: min(440px, 100%); display: flex; align-items: center; gap: 8px; padding: 0 12px; background: var(--white); border: 1px solid var(--line); }
.search span { color: var(--muted); font-size: 22px; }
.search input { width: 100%; height: 42px; border: 0; outline: 0; background: transparent; }
.tabs { display: grid; grid-template-columns: repeat(5, 1fr); background: var(--white); border: 1px solid var(--line); }
.tabs button { min-width: 84px; height: 42px; padding: 0 12px; border: 0; border-right: 1px solid var(--line); background: transparent; }
.tabs button:last-child { border-right: 0; }
.tabs button.active { background: var(--ink); color: var(--acid); }

.layout {
  max-width: 1540px; margin: 0 auto; padding: 30px clamp(16px, 4vw, 64px) 58px;
  display: grid; grid-template-columns: 225px minmax(0, 1fr); gap: 30px;
}
.sidebar { position: sticky; top: 137px; align-self: start; display: grid; gap: 15px; }
.side-head { display: flex; align-items: center; justify-content: space-between; }
.side-head h2 { margin: 0; font-size: 15px; }
.side-head button { padding: 0; color: var(--acid-dark); border: 0; background: transparent; font-size: 11px; }
#stageFilters { display: grid; background: var(--white); border: 1px solid var(--line); }
.stage-filter {
  min-height: 45px; display: flex; align-items: center; justify-content: space-between;
  padding: 0 12px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left;
}
.stage-filter:last-child { border-bottom: 0; }
.stage-filter em { color: var(--muted); font-size: 11px; font-style: normal; }
.stage-filter.active { color: var(--white); background: var(--ink); }
.stage-filter.active em { color: var(--acid); }
.thesis { padding: 15px; background: var(--soft-green); border-left: 3px solid var(--acid-dark); }
.thesis span { color: var(--acid-dark); font-size: 10px; font-weight: 900; }
.thesis p { margin: 7px 0 0; font-size: 12px; line-height: 1.65; }
.funnel { padding: 14px; background: var(--white); border: 1px solid var(--line); }
.funnel h3 { margin: 0 0 9px; font-size: 12px; }
.funnel p { display: flex; align-items: center; gap: 7px; margin: 7px 0; color: var(--muted); font-size: 11px; }
.funnel i { width: 7px; height: 7px; border-radius: 50%; }
.funnel .reach { background: var(--orange); }
.funnel .trust { background: var(--cyan); }
.funnel .convert { background: var(--purple); }

.content { min-width: 0; }
.chain, .view { margin-bottom: 38px; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 15px; }
.section-head small { color: var(--acid-dark); font-size: 10px; font-weight: 900; }
.section-head h2 { margin: 3px 0 0; font-size: 24px; }
.section-head p { margin: 0; color: var(--muted); font-size: 12px; }
.section-head select { height: 36px; padding: 0 12px; border: 1px solid var(--line); background: var(--white); }
.chain-map { display: grid; grid-template-columns: repeat(6, minmax(115px,1fr)); overflow-x: auto; background: var(--white); border: 1px solid var(--line); }
.chain-node { min-width: 115px; padding: 16px 13px; border: 0; border-right: 1px solid var(--line); background: transparent; text-align: left; }
.chain-node:last-child { border-right: 0; }
.chain-node:hover, .chain-node.active { background: var(--soft-green); }
.chain-node small { display: block; color: var(--muted); font-size: 9px; }
.chain-node strong { display: block; margin-top: 5px; font-size: 14px; }
.heat { display: flex; gap: 3px; margin-top: 11px; }
.heat i { width: 13px; height: 4px; background: #e0e3df; }
.heat i.on { background: var(--acid-dark); }

.hotspot-list { display: grid; gap: 10px; }
.hotspot {
  display: grid; grid-template-columns: 62px minmax(0,1fr) 250px; gap: 17px;
  padding: 18px; background: var(--white); border: 1px solid var(--line);
}
.hotspot:hover { box-shadow: var(--shadow); }
.score { width: 56px; height: 56px; display: grid; place-content: center; color: var(--ink); background: var(--acid); font-size: 19px; font-weight: 900; }
.score small { display: block; text-align: center; font-size: 8px; font-weight: 600; }
.meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.tag { min-height: 23px; display: inline-flex; align-items: center; padding: 0 7px; color: #3f4541; background: #ecefeb; font-size: 10px; font-weight: 700; }
.tag.s { color: #812e20; background: #ffe4da; }
.tag.a { color: #6a4e00; background: #f7efc9; }
.tag.reach { color: #8d3515; background: var(--soft-orange); }
.tag.trust { color: #08655f; background: #dff3f1; }
.tag.convert { color: #5f38a2; background: #eee7fb; }
.hotspot h3 { margin: 9px 0 6px; font-size: 18px; line-height: 1.45; }
.hotspot-main p { margin: 0; color: var(--muted); line-height: 1.65; }
.hotspot-side { padding-left: 17px; border-left: 1px solid var(--line); }
.hotspot-side strong { display: block; color: var(--acid-dark); font-size: 10px; }
.hotspot-side p { margin: 6px 0; font-size: 12px; line-height: 1.6; }
.hotspot-side a { color: #527800; font-size: 11px; text-underline-offset: 3px; }

.chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.chip { min-height: 34px; padding: 0 12px; border: 1px solid var(--line); background: var(--white); }
.chip.active { color: var(--ink); border-color: var(--acid-dark); background: var(--acid); }
.topic-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.topic {
  min-height: 250px; display: flex; flex-direction: column; padding: 18px;
  background: var(--white); border: 1px solid var(--line);
}
.topic:hover { box-shadow: var(--shadow); }
.topic h3 { margin: 9px 0; font-size: 18px; line-height: 1.45; }
.hook { padding: 10px 11px; background: var(--soft-green); font-size: 12px; line-height: 1.55; }
.topic-detail { margin: 11px 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.topic-foot { margin-top: auto; padding-top: 11px; display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.topic-foot strong { color: var(--acid-dark); }

.framework-subhead { margin-top: 27px; }
.content-framework {
  display: grid; grid-template-columns: minmax(290px, .8fr) minmax(0, 1.2fr);
  margin-bottom: 14px; color: var(--white); background: var(--ink); border-left: 4px solid var(--acid);
}
.framework-intro { padding: 22px; border-right: 1px solid #383c39; }
.framework-intro > small, .live-thesis small { color: var(--acid); font-size: 9px; font-weight: 900; }
.framework-intro h3 { margin: 7px 0 18px; font-size: 20px; line-height: 1.5; }
.task-mix { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #383c39; }
.task-mix div { min-width: 0; padding: 13px 8px 0 0; }
.task-mix strong { display: block; color: var(--acid); font-size: 20px; }
.task-mix span { display: block; margin-top: 2px; font-size: 10px; font-weight: 800; }
.task-mix small { display: block; margin-top: 4px; color: #9ba19d; font-size: 8px; line-height: 1.45; }
.framework-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.framework-steps article { min-width: 0; padding: 18px 14px; border-right: 1px solid #383c39; }
.framework-steps article:last-child { border-right: 0; }
.framework-steps article > span { color: var(--acid); font-size: 10px; font-weight: 900; }
.framework-steps strong { display: block; margin-top: 22px; font-size: 12px; }
.framework-steps p { margin: 7px 0 0; color: #aeb4b0; font-size: 9px; line-height: 1.55; }

.topic-matrix { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.matrix-card { min-height: 230px; padding: 17px; background: var(--white); border: 1px solid var(--line); border-top: 3px solid var(--acid-dark); }
.matrix-card > span { color: var(--acid-dark); font-size: 9px; font-weight: 900; }
.matrix-card h4 { margin: 8px 0 11px; font-size: 15px; line-height: 1.5; }
.matrix-card dl, .topic-execution, .live-detail { margin: 0; }
.matrix-card dl div, .topic-execution div, .live-detail div { display: grid; grid-template-columns: 60px 1fr; gap: 9px; padding: 7px 0; border-top: 1px solid var(--line); }
.matrix-card dt, .topic-execution dt, .live-detail dt { color: var(--acid-dark); font-size: 9px; font-weight: 900; }
.matrix-card dd, .topic-execution dd, .live-detail dd { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }

.detailed-topic { min-height: 385px; }
.topic-execution { margin: 10px 0 12px; }
.topic-execution div { grid-template-columns: 64px 1fr; padding: 8px 0; }
.topic-execution dd { font-size: 11px; }

.live-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.live-card { padding: 18px; background: var(--white); border: 1px solid var(--line); }
.live-card .number { color: var(--orange); font-size: 11px; font-weight: 900; }
.live-card h3 { margin: 8px 0 10px; font-size: 17px; }
.live-card p { margin: 7px 0; color: var(--muted); line-height: 1.65; font-size: 12px; }
.live-card strong { color: var(--ink); }
.live-framework { margin-bottom: 14px; color: var(--white); background: var(--ink); border-left: 4px solid var(--orange); }
.live-thesis { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 20px; border-bottom: 1px solid #383c39; }
.live-thesis small { color: var(--orange); white-space: nowrap; }
.live-thesis h3 { max-width: 900px; margin: 0; font-size: 16px; line-height: 1.5; text-align: right; }
.run-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.run-grid article { min-width: 0; padding: 16px 13px; border-right: 1px solid #383c39; }
.run-grid article:last-child { border-right: 0; }
.run-grid time { display: block; color: var(--orange); font-size: 9px; font-weight: 900; }
.run-grid strong { display: block; margin-top: 12px; font-size: 12px; }
.run-grid p { min-height: 50px; margin: 6px 0; color: #aeb4b0; font-size: 9px; line-height: 1.5; }
.run-grid span { color: var(--acid); font-size: 8px; line-height: 1.4; }
.method-strip { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); background: var(--white); border: 1px solid var(--line); overflow-x: auto; }
.method-strip article { min-width: 125px; padding: 15px 12px; border-right: 1px solid var(--line); }
.method-strip article:last-child { border-right: 0; }
.method-strip span { display: grid; place-items: center; width: 25px; height: 25px; color: var(--ink); background: var(--acid); font-size: 10px; font-weight: 900; }
.method-strip strong { display: block; margin-top: 10px; font-size: 11px; }
.method-strip p { margin: 6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.detailed-live { min-height: 620px; display: flex; flex-direction: column; }
.live-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.live-card-top > span:last-child { color: var(--muted); font-size: 9px; }
.live-opening { padding: 11px; background: var(--soft-orange); }
.live-opening > strong, .question-tree > strong { color: #a83f18; font-size: 9px; font-weight: 900; }
.live-opening p { margin: 4px 0 0; color: var(--ink); font-weight: 700; }
.question-tree { margin-top: 12px; }
.question-tree > strong { color: var(--acid-dark); }
.question-tree ol { margin: 8px 0 0; padding-left: 23px; }
.question-tree li { margin: 5px 0; padding-left: 3px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.question-tree li::marker { color: var(--acid-dark); font-weight: 900; }
.live-detail { margin-top: 10px; }
.live-detail div { grid-template-columns: 62px 1fr; padding: 8px 0; }
.live-closing { margin-top: auto; padding: 10px; color: #4f390b; background: #f8f0c9; font-size: 10px; line-height: 1.55; }
.live-closing strong { color: #684a00; }
.source-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.source { min-height: 165px; padding: 17px; background: var(--white); border: 1px solid var(--line); }
.source span { color: var(--acid-dark); font-size: 10px; font-weight: 900; }
.source h3 { margin: 8px 0; font-size: 16px; }
.source p { margin: 0; color: var(--muted); line-height: 1.65; font-size: 12px; }
.source a { display: inline-block; margin-top: 10px; color: #527800; font-size: 11px; }

.positioning-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 28px;
  margin-bottom: 14px;
  padding: 23px;
  color: var(--white);
  background: var(--ink);
  border-left: 4px solid var(--acid);
}
.positioning-panel > div:first-child > span { color: var(--acid); font-size: 10px; font-weight: 900; }
.positioning-panel h3 { max-width: 780px; margin: 8px 0; font-size: 22px; line-height: 1.45; }
.positioning-panel p { max-width: 800px; margin: 0; color: #bdc3bf; font-size: 12px; line-height: 1.75; }
.audience-mix { display: grid; align-content: center; gap: 4px; }
.audience-mix div {
  display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 10px;
  padding: 8px 0; border-bottom: 1px solid #353936;
}
.audience-mix div:last-child { border-bottom: 0; }
.audience-mix strong { color: var(--acid); font-size: 20px; }
.audience-mix span { color: #d6dbd7; font-size: 11px; line-height: 1.45; }

.platform-tabs {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 14px; background: var(--white); border: 1px solid var(--line);
}
.platform-tab {
  min-height: 62px; display: flex; align-items: center; justify-content: center; gap: 9px;
  border: 0; border-right: 1px solid var(--line); background: transparent;
}
.platform-tab:last-child { border-right: 0; }
.platform-tab strong { font-size: 15px; }
.platform-tab span { color: var(--muted); font-size: 10px; }
.platform-tab.active { color: var(--ink); background: var(--acid); }
.platform-tab.active span { color: #4d5c2d; }

.platform-guide {
  display: grid; grid-template-columns: minmax(250px, 1.15fr) repeat(3, minmax(155px, 1fr));
  margin-bottom: 28px; background: var(--white); border: 1px solid var(--line);
}
.guide-main, .guide-list { min-width: 0; padding: 18px; border-right: 1px solid var(--line); }
.guide-list:last-child { border-right: 0; }
.guide-main small, .subhead small { color: var(--acid-dark); font-size: 9px; font-weight: 900; }
.guide-main h3 { margin: 5px 0 7px; font-size: 18px; line-height: 1.4; }
.guide-main > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.guide-main > div {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: 13px; padding-top: 11px; border-top: 1px solid var(--line); font-size: 10px;
}
.guide-main > div span { color: var(--muted); }
.guide-main > div strong, .guide-list > strong { color: var(--acid-dark); font-size: 10px; }
.guide-list ul { margin: 10px 0 0; padding: 0; list-style: none; }
.guide-list li { position: relative; margin: 7px 0; padding-left: 12px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.guide-list li::before { content: ""; position: absolute; top: .65em; left: 0; width: 5px; height: 5px; background: var(--acid-dark); }
.guide-list.avoid li::before { background: var(--orange); }

.subhead {
  display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 11px;
}
.subhead h3 { margin: 3px 0 0; font-size: 19px; }
.subhead > span { color: var(--muted); font-size: 10px; }
.script-head { margin-top: 27px; }
.platform-signal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.platform-signal { min-height: 170px; padding: 17px; background: var(--white); border: 1px solid var(--line); border-top: 3px solid var(--acid-dark); }
.platform-signal > div { display: flex; align-items: center; justify-content: space-between; color: var(--acid-dark); font-size: 9px; font-weight: 900; }
.platform-signal time { color: var(--muted); font-weight: 500; }
.platform-signal h4 { margin: 9px 0 6px; font-size: 16px; line-height: 1.45; }
.platform-signal p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.platform-signal a { display: inline-block; margin-top: 9px; color: #527800; font-size: 10px; }

.script-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.script-card { min-height: 420px; display: flex; flex-direction: column; padding: 18px; background: var(--white); border: 1px solid var(--line); }
.script-card:hover { box-shadow: var(--shadow); }
.script-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.script-top > span { color: var(--muted); font-size: 9px; text-align: right; }
.script-card h3 { margin: 11px 0; font-size: 18px; line-height: 1.45; }
.script-hook { padding: 11px; background: var(--soft-green); }
.script-hook strong { display: block; margin-bottom: 3px; color: var(--acid-dark); font-size: 9px; }
.script-hook p { margin: 0; font-size: 12px; font-weight: 700; line-height: 1.6; }
.script-card dl { margin: 12px 0 0; }
.script-card dl div { display: grid; grid-template-columns: 62px 1fr; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.script-card dt { color: var(--acid-dark); font-size: 9px; font-weight: 900; }
.script-card dd { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.script-card > footer { margin-top: auto; padding: 11px 0 0; color: var(--muted); background: transparent; border-top: 1px solid var(--line); font-size: 9px; }
.empty { padding: 42px 20px; color: var(--muted); background: var(--white); border: 1px dashed var(--line); text-align: center; }
footer { display: flex; justify-content: space-between; gap: 20px; padding: 23px clamp(16px,4vw,64px); color: #9ba19d; background: var(--ink); font-size: 11px; }
footer strong { color: var(--acid); }

@media (max-width: 1000px) {
  .command { grid-template-columns: 1fr; }
  .lead-signal { min-height: 290px; }
  .layout { grid-template-columns: 1fr; }
  .sidebar { position: static; }
  #stageFilters { grid-template-columns: repeat(3,1fr); }
  .stage-filter { border-right: 1px solid var(--line); }
  .thesis, .funnel { display: none; }
  .hotspot { grid-template-columns: 56px minmax(0,1fr); }
  .hotspot-side { grid-column: 2; padding: 11px 0 0; border: 0; border-top: 1px solid var(--line); }
  .source-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .content-framework { grid-template-columns: 1fr; }
  .framework-intro { border-right: 0; border-bottom: 1px solid #383c39; }
  .framework-steps { grid-template-columns: repeat(5, minmax(125px, 1fr)); overflow-x: auto; }
  .topic-matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .run-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .run-grid article:nth-child(3n) { border-right: 0; }
  .run-grid article:nth-child(-n+3) { border-bottom: 1px solid #383c39; }
  .platform-guide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guide-list:nth-child(2) { border-right: 0; }
  .guide-main, .guide-list { border-bottom: 1px solid var(--line); }
  .guide-list:nth-last-child(-n+2) { border-bottom: 0; }
}
@media (max-width: 700px) {
  .topbar { min-height: 62px; padding-inline: 13px; }
  .brand small, .update span { display: none; }
  .command-copy { padding: 32px 17px; }
  h1 { font-size: 38px; }
  .metrics { grid-template-columns: repeat(2,1fr); }
  .lead-signal { min-height: 240px; }
  .toolbar { top: 62px; padding: 9px 13px; flex-direction: column; align-items: stretch; }
  .search { width: 100%; }
  .tabs button { min-width: 0; padding: 0 3px; font-size: 11px; }
  .layout { padding: 22px 13px 42px; }
  #stageFilters { grid-template-columns: repeat(2,1fr); }
  .section-head { align-items: flex-start; flex-direction: column; }
  .chain-map { grid-template-columns: repeat(6,132px); }
  .hotspot { grid-template-columns: 1fr; padding: 15px; }
  .hotspot-side { grid-column: 1; }
  .topic-grid, .live-grid, .source-grid { grid-template-columns: 1fr; }
  .topic-matrix { grid-template-columns: 1fr; }
  .live-thesis { align-items: flex-start; flex-direction: column; }
  .live-thesis h3 { text-align: left; }
  .run-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .run-grid article:nth-child(3n) { border-right: 1px solid #383c39; }
  .run-grid article:nth-child(2n) { border-right: 0; }
  .run-grid article:nth-child(-n+4) { border-bottom: 1px solid #383c39; }
  .detailed-live { min-height: 0; }
  .positioning-panel { grid-template-columns: 1fr; padding: 18px; }
  .positioning-panel h3 { font-size: 19px; }
  .audience-mix { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .audience-mix div { grid-template-columns: 1fr; align-content: start; }
  .platform-tab { min-height: 56px; flex-direction: column; gap: 2px; }
  .platform-guide, .platform-signal-grid, .script-grid { grid-template-columns: 1fr; }
  .guide-main, .guide-list { border-right: 0; border-bottom: 1px solid var(--line); }
  .guide-list:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); }
  .guide-list:last-child { border-bottom: 0; }
  .subhead { align-items: flex-start; flex-direction: column; }
  .script-card { min-height: 0; }
  footer { flex-direction: column; }
}