.planning-explorer{margin-top:1.75rem}
.planning-task-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;margin-bottom:1.25rem}
.planning-task-tabs button,.planning-examples button{border:1px solid var(--ink-12);border-radius:var(--r-md);background:var(--paper);color:var(--ink-60);font:inherit;cursor:pointer;transition:background var(--dur),border-color var(--dur),color var(--dur)}
.planning-task-tabs button{padding:.875rem .75rem;font-size:1rem;font-weight:600}
.planning-task-tabs button[aria-selected="true"]{border-color:var(--peri);background:color-mix(in srgb,var(--peri) 10%,var(--paper));color:var(--peri-ink)}
.planning-task-tabs button:hover,.planning-examples button:hover{border-color:var(--peri)}
.planning-example-bar{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}
.planning-examples{display:flex;gap:.5rem;flex-shrink:0}
.planning-examples button{padding:.4375rem .75rem;font-size:.8125rem}
.planning-examples button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.method-panel .planning-instruction{flex:1;min-width:0;max-width:none;margin:0;font-size:.9375rem;line-height:1.5;color:var(--ink)}
.planning-instruction > span:first-child{font-weight:600}
.planning-comparison{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:2rem;align-items:stretch}
.planning-main{min-width:0;display:grid;gap:1.5rem}
.planning-baselines{min-width:0;min-height:0;position:relative}
.planning-baseline-stack{position:absolute;inset:0;display:grid;grid-template-rows:auto repeat(3,minmax(0,1fr));gap:.75rem}
.planning-baselines .planning-video-card{display:flex;flex-direction:column;min-height:0}
.method .planning-baselines .planning-video-card figcaption{flex-shrink:0;margin-bottom:.375rem;line-height:1.35}
.planning-baselines .planning-video-card video,.planning-baselines .planning-video-empty{flex:1;min-height:0;height:0;aspect-ratio:auto}
.planning-baselines .planning-video-card video,.planning-baselines .planning-video-empty{width:auto;max-width:100%;align-self:flex-start;aspect-ratio:5/3}
.planning-baselines .planning-video-card video{background:transparent}
.planning-results table{width:100%;border-collapse:collapse;font-family:var(--text-sans);font-size:.9375rem;line-height:1.5;color:var(--ink);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.planning-results caption{text-align:left;margin-bottom:.875rem;font-size:1rem;font-weight:600;color:var(--ink)}
.planning-results th,.planning-results td{padding:.75rem .875rem;font-size:inherit;color:inherit;border:0}
.planning-results thead th{font-weight:600;border-bottom:1px solid var(--ink)}
.planning-results tbody tr:last-child th,.planning-results tbody tr:last-child td{border-bottom:1.5px solid var(--ink)}
.planning-results th{text-align:left;font-weight:400}
.planning-results td,.planning-results thead th:last-child{text-align:right;font-variant-numeric:tabular-nums}
.planning-results .planning-result-ours th,.planning-results .planning-result-ours td{font-weight:700}
.method .planning-baselines-title{grid-column:1/-1;margin:0;font-size:1rem;line-height:1.5;font-weight:600;color:var(--ink)}
.planning-video-card{margin:0;min-width:0}
.method .planning-video-card figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin:0 0 .625rem;text-align:left;font-size:.875rem;color:var(--ink)}
.planning-video-card figcaption strong{font-weight:600}
.planning-video-card figcaption span{font-size:.75rem;color:var(--ink-60)}
.planning-video-ours figcaption strong{color:var(--peri-ink)}
.planning-video-card video{display:block;width:100%;aspect-ratio:5/3;height:auto;object-fit:contain;background:#171717;border:1px solid var(--ink-12);border-radius:var(--r-md)}
.planning-video-empty{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:5/3;border:1px dashed var(--ink-12);border-radius:var(--r-md);background:color-mix(in srgb,var(--ink) 2%,var(--paper));color:var(--ink-60);font-size:.8125rem}
.planning-video-card [hidden]{display:none}
@media(min-width:1360px) and (max-width:1599px){
  .planning-explorer{margin-left:5rem}
}
@media(max-width:760px){
  .planning-comparison{grid-template-columns:minmax(0,1fr);gap:1.5rem}
  .planning-baseline-stack{position:static;grid-template-rows:auto auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
  .planning-baselines .planning-video-card video,.planning-baselines .planning-video-empty{flex:none;height:auto;aspect-ratio:5/3}
  .planning-baselines .planning-video-card video,.planning-baselines .planning-video-empty{width:100%}
  .method .planning-baselines .planning-video-card figcaption{font-size:.75rem;min-height:2.25rem;align-items:center}
}
@media(max-width:540px){
  .planning-task-tabs{gap:.375rem}
  .planning-task-tabs button{font-size:.8125rem;padding:.75rem .375rem}
  .planning-example-bar{gap:.75rem;flex-wrap:wrap}
  .planning-examples button{font-size:.75rem;padding:.375rem .625rem}
  .method-panel .planning-instruction{flex-basis:100%;font-size:.875rem}
  .planning-results table{font-size:.875rem}
  .planning-results th,.planning-results td{padding:.625rem .75rem}
  .planning-baseline-stack{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:.875rem}
  .method .planning-baselines .planning-video-card figcaption{min-height:0;font-size:.875rem}
}