/* HN-only additions for the shareable topic explorer. Core momentum styles stay in app.css. */
.m-search-label{display:flex;align-items:center;gap:8px;flex:1 1 260px;color:var(--ink-3);font-size:12px}
.m-search-label input{min-width:min(100%,150px);flex:1;font:inherit;font-size:13px;color:var(--ink);background:var(--glass-2);border:1px solid var(--stroke);border-radius:10px;padding:8px 10px}
.m-search-label input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.m-topic-context{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:10px 18px;margin:14px 0;padding:14px;border:1px solid var(--stroke);border-radius:var(--r-sm);background:var(--glass)}
.m-topic-context h3{grid-column:1/-1;margin:0;font-size:14px}
.m-context-events{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.m-context-events li{display:grid;grid-template-columns:7ch minmax(0,1fr);gap:1px 9px;padding-bottom:8px;border-bottom:1px solid var(--stroke)}
.m-context-events li:last-child{border-bottom:0;padding-bottom:0}
.m-context-events time{grid-row:1/3;color:var(--ink-3);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}
.m-context-events b{font-size:12.5px}.m-context-events span{font-size:11.5px;line-height:1.4;color:var(--ink-3)}
.m-context-note,.m-context-empty{font-size:11.5px;line-height:1.45;color:var(--ink-3);margin:4px 0 0}
.m-context-note{grid-column:1}
.m-context-defs{grid-column:2;grid-row:2/4;font-size:11.5px;color:var(--ink-3)}
.m-context-defs summary{color:var(--ink-2);font-weight:650;cursor:pointer}.m-context-defs p{line-height:1.45}.m-context-defs ul{padding-left:18px;line-height:1.45}.m-context-defs b{color:var(--ink-2)}
@media (max-width:720px){.m-topic-context{grid-template-columns:1fr}.m-context-defs{grid-column:1;grid-row:auto}.m-context-note{grid-column:1}.m-search-label{flex-basis:100%}}

/* Forward-captured Ask / Show / Jobs pulse. */
.segment-pulse{margin:var(--sp-5) 0;scroll-margin-top:120px}
.segment-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.segment-head .section-h{margin:3px 0 0}.segment-status{font-size:var(--fs-meta);color:var(--ink-3);white-space:nowrap}
.segment-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 10px}
.segment-coverage{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 2px;color:var(--ink-3);font-size:var(--fs-caveat)}
.segment-coverage-summary{margin-right:2px}.segment-coverage-chip{padding:4px 8px;border:1px solid var(--stroke);border-radius:999px;background:var(--glass-2);font-variant-numeric:tabular-nums}
.segment-coverage-reached{border-color:var(--accent-soft);color:var(--accent)}.segment-coverage-unavailable{opacity:.75}
.segment-tabs button{min-height:38px;padding:7px 13px;border:1px solid var(--stroke);border-radius:999px;background:var(--glass-2);color:var(--ink-2);font:inherit;font-size:var(--fs-meta);font-weight:650;cursor:pointer}
.segment-tabs button:hover{color:var(--ink);border-color:var(--accent-soft)}
.segment-tabs button[aria-pressed="true"]{color:var(--ink);border-color:var(--accent);background:var(--accent-soft)}
.segment-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.segment-list{padding:4px 16px}.segment-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px 14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--stroke)}
.segment-row:last-child{border-bottom:0}.segment-rank{grid-row:1/3;color:var(--accent);font-size:var(--fs-h3);font-weight:750;font-variant-numeric:tabular-nums}
.segment-title{min-width:0;font-weight:650;text-decoration:none;line-height:1.35}.segment-title:hover{color:var(--accent)}
.segment-domain{color:var(--ink-3);font-size:var(--fs-caveat)}
.segment-numbers{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;color:var(--ink-3);font-size:var(--fs-meta);font-variant-numeric:tabular-nums}
.segment-trajectory{grid-column:2/4;color:var(--ink-3);font-size:var(--fs-caveat);line-height:1.4}
.segment-up{color:var(--accent)}.segment-down{color:var(--ink-3)}
.segment-empty{padding:22px;text-align:center;color:var(--ink-3)}
.segment-history{margin-top:18px;padding:18px}.segment-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.segment-history-head h3{margin:3px 0 0}.segment-history-status{color:var(--ink-3);font-size:var(--fs-caveat);font-variant-numeric:tabular-nums}
.segment-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.segment-history-metric{display:flex;flex-direction:column;gap:2px;padding:11px;border:1px solid var(--stroke);border-radius:var(--radius-sm);background:var(--glass-2)}.segment-history-metric strong{font-size:var(--fs-h3);font-variant-numeric:tabular-nums}.segment-history-metric span{font-size:var(--fs-meta);font-weight:650}.segment-history-metric small{color:var(--ink-3)}
.segment-history-chart{display:grid;gap:5px;margin:15px 0}.segment-history-row{display:grid;grid-template-columns:42px minmax(80px,1fr) 58px 52px;gap:8px;align-items:center;font-size:var(--fs-caveat);font-variant-numeric:tabular-nums}.segment-history-track{height:10px;border-radius:999px;background:var(--glass-2);overflow:hidden}.segment-history-bar{display:block;height:100%;border-radius:inherit;background:var(--accent)}.segment-history-bar.era-sample{opacity:.45}.segment-history-bar.era-partial{opacity:.65}.segment-history-bar.era-live{background:var(--accent-2,var(--accent));opacity:.8}.segment-history-count{text-align:right}.segment-history-era{color:var(--ink-3);text-transform:capitalize}
.segment-history-details{margin-top:12px}.segment-history-details summary{cursor:pointer;color:var(--ink-2);font-size:var(--fs-meta);font-weight:650}.segment-history-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:var(--fs-caveat)}.segment-history-table th,.segment-history-table td{padding:8px;border-bottom:1px solid var(--stroke);text-align:right;font-variant-numeric:tabular-nums}.segment-history-table th:first-child,.segment-history-table td:first-child,.segment-history-table th:nth-child(2),.segment-history-table td:nth-child(2){text-align:left}
@media(max-width:640px){.segment-head{align-items:flex-start;flex-direction:column;gap:5px}.segment-status{white-space:normal}.segment-row{grid-template-columns:34px minmax(0,1fr)}.segment-numbers{grid-column:2;justify-content:flex-start}.segment-trajectory{grid-column:2}}
@media(max-width:720px){.segment-history-head{align-items:flex-start;flex-direction:column}.segment-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-history-row{grid-template-columns:38px minmax(60px,1fr) 50px}.segment-history-era{display:none}}

/* Compact, source-linked homepage briefing. */
.hn-briefing{margin:var(--sp-4) 0;padding:clamp(16px,2.5vw,24px);border:1px solid var(--stroke);border-radius:var(--r)}.briefing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.briefing-head h2{margin:3px 0 0}.briefing-head>a{color:var(--accent);font-size:var(--fs-meta);text-decoration:none}.hn-briefing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.hn-briefing article{display:flex;flex-direction:column;min-width:0;padding:14px;border:1px solid var(--stroke);border-radius:var(--r-sm);background:var(--glass-2)}.hn-briefing article h3{margin:3px 0 7px;font-size:clamp(15px,1.7vw,19px);line-height:1.25}.hn-briefing article p:not(.eyebrow){margin:0 0 12px;color:var(--ink-3);font-size:var(--fs-meta);line-height:1.5}.hn-briefing article a{margin-top:auto;color:var(--accent);font-size:var(--fs-meta);text-decoration:none}.hn-briefing article a:hover,.briefing-head>a:hover{text-decoration:underline}
@media(max-width:760px){.hn-briefing-grid{grid-template-columns:1fr}.briefing-head{align-items:flex-start;flex-direction:column}}

/* Editorial wayfinding: a compact set of mutually distinct paths keeps the long
   research page navigable without duplicating the dashboard's content. */
.hn-pathways{position:relative;top:auto;z-index:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 var(--sp-5);padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.hn-pathways a{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:2px 9px;min-width:0;padding:12px 13px;border:1px solid var(--stroke);border-radius:var(--r-sm);background:var(--glass-2);color:var(--ink);text-decoration:none}.hn-pathways a:hover{border-color:var(--accent);background:var(--glass-hi)}.hn-pathways span{grid-row:1/3;color:var(--accent);font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.hn-pathways b{font-size:var(--fs-meta)}.hn-pathways small{color:var(--ink-3);font-size:var(--fs-caveat);line-height:1.35}.hn-pathways a:nth-child(2) span{color:var(--series-3)}.hn-pathways a:nth-child(3) span{color:var(--series-2)}.hn-pathways a:nth-child(4) span{color:var(--series-5)}
@media(max-width:820px){.hn-pathways{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.hn-pathways{grid-template-columns:1fr}}

.hn-research-atlas{margin:var(--sp-5) 0}.hn-research-atlas>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid var(--stroke);border-radius:var(--r);background:linear-gradient(115deg,var(--accent-soft),var(--glass-2) 46%,var(--series-3-soft));cursor:pointer;list-style:none}.hn-research-atlas>summary::-webkit-details-marker{display:none}.hn-research-atlas>summary span{display:grid;gap:3px}.hn-research-atlas>summary b{font-size:clamp(17px,2.2vw,23px)}.hn-research-atlas>summary small{max-width:70ch;color:var(--ink-3);line-height:1.4}.hn-research-atlas>summary i{flex:0 0 auto;color:var(--accent);font-size:var(--fs-meta);font-style:normal;font-weight:700}.hn-research-atlas[open]>summary{border-color:var(--accent);border-radius:var(--r) var(--r) 0 0}.hn-research-atlas-body{padding-top:var(--sp-3)}
@media(max-width:560px){.hn-research-atlas>summary{align-items:flex-start;flex-direction:column}.hn-research-atlas>summary i{white-space:normal}}

.briefing-evidence-links{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--stroke-2);font-size:var(--fs-caveat)}.briefing-evidence-links span{color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.045em}.briefing-evidence-links a{color:var(--ink-2);text-decoration:none}.briefing-evidence-links a::after{content:" →";color:var(--accent)}.briefing-evidence-links a:hover{color:var(--accent)}
.hn-pathways{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:8px;padding:0 0 4px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}.hn-pathways a{gap:2px 8px;padding:10px 11px;scroll-snap-align:start}.hn-pathways span{font-size:9px}.hn-pathways small{line-height:1.3}.hn-pathways a:nth-child(5) span{color:var(--series-4)}.hn-pathways a:nth-child(6) span{color:var(--accent)}

/* If scripting is unavailable, keep the canonical route list reachable instead
   of relying on the enhanced Pages menu. */
@media(max-width:1000px){html:not(.js) body[data-site="hacker-news"] .navlinks{display:flex;flex:1 0 100%;overflow-x:auto;padding-top:3px}}

/* The principal hero action stays positionally fixed; its destination is already clear. */
.btn.no-motion,.btn.no-motion:hover,.btn.no-motion:active{transform:none!important;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}

/* Honest side-by-side treatment for the first-person-title association. */
.fp-compare{display:grid;gap:7px;margin:15px 0}.fp-row{display:grid;grid-template-columns:minmax(150px,1.25fr) repeat(2,minmax(90px,.75fr));gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--stroke);border-radius:var(--r-sm);background:var(--glass-2)}.fp-row-emphasis{border-color:var(--accent);background:var(--accent-soft)}.fp-label,.fp-metric{display:flex;flex-direction:column;gap:2px}.fp-label b{font-size:13px}.fp-label span,.fp-metric span{color:var(--ink-3);font-size:var(--fs-caveat);line-height:1.3}.fp-metric b{font-size:clamp(17px,2.2vw,23px);font-variant-numeric:tabular-nums}.fp-card .big .n{font-size:clamp(21px,3vw,34px)}
@media(max-width:520px){.fp-row{grid-template-columns:1fr 1fr}.fp-label{grid-column:1/-1;padding-bottom:6px;border-bottom:1px solid var(--stroke-2)}}

/* Native wrapping labels replace fixed SVG gutters on the two live story charts.
   Full titles stay readable at narrow widths, large text sizes, and browser zoom. */
.flight-chart{margin-bottom:8px}.flight-end{stroke:var(--bg);stroke-width:1.4}.flight-end-a{fill:var(--accent)}.flight-end-b{fill:var(--series-2)}.flight-end-c{fill:var(--series-3)}.flight-legend{display:grid;gap:8px;margin:0 0 10px;padding:0;list-style:none}.flight-story{display:grid;grid-template-columns:9px minmax(0,1fr);gap:2px 8px;align-items:start;min-width:0}.flight-story>span{grid-row:1/3;width:8px;height:8px;margin-top:.38em;border-radius:50%;background:var(--accent)}.flight-story-b>span{background:var(--series-2)}.flight-story-c>span{background:var(--series-3)}.flight-story a{min-width:0;color:var(--ink-2);font-size:12.5px;font-weight:620;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}.flight-story a:hover{text-decoration:underline;text-underline-offset:2px}.flight-story small{grid-column:2;color:var(--ink-3);font-size:10.5px;line-height:1.35}
.cvel-chart{width:100%;margin:4px 0 8px}.cvel-chart ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.cvel-chart li{display:grid;gap:6px;min-width:0}.cvel-label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.cvel-label a{min-width:0;color:var(--ink-2);font-size:clamp(12px,1.15vw,13.5px);font-weight:620;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}.cvel-label a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.cvel-label strong{color:var(--ink-2);font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.35;white-space:nowrap}.cvel-track{display:block;width:100%;height:8px;overflow:hidden;border-radius:999px;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--stroke-2)}.cvel-track i{display:block;height:100%;min-width:2px;border-radius:inherit;background:var(--series-2)}.cvel-track i.is-lead{background:linear-gradient(90deg,var(--accent),var(--series-4))}
@media(max-width:480px){.cvel-chart ol{gap:14px}.cvel-label{grid-template-columns:1fr;gap:3px}.cvel-label strong{justify-self:start;color:var(--accent)}}

/* HN analytical spectrum: color identities supplement, never replace, dashes and labels. */
.ml-b{stroke:var(--series-2)}.ml-c{stroke:var(--series-3)}.ml-d{stroke:var(--series-4)}.ml-e{stroke:var(--series-5)}
.tl-b{fill:var(--series-2)}.tl-c{fill:var(--series-3)}.tl-d{fill:var(--series-4)}.tl-e{fill:var(--series-5)}
.bar-solid{fill:var(--series-2)}.bar-neg{fill:var(--series-2)}
.rf .d.down,.prow .down,.pulse .pcol-h .down{color:var(--series-2)}
.section-h{position:relative;padding-left:13px}.section-h::before{content:"";position:absolute;left:0;top:.2em;bottom:.16em;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--series-4))}
.card .ai{padding:9px 11px;border-left:2px solid var(--series-3);border-radius:0 9px 9px 0;background:var(--series-3-soft)}
.hn-briefing article:nth-child(1){border-top:2px solid var(--accent)}.hn-briefing article:nth-child(2){border-top:2px solid var(--series-3)}.hn-briefing article:nth-child(3){border-top:2px solid var(--series-2)}
.segment-history-bar.era-live{background:var(--series-5)}

/* Semantic color pass: navigation and card order stay neutral; data and state keep color. */
.hn-pathways a:nth-child(n) span{color:var(--ink-3)}
.hn-pathways a:hover span,.hn-pathways a:focus-visible span{color:var(--accent)}
.hn-research-atlas>summary{background:var(--glass-2)}
.cvel-track i{min-width:0;background:var(--ink-2)}
.cvel-track i.is-lead{background:var(--accent)}
.section-h::before{background:var(--stroke)}
.card .ai{border-left-color:var(--stroke);background:var(--glass-2)}
.hn-briefing article:nth-child(n){border-top-color:var(--stroke)}
.bar-solid{fill:var(--ink-2)}.bar-neg{fill:var(--fall-1)}
.rf .d.down,.prow .down,.pulse .pcol-h .down{color:var(--fall-1)}
.segment-history-bar.era-live{background:var(--accent)}

/* The compact route menu owns a real grid cell instead of colliding with the
   Explorer command row. Narrow screens also preserve readable 40–44px touch
   targets while hiding count ornaments that do not fit without clipping. */
@media(max-width:760px){
  body[data-site="hacker-news"] .nav-explorer{grid-row:2;padding:2px 62px 0 0}
  body[data-site="hacker-news"] .nav-with-explorer>.route-menu{grid-column:2;grid-row:2;align-self:start;justify-self:end;margin:2px 0 0;z-index:35}
  body[data-site="hacker-news"][data-explore-mode="explore"] .nav-with-explorer>.route-menu{grid-row:1}
  body[data-site="hacker-news"][data-explore-mode="explore"] .nav-explorer{gap:3px;padding-right:0}
}
@media(max-width:420px){
  body[data-site="hacker-news"] .explore-context-toggle[data-count]::after,body[data-site="hacker-news"] .explore-tools-toggle[data-count]::after{display:none}
  body[data-site="hacker-news"] :is(.explore-mode,.explore-tools-toggle,.explore-context-toggle,.route-menu>summary){min-height:40px;padding:5px 7px}
  body[data-site="hacker-news"] .route-menu-panel a{display:flex;align-items:center;min-height:44px}
  body[data-site="hacker-news"] :is(.brand a,.brand .brand-switch){min-height:40px}
}