/*
 * WAKE✳︎ MAINTAINER NOTE
 * Map-specific presentation. These styles affect legibility, never provenance semantics.
 */

/* Theme tokens intentionally match style.css, the canonical WAKE✳︎ visual source. */
:root{color-scheme:light;--paper:#f4f5fb;--surface:#ffffff;--ink:#24283b;--muted:#626b8a;--line:#d9ddeb;--green:#3FB950;--accent:#7658b3;--hot:#c52f9b;--pale:#eef0f8;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}
:root[data-theme=dark]{color-scheme:dark;--paper:#24283b;--surface:#1f2335;--ink:#c0caf5;--muted:#a9b1d6;--line:#3b4261;--green:#3FB950;--accent:#bb9af7;--hot:#7aa2f7}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:var(--green);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:var(--surface);border:1px solid var(--line);min-height:44px;padding:8px 13px}button:hover,a:hover{color:var(--hot);text-shadow:0 0 12px #a827ff55;border-color:var(--hot)}:focus-visible{outline:3px solid var(--hot);outline-offset:4px}button:disabled{opacity:.45;cursor:default}.skip{position:absolute;left:12px;top:-70px;background:var(--surface);padding:12px;z-index:9}.skip:focus{top:8px}header{display:flex;align-items:center;gap:30px;padding:24px 4%;border-bottom:1px solid var(--line)}.wordmark{font:900 34px var(--sans);letter-spacing:-2px;color:var(--ink)}nav{display:flex;gap:24px;flex:1}nav a{color:var(--muted)}nav [aria-current]{color:var(--green);font-weight:bold}#theme-toggle{font:11px var(--mono)}main{max-width:1800px;margin:auto;padding:30px 4%}.intro{margin:12px 0 30px}.eyebrow,.field-head,.toolbar,.kind{font:11px/1.6 var(--mono);letter-spacing:.1em}.eyebrow{color:var(--green)}h1{font:normal clamp(40px,5vw,72px)/1.05 var(--serif);letter-spacing:-.05em;margin:14px 0}h1 span{color:var(--accent)}h2{font:normal 29px/1.2 var(--serif)}h3{font:normal 22px/1.3 var(--serif)}.intro>p:last-child{color:var(--muted)}.toolbar{border-top:1px solid var(--ink);padding:14px 0;display:flex;align-items:center;justify-content:space-between}.toolbar button{font:11px var(--mono)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}#map-field{border:1px solid var(--line);background:var(--surface);min-width:0}.field-head{display:flex;justify-content:space-between;gap:14px;padding:17px;border-bottom:1px solid var(--line);color:var(--muted)}.spatial{display:grid;grid-template-columns:minmax(230px,1fr) minmax(240px,1fr);align-items:start;min-height:520px}#timeline{position:relative;padding:20px 16px;max-height:760px;overflow:auto;scrollbar-gutter:stable;border-right:1px solid var(--line)}.timeline-row{position:relative;padding:0 0 26px 24px;border-left:1px solid var(--line);margin-left:10px}.timeline-row:before{content:'';position:absolute;left:-6px;top:21px;width:10px;height:10px;border:1px solid var(--green);background:var(--surface);border-radius:50%}.node{display:block;text-align:left;width:100%;position:relative;border-radius:8px;padding:11px 13px;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.node .kind{display:block;font-size:9px;color:var(--green);margin-bottom:4px}.node.blog{border-radius:0;border-top:3px solid var(--accent);margin-top:13px}.blog-link{border-left:1px dashed var(--accent);padding-left:14px;margin-left:12px}.node.selected{border-color:var(--hot);box-shadow:0 0 0 1px var(--hot)}.node.related{border-color:var(--green)}.node.dim{opacity:.4}.node:hover{opacity:1}.node small{display:block;color:var(--muted);font-size:10px;margin-top:5px}#constellation{padding:20px;position:sticky;top:12px;max-height:760px;overflow:auto}.empty{padding:22px 6px;color:var(--muted)}.empty h2{color:var(--ink)}.empty p{font-size:14px}.bloom-context{border:1px solid var(--green);padding:14px;text-align:center;border-radius:50%;font:13px var(--mono);margin:0 auto 24px;max-width:240px}.artifact-group{position:relative;border-left:1px solid var(--green);padding:0 0 18px 14px;margin-left:8px}.artifact-group h3{font:10px var(--mono);letter-spacing:.12em;color:var(--muted);margin:0 0 10px}.artifact-group .node{margin-bottom:9px}.node.evidence{border-style:dashed}.node.invocation,.node.editorial{border-radius:0;font-family:var(--mono);font-size:11px}.node.belief{border-radius:18px}.node.project{border-left:4px solid var(--green)}#details{position:sticky;top:18px;max-height:820px;overflow:auto;padding:22px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--green);overflow-wrap:anywhere}#details h2{margin-top:10px}.detail-heading{display:flex;justify-content:space-between;align-items:center}.detail-heading button{font-size:12px}.detail-field{border-top:1px solid var(--line);padding:12px 0}.detail-label{font:10px var(--mono);color:var(--green);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:6px}.detail-value{white-space:pre-wrap;font-size:14px}.detail-value .detail-field{margin-left:10px}.map-detail-meta{grid-template-columns:max-content max-content minmax(0,1fr) !important}.map-detail-meta time{justify-self:end}.map-detail-topic{display:flex;align-items:baseline;gap:8px;margin:2px 0 10px;min-width:0}.map-detail-topic .detail-label{display:inline;margin:0;flex:0 0 auto}.map-detail-topic-value{font:10px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere}.exact{font:11px var(--mono);color:var(--muted)}.relationship{font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}.relationship button{min-height:44px;width:100%;text-align:left;font-size:12px}.relationship small{display:block;color:var(--muted);font:10px/1.5 var(--mono);margin-top:5px}footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 0;color:var(--muted);font-size:12px}footer strong{color:var(--ink);font-size:20px}.wake-mark{font-weight:900}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 430px}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.spatial{grid-template-columns:1fr}#timeline{max-height:430px;border-right:0;border-bottom:1px solid var(--line)}#constellation{position:relative;max-height:520px}.field-head{flex-direction:column}}
@media(max-width:720px){header{gap:16px;flex-wrap:wrap;padding:20px}nav{order:3;flex-basis:100%;gap:22px}.wordmark{flex:1}main{padding:24px 18px}.workspace{grid-template-columns:1fr}.field-head{font-size:9px}#details{position:static;max-height:none}#details.active{position:fixed;inset:18vh 0 0;z-index:5;overflow:auto;border-radius:8px 8px 0 0;padding:20px 22px max(24px,env(safe-area-inset-bottom));box-shadow:0 -15px 40px #0004}#timeline{max-height:420px}#constellation{max-height:none}.toolbar{gap:16px}.toolbar p{max-width:55%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.provenance-lines{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.provenance-lines path{fill:none;stroke:var(--green);stroke-width:1;opacity:.28}.artifact-group,.bloom-context{position:relative;z-index:1}.artifact-group{border-left:0}.browse-artifacts{display:none}@media(max-width:720px){.browse-artifacts{display:block;font-size:11px!important}}

.provenance-lines path.edge-hot{stroke:var(--hot);stroke-width:2;opacity:1}.provenance-lines path.edge-dim{opacity:.05}

/* v0.20.1 UX cohesion */
@media(max-width:720px){nav.compact-nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}nav.compact-nav>a,nav.compact-nav>details>summary{min-width:max-content}.field-head{font-size:11px}.node .kind,.node small,.detail-label,.relationship small{font-size:11px}}


/* v0.21 hierarchy: keep the graph dense in information, quiet in chrome. */
header{padding-top:20px;padding-bottom:18px;gap:22px}
main{padding-top:24px}
.intro{margin-bottom:22px;max-width:900px}
.toolbar{padding:11px 0}
.workspace{gap:18px}
#map-field,#details{box-shadow:none}
.field-head{padding:13px 15px}
#timeline,#constellation{padding:16px}
.timeline-row{padding-bottom:21px}
.node{padding:9px 11px}
#details{padding:18px}
.detail-field{padding:10px 0}
footer{margin-top:30px}
@media(max-width:720px){
  header{padding:18px;gap:12px}
  main{padding-top:20px}
  .intro{margin-bottom:18px}
  .workspace{gap:14px}
  #timeline,#constellation{padding:14px}
}

/* Keep map timeline topic/status chips visually identical to the main site. */
#timeline .node small.topic-tag,#timeline .node small.status-tag{display:inline-flex;align-items:center;min-height:19px;font:8px var(--mono);letter-spacing:.8px;padding:4px 7px;margin:5px 3px 0 0;background:#e3e8dc;color:#426047;border:1px solid #c7d2c0;line-height:1.2;box-sizing:border-box;text-transform:uppercase}
:root[data-theme=dark] #timeline .node small.topic-tag{background:color-mix(in srgb,var(--green) 12%,var(--surface));color:color-mix(in srgb,#7dcfff 78%,var(--muted));border-color:color-mix(in srgb,#7dcfff 32%,var(--surface))}
#timeline .node small.status-tag.rejected,#timeline .node small.status-tag.failed{background:#f0dbd2;color:#9b3c28;border-color:#e0b8a6}
#timeline .node small.status-tag.recovered{background:#e5e2ed;color:#635178;border-color:#cec4d9}
@media(max-width:700px){#timeline .node small.topic-tag,#timeline .node small.status-tag{font-size:7px}}

/* Compact inline topic chips beside Journal/Blog labels. */
#timeline .node .kind{display:flex;align-items:center;gap:8px}
#timeline .node .kind small.topic-tag{display:inline-flex;align-items:center;min-height:0;height:auto;font:7px var(--mono);letter-spacing:.7px;padding:2px 5px;margin:0;line-height:1.15;vertical-align:middle;box-sizing:border-box}
.node .kind .node-time{display:inline-block;margin:0 0 0 auto;color:var(--muted);font:8px var(--mono);letter-spacing:.03em;white-space:nowrap;text-transform:none}
#constellation .node.project .kind{display:flex;align-items:center;gap:8px}
@media(max-width:720px){#timeline .node .kind{gap:7px}#timeline .node .kind small.topic-tag{font-size:7px}.node .kind .node-time{font-size:7px}}

/* Shared event-status palette: match the main and standalone history pages. */
#timeline .node small.status-tag.accepted{background:#dcebdd;color:#35623d;border-color:#bad2bd}
#timeline .node small.status-tag.rejected,#timeline .node small.status-tag.failed{background:#f0dbd2;color:#9b3c28;border-color:#e0b8a6}
#timeline .node small.status-tag.provider_attempt_started,#timeline .node small.status-tag.provider_attempt_finished{background:#dce8f1;color:#315f7b;border-color:#b9cfdf}
#timeline .node small.status-tag.invocation_started{background:#e4e0ef;color:#5c4c7b;border-color:#c9c0dd}
#timeline .node small.status-tag.observation,#timeline .node small.status-tag.research_collected{background:#ede3cf;color:#7e6030;border-color:#dfcda7}
#timeline .node small.status-tag.recovered{background:#e5e2ed;color:#635178;border-color:#cec4d9}
#timeline .node small.status-tag.deferred{background:#e7e8e5;color:#59605a;border-color:#cfd2cc}

/* Shared masthead and switch: the MAP uses the exact home-page geometry. */
.masthead{max-width:none;margin:0;padding:20px 4% 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.masthead .wordmark{font:900 34px/1 var(--sans);letter-spacing:-2.5px;display:block}.asterisk{color:var(--accent);display:inline-block;margin-left:3px;vertical-align:top;font:inherit;font-weight:900}.masthead .wordmark small{display:block;font:11px var(--mono);letter-spacing:1.25px;font-weight:400;margin-top:11px}.header-tools{display:flex;align-items:center;gap:18px}.status{font:11px var(--mono);letter-spacing:1px;white-space:nowrap}.status i{background:var(--green);display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.masthead .compact-nav{font-size:14px}.data-switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font:10px var(--mono);letter-spacing:.06em;color:var(--muted);white-space:nowrap}.data-switch input{position:absolute;opacity:0;pointer-events:none}.data-switch-track{width:34px;height:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:2px;display:inline-flex;align-items:center}.data-switch-track i{display:block;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .15s ease,background .15s ease}.data-switch input:checked+.data-switch-track i{transform:translateX(16px);background:var(--green)}.data-switch input:focus-visible+.data-switch-track{outline:2px solid var(--green);outline-offset:2px}.data-switch b{font:inherit;color:var(--ink)}
@media(max-width:700px){.masthead{align-items:flex-start;flex-wrap:wrap;gap:14px;padding:20px}.masthead .status{display:none}.masthead nav.compact-nav{order:3;flex-basis:100%;justify-content:space-between;gap:14px;font-size:14px}.header-tools{margin-left:auto}}

/* v0.22 — use the journal's field-notebook finish on the provenance map. */
:root{--paper:#e8ecf4;--surface:#f8faff;--ink:#283457;--muted:#59627e;--line:#c5cce0;--green:#3FB950;--cyan:#0f84a5;--accent:#7c5cc4;--hot:#b61d70;--pale:#e1e6f3;--shadow:0 12px 30px rgb(45 58 108 / .10)}
:root[data-theme=dark]{--paper:#24283b;--surface:#1f2335;--ink:#c0caf5;--muted:#a9b1d6;--line:#3b4261;--green:#3FB950;--cyan:#7dcfff;--accent:#bb9af7;--hot:#7aa2f7;--pale:#292e42;--shadow:0 12px 28px rgb(10 12 28 / .30)}
.masthead{background:color-mix(in srgb,var(--paper) 92%,transparent)}.asterisk{color:var(--accent)}
#map-field,#details{border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.node{border-radius:6px}.node.blog{border-radius:6px;border-top-width:3px}.bloom-context{border-radius:8px;background:var(--pale)}
.toolbar{border-color:var(--line)}.node.selected{box-shadow:0 0 0 2px var(--hot)}button{border-radius:6px}.field-head{background:var(--pale)}
@media(max-width:720px){#map-field,#details{border-radius:8px}.node{border-radius:6px}}

/* Match the main journal: the switch must not wrap below the wordmark on a
   narrow header, and its thumb keeps a fixed, centered travel path. */
.data-switch{position:relative;min-height:18px;line-height:1}.data-switch-track{position:relative;box-sizing:border-box;flex:0 0 34px;justify-content:flex-start}.data-switch-track i{box-sizing:border-box;flex:0 0 12px}
@media(max-width:700px){.masthead{position:relative}.masthead .header-tools{position:absolute;top:32px;right:20px;margin:0;align-self:auto}}