:root{color-scheme:dark;--bg:#090e17;--surface:#131e2c;--surface2:#182738;--border:#304357;--ink:#e5edf6;--muted:#a5b4c9;--cyan:#84c5e5;--friend:#83d5b1;--enemy:#f3949c;--neutral:#a0aec3;--gold:#e6c17b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at top,#17283a 0%,#090e17 60%);color:var(--ink);font:14px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:#1b2b3e;border:1px solid var(--border);border-radius:8px;padding:8px 11px}button:hover{border-color:var(--cyan);background:#223c52}button.primary{background:#24506c;border-color:#467c9b}button.danger{border-color:#71464f;color:#ffd0d2}button.small{padding:5px 8px;font-size:12px}input,select{background:#0b1420;border:1px solid #385168;border-radius:8px;padding:8px 9px;width:100%;min-width:0}input[type=checkbox]{width:auto;accent-color:#7bc5e7}input[type=range]{padding:0;accent-color:var(--cyan)}label{font-size:12px;color:var(--muted);display:block;margin-bottom:4px}h1{font-size:clamp(24px,3vw,34px);margin:0 0 5px;letter-spacing:-.035em}h2{font-size:15px;margin:0;padding:12px 14px;border-bottom:1px solid var(--border)}h3{font-size:13px;margin:4px 0 9px;color:var(--cyan)}p{margin:0}header{padding:19px clamp(16px,3vw,42px);border-bottom:1px solid var(--border)}header p{color:var(--muted);max-width:1050px}.layout{display:grid;grid-template-columns:345px minmax(0,1fr);gap:14px;max-width:1750px;margin:auto;padding:14px}.card{min-width:0;background:linear-gradient(150deg,#142133,#101923);border:1px solid var(--border);border-radius:13px;overflow:hidden}.pad{padding:13px}.stack{display:grid;gap:10px}.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.row>*{min-width:0}.between{justify-content:space-between}.muted,.hint{font-size:12px;color:var(--muted)}.divider{border:0;border-top:1px solid var(--border);margin:5px 0}.subhead{font-weight:700;font-size:13px;color:#cfdfef;margin:8px 0 2px}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.scroll-list{display:grid;gap:6px;max-height:190px;overflow-y:auto}.entry{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:7px 8px;border:1px solid var(--border);border-radius:7px;background:#0d1622;font-size:12px}.entry span{overflow-wrap:anywhere}.workspace{display:grid;gap:14px;align-content:start}.toolbar{padding:9px 12px;border-bottom:1px solid var(--border);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar .hint{margin-right:auto}#network{display:block;width:100%;height:min(65vh,660px);min-height:390px;background:radial-gradient(ellipse at center,#15263a,#0b121d)}.edge{fill:none;stroke-width:2;cursor:pointer;opacity:.82}.edge:hover{stroke-width:4;opacity:1}.edge.want{stroke:var(--cyan)}.edge.avoid{stroke:var(--gold);stroke-dasharray:5 4}.node{cursor:grab}.node circle{fill:#1c364b;stroke:#6a9dbc;stroke-width:2}.node.plant circle{fill:#1b4034;stroke:var(--friend)}.node.animal circle{fill:#483923;stroke:var(--gold)}.node.selected circle{stroke:var(--gold);stroke-width:4}.node.publicEnemy circle{stroke:var(--enemy);stroke-width:3}.node.publicEnemy.selected circle{stroke:var(--gold);stroke-width:4}.node text{fill:#edf5ff;text-anchor:middle;pointer-events:none;font-size:11px}.node .sub{fill:#b6c8d9;font-size:9px}.legend{padding:10px 13px;display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:12px;border-top:1px solid var(--border)}.key{display:inline-block;vertical-align:middle;width:20px;height:3px;margin-right:5px;background:var(--cyan)}.key.gold{background:var(--gold)}.key.red{background:var(--enemy)}.key.green{background:var(--friend)}.metrics{padding:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metric{background:#0c1621;border:1px solid var(--border);border-radius:9px;padding:10px}.metric strong{display:block;font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums}.metric span{font-size:11px;color:var(--muted)}.output{padding:13px;border-top:1px solid var(--border);line-height:1.65}.results{max-height:360px;overflow:auto;overscroll-behavior:contain}.data-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0;font-size:12px}.data-table thead th{position:sticky;top:0;z-index:5;background:#17283a;box-shadow:0 2px 0 var(--border)}.data-table th{text-align:left;color:var(--muted);font-weight:600}.data-table td,.data-table th{padding:7px 8px;border-bottom:1px solid #263a4e}.data-table th.num,.data-table td.num{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.motive-panel{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#0c1724}.motive-panel h3{margin:0 0 3px;color:#e5edf6}.motive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.motive-cell{border:1px solid #33485c;border-radius:9px;padding:10px;min-width:0;background:#101e2d}.motive-cell strong{font-size:20px;display:block;font-variant-numeric:tabular-nums}.motive-cell .motive-name{font-size:11px;color:#c8d6e4;min-height:30px}.motive-cell .motive-share{font-size:11px;color:var(--muted);margin-top:4px}.motive-track{height:7px;background:#26384a;border-radius:999px;overflow:hidden;margin-top:8px}.motive-fill{height:100%;border-radius:999px}.motive-note{font-size:11px;color:var(--muted);margin-top:10px}.motive-ill{color:#f3949c}.motive-good{color:#83d5b1}.motive-parasitism{color:#e6c17b}.motive-care{color:#84c5e5}.motive-need{color:#d5b6f7}.ledger-summary{padding:11px 13px;border:1px solid var(--border);background:#0c1724;border-radius:10px;margin-bottom:10px}.ledger-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}.ledger-item{padding:9px;border:1px solid #30475a;border-radius:8px;background:#132132}.ledger-item strong{display:block;font-size:18px;font-variant-numeric:tabular-nums}.ledger-item span{font-size:11px;color:var(--muted)}@media(max-width:670px){.ledger-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#scoreTable .data-table tbody tr:hover{background:#1b2e40}#scoreTable .jump-person{color:#b5def6;background:transparent;border:0;padding:0;font-size:12px;text-align:left;text-decoration:underline;text-decoration-color:#527a98;text-underline-offset:3px}#scoreTable .jump-person:hover{color:#e5f6ff}@media(max-width:670px){.motive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.allocation-bars{display:flex;align-items:end;gap:2px;height:76px;margin:12px 0 4px;border-bottom:1px solid var(--border)}.allocation-bars .bar{flex:1;min-width:0;background:#5d9bc1;border-radius:3px 3px 0 0}.allocation-bars .bar.hot{background:var(--gold)}.allocation-summary{padding:9px 12px;background:#0e1a29;border:1px solid var(--border);border-radius:8px}.person-title{font-size:18px;font-weight:700}.pill{font-size:11px;padding:3px 6px;border:1px solid var(--border);border-radius:100px;color:var(--muted)}.notice{background:#17293c;border-left:3px solid var(--cyan);border-radius:0 7px 7px 0;padding:9px 11px;font-size:12px;color:#d3e3f2}.check-row{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.check-row label{margin:0}.force{font-variant-numeric:tabular-nums}footer{max-width:1750px;margin:auto;padding:0 17px 20px;color:var(--muted);font-size:12px}
/* Individually accessible relationship pages */
#personDialog{border:1px solid #486177;border-radius:14px;background:#0f1926;color:var(--ink);width:min(1200px,96vw);max-height:94vh;padding:0;box-shadow:0 20px 85px #000b}#personDialog::backdrop{background:#030811d9;backdrop-filter:blur(4px)}.modal-head{padding:16px 19px;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:center;justify-content:space-between}.modal-head h2{border:0;font-size:20px;padding:0}.modal-body{padding:15px 20px;overflow:auto;max-height:calc(94vh - 73px)}.modal-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tree-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:12px 0}.tree-controls>div{flex:1;min-width:125px}.tree-controls label{margin-bottom:3px}.relation-svg{width:100%;display:block;background:radial-gradient(ellipse at center,#142437,#0b1521);border:1px solid var(--border);border-radius:9px}.relation-svg .link{fill:none;stroke-width:1.8}.relation-svg .link.public{stroke-dasharray:5 4}.relation-svg .item-node{cursor:pointer}.relation-svg .item-node rect{fill:#18293c;stroke:#40586e;stroke-width:1.2}.relation-svg text{fill:#e7f0fa;font-size:12px}.relation-svg .title{fill:#abc0d4;font-size:11px}.relationship-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:13px}.relationship-columns .entry{cursor:pointer}.relationship-columns .entry:hover{border-color:var(--cyan)}.callout{font-size:12px;color:var(--muted);padding:8px 10px;border:1px solid var(--border);border-radius:8px}.green{color:var(--friend)}.red{color:var(--enemy)}.golden{color:var(--gold)}.nowrap{white-space:nowrap}
@media(max-width:950px){.layout{grid-template-columns:1fr}.sidebar{order:2}.workspace{order:1}#network{height:50vh;min-height:350px}}@media(max-width:550px){.metrics,.modal-meta{grid-template-columns:1fr 1fr}.two,.relationship-columns{grid-template-columns:1fr}.modal-body{padding:10px}#personDialog{width:99vw}.toolbar{align-items:start}}
/* Temporal interaction visualization and editable lifespan/encounter windows. */
.solver-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.solver-controls .check-row{grid-column:span 2;align-self:center}.solver-controls label{min-height:30px}.solver-results{font-size:12px}.solver-results th,.solver-results td{padding:8px;text-align:center}.solver-results th:first-child,.solver-results td:first-child{text-align:left}.solver-results thead th{position:sticky;top:0;z-index:4;background:#17283a;box-shadow:0 2px 0 var(--border)}.solver-good{color:#83d5b1}.solver-bad{color:#f3949c}.solver-neutral{color:#e6c17b}@media(max-width:850px){.solver-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.solver-controls{grid-template-columns:1fr}.solver-controls .check-row{grid-column:auto}}
.temporal-box{border:1px solid var(--border);border-radius:10px;padding:12px;background:#0d1927}.timeline-head{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}.timeline-grid{display:grid;gap:9px;max-height:440px;overflow:auto;padding-right:3px}.timeline-row{display:grid;grid-template-columns:minmax(130px,175px) minmax(160px,1fr) minmax(78px,110px);gap:8px;align-items:center;font-size:12px}.timeline-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-track{background:#23374b;border:1px solid #34526b;border-radius:5px;position:relative;height:22px;overflow:hidden}.timeline-fill{position:absolute;top:2px;bottom:2px;background:var(--cyan);border-radius:3px;min-width:0}.timeline-fill.enemy{background:var(--enemy)}.timeline-fill.avoid{background:var(--gold)}.timeline-fill.focus{background:#78c3de}.timeline-span{position:absolute;top:2px;bottom:2px;background:#45647d88;border:1px solid #64819b88;border-radius:3px}.timeline-age{font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.time-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-left:185px;margin-right:118px}.temporal-table{width:100%;min-width:880px;border-collapse:separate;border-spacing:0;font-size:12px}.temporal-table th,.temporal-table td{padding:7px 8px;border-bottom:1px solid var(--border)}.temporal-table thead th{position:sticky;top:0;z-index:3;background:#17283a;box-shadow:0 2px 0 var(--border)}.temporal-table th.num,.temporal-table td.num{text-align:center;white-space:nowrap}.temporal-scroll{max-height:250px;overflow:auto;overscroll-behavior:contain}.temporal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.temporal-kpis .metric strong{font-size:18px}.temporal-warning{color:var(--gold)}.temporal-chart-modal{margin:12px 0}.model-docs{font-size:12px;white-space:pre-wrap;max-height:270px;overflow:auto;background:#0a1420;border:1px solid var(--border);border-radius:8px;padding:10px;color:#b9cde0}
@media(max-width:650px){.timeline-row{grid-template-columns:110px minmax(100px,1fr) 72px;gap:5px}.time-axis{margin-left:115px;margin-right:77px}.temporal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Multi-incarnation engine; its timeline and cursor share one pixel/year scale. */
.evo-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding:11px 12px}
.evo-tabs button[aria-selected=true]{background:#2b5a72;border-color:#75bbdb;color:#f2faff}
.evo-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.evo-controls label{margin-bottom:5px}.evo-controls input,.evo-controls select{width:100%}
.evo-pane[hidden]{display:none!important}.evo-timeline{max-height:480px;overflow:auto;border:1px solid var(--border);border-radius:10px;position:relative;background:#0a1420}
.evo-row{display:flex;width:max-content;height:30px;position:relative;border-bottom:1px solid #263748}.evo-row.ruler{height:34px;position:sticky;top:0;z-index:8;background:#152538}
.evo-label{width:165px;min-width:165px;position:sticky;left:0;z-index:5;display:flex;align-items:center;padding-left:9px;border-right:1px solid var(--border);background:#111d2c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.evo-row.ruler .evo-label{z-index:10;background:#17283a}
.evo-track{height:100%;position:relative;flex-shrink:0}.evo-state{position:absolute;top:5px;bottom:5px;border-radius:4px;overflow:hidden;white-space:nowrap;padding:2px 4px;font-size:10px;color:#eef3fa;min-width:1px}.evo-body{background:#3d7198}.evo-plant{background:#347c61}.evo-animal{background:#a37e43}.evo-rock{background:#697587}.evo-dust{background:#535e70}.evo-ghost{background:#8760ad}.evo-state.current{outline:2px solid #f5d187;outline-offset:1px}
.evo-cursor{position:absolute;top:0;bottom:0;width:2px;background:#f8d994;z-index:4;pointer-events:none;box-shadow:0 0 9px #f8d99488}.evo-tick{position:absolute;top:2px;height:25px;border-left:1px solid #506176;padding:3px 4px;font-size:10px;color:#bccbdd}
.evo-indicator{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.evo-note{background:#102033;padding:10px;border-radius:9px;border:1px solid var(--border);color:var(--muted);font-size:12px}.evo-log{max-height:260px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:#0b1420}.evo-event{padding:7px 10px;border-bottom:1px solid #293b4f;font-size:12px}.evo-event strong{color:#e0edf7}.evo-slider{width:100%;accent-color:var(--gold)}.evo-flow{max-height:540px;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#0b1521}.evo-flow svg{display:block;max-width:none}.evo-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}.evo-legend b{display:inline-block;width:12px;height:10px;border-radius:2px;margin-right:4px}
@media(max-width:850px){.evo-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.evo-indicator{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:530px){.evo-controls{grid-template-columns:1fr}.evo-label{width:108px;min-width:108px}}
.agency-card{margin-top:13px;border:1px solid var(--border);border-radius:10px;padding:11px;background:#101c2a;min-width:0}
.agency-card h3{margin:0 0 5px}.agency-scroll{overflow-x:auto;max-width:100%}
.agency-table{min-width:620px;font-size:11px}.agency-table td,.agency-table th{padding:6px 7px}
.agency-budget{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted);margin:10px 0}
.agency-budget-track{height:8px;background:#33485c;border-radius:12px;flex:1;overflow:hidden}
.agency-pairs{margin-top:12px;font-size:12px}.agency-pairs summary{cursor:pointer;color:var(--cyan)}


/* Touch/tablet ergonomics. Desktop structure and simulation are unchanged. */
.mobile-nav{display:none}
#mobileMain{scroll-margin-top:76px}
#network{touch-action:pan-y;overscroll-behavior:contain}
#network .node{touch-action:none;user-select:none;-webkit-user-select:none}
#network .touch-targets .touch-hit{fill:transparent;stroke:none;pointer-events:all;touch-action:none}
#network .edge-hit{fill:none;stroke:transparent;stroke-width:22;pointer-events:stroke;cursor:pointer}
#network .node:focus-visible circle:not(.touch-hit){stroke:#fff;stroke-width:5}
#network .edge-hit:focus-visible{stroke:#ffffff55}
#network .node,.relation-svg .item-node{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #a4def9;outline-offset:3px}
@media(hover:none){button:hover{background:#1b2b3e;border-color:var(--border)}}

/* iPads in either orientation, compact tablet windows, and narrow browsers. */
@media(max-width:1280px), (hover:none) and (pointer:coarse) and (max-width:1440px){
 .mobile-nav{position:sticky;top:0;z-index:40;display:none;gap:7px;
  overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;align-items:center;
  padding:9px max(12px,env(safe-area-inset-left)) 9px max(12px,env(safe-area-inset-right));
  background:#101c2bee;border-bottom:1px solid var(--border);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 body.mobile-ready .mobile-nav{display:flex}
 .mobile-nav button{min-height:44px;flex:0 0 auto;scroll-snap-align:center;
  padding:10px 17px;font-size:15px;font-weight:650;white-space:nowrap}
 .mobile-nav button[aria-pressed=true]{background:#275572;border-color:#9bd2ef;color:white}
 .layout{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;
  width:100%;max-width:960px}
 .sidebar{order:0}.workspace{order:1;min-width:0}
 body.mobile-ready .layout>.sidebar,
 body.mobile-ready .workspace>.card[data-mobile-section]{display:none}
 body.mobile-ready[data-mobile-panel=editor] .layout>.sidebar{display:block}
 body.mobile-ready[data-mobile-panel=network] .workspace>.card[data-mobile-section=network],
 body.mobile-ready[data-mobile-panel=soul] .workspace>.card[data-mobile-section=soul],
 body.mobile-ready[data-mobile-panel=planning] .workspace>.card[data-mobile-section=planning],
 body.mobile-ready[data-mobile-panel=lives] .workspace>.card[data-mobile-section=lives],
 body.mobile-ready[data-mobile-panel=results] .workspace>.card[data-mobile-section=results]{display:block}
 .workspace{display:grid;gap:12px}
 .card{overflow:hidden}
 .pad{padding:clamp(12px,2.5vw,20px)}
 .toolbar{padding:12px;gap:9px}
 .toolbar .hint{flex:1 0 100%;margin-right:0}
 .row.wrap{gap:9px}
 .row.wrap>button{flex:1 1 auto}
 .two,.solver-controls{min-width:0}
 .scroll-list,.results,.temporal-scroll,.timeline-grid,.evo-timeline,.evo-flow,
 .agency-scroll,.modal-body,.model-docs{ -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain}
 .metrics,.temporal-kpis,.evo-indicator,.modal-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
 #network{height:clamp(310px,54dvh,600px);min-height:310px}
 .evo-tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch}
 .evo-tabs button{flex:0 0 auto;scroll-snap-align:start}
 .data-table,.temporal-table{max-width:none}
 #personDialog{width:min(100vw - 16px,1100px);max-height:calc(100dvh - 16px);
  margin:auto}
 .modal-body{max-height:calc(100dvh - 92px)}
 footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}
}
/* Finger-sized controls regardless of the precise CSS width when touch is primary. */
@media(pointer:coarse), (max-width:700px){
 button,select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]){
  min-height:44px;font-size:16px}
 button.small{min-height:44px;font-size:14px;padding:9px 12px}
 input[type=checkbox],input[type=radio]{width:21px;height:21px;min-width:21px;
  accent-color:#84c5e5}
 input[type=range]{min-height:32px;touch-action:pan-x}
 .check-row{min-height:44px;align-items:center}
 .entry{min-height:44px}
 .evo-event,.temporal-table td,.temporal-table th,
 .data-table td,.data-table th{padding-top:11px;padding-bottom:11px}
 .agency-table td,.agency-table th{padding:10px 9px}
 #scoreTable .jump-person{min-height:40px;font-size:14px;text-align:left}
 .relation-svg .item-node{touch-action:manipulation}
}
@media(max-width:620px){
 .layout{padding:8px}
 .mobile-nav{padding:7px 9px}
 .mobile-nav button{padding:9px 13px}
 .card{border-radius:9px}
 .toolbar{gap:8px}
 .toolbar button{flex:1 1 auto}
 .toolbar .hint{font-size:13px}
 #network{height:390px;min-height:290px}
 .metrics,.temporal-kpis,.evo-indicator{grid-template-columns:repeat(2,minmax(0,1fr))}
 .modal-body{padding:12px}
 .modal-head{padding:12px}
 .evo-label{width:108px;min-width:108px}
 .solver-controls,.relationship-columns,.two{grid-template-columns:minmax(0,1fr)}
 .scroll-list{max-height:260px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .mobile-nav{scroll-snap-type:none}
}

/* Keep horizontal scrolling inside data regions, never on the full page. */
@media(max-width:1280px), (hover:none) and (pointer:coarse) and (max-width:1440px){
 .temporal-box,.agency-scroll,.results,.temporal-scroll{overflow-x:auto;max-width:100%}
 .timeline-grid{min-width:0}
 .layout,.workspace{min-width:0}
 .metric span,.entry,.hint,.toolbar .hint{font-size:13px}
 .card>h2{font-size:17px}
 .check-row label,.subhead{font-size:14px}
}
@media(max-width:620px){
 body.mobile-ready .mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .mobile-nav button{width:100%;min-width:0;max-width:100%;
  padding:8px 5px;font-size:14px;white-space:nowrap}
 #mobileMain{scroll-margin-top:124px}
 .timeline-head{align-items:stretch}
 .timeline-head button{width:100%}
}