/* 7.13 – mobile reading flow and an alternative editorial board. */
.space-views {position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:12px 4%;border-bottom:1px solid #e7e2ec;font:400 11px/1.5 var(--mono);background:#fff}
.space-views>span {color:#777;margin-right:auto}
.space-views a {display:flex;align-items:center;min-height:36px;padding:4px 10px;color:#69429a;text-decoration:none}
.space-views a[aria-current] {color:#fff;background:#69429a;box-shadow:-3px 3px 0 #d7c9e6}
.hero-title__line {position:relative}
.hero-title__line.is-glitching {animation:space-title-glitch .38s steps(2,end) both}
html[data-surface="space"] .hero-title__line.is-glitching::after {content:attr(data-glitch);display:block!important;position:absolute;inset:0;color:#69429a;background:transparent;clip-path:inset(35% 0 45%);transform:translateX(5px);pointer-events:none}
@keyframes space-title-glitch {0%,100% {transform:none}20% {transform:translateX(-3px);filter:contrast(1.2)}50% {transform:translateX(2px)}70% {transform:translateX(-1px)}}
.people-shuffle {clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);min-height:48px}
main .js-calendar.button {position:relative;display:inline-flex;align-items:center;gap:24px;min-height:60px;min-width:210px;padding:8px 8px 8px 20px;background:#69429a;color:#fff;border:0;border-radius:0;clip-path:none;box-shadow:-6px 6px 0 #69429a}
main .js-calendar.button::before {display:none}
main .js-calendar.button::after {content:'↗';position:static;display:grid;place-items:center;width:44px;height:44px;background:#111;color:#fff;transform:none;clip-path:none;font:400 23px var(--mono)}
main .js-calendar.button:is(:hover,:focus-visible)::after {background:#fff;color:#111}
html[data-story-layout="immersive"] .space-story__chapters #space-field-card {padding:18px 0 22px;max-height:100%;overflow-y:auto}
html[data-story-layout="immersive"] #space-field-card h3 {font-size:clamp(22px,2vw,30px);margin:10px 0;line-height:1.2;overflow-wrap:anywhere}
html[data-story-layout="immersive"] #space-field-card p {font-size:13px;line-height:1.5}
html[data-story-layout="immersive"] #space-field-card .space-field__card-route {min-height:48px;padding:12px 0!important;border-bottom:2px solid #69429a!important;line-height:1.5;white-space:normal;height:auto;overflow-wrap:anywhere}
.space-story .space-field__card-route {line-height:1.5;overflow-wrap:anywhere;white-space:normal}
.session-tape[data-lab-timeline] .session-tape__preview:not([hidden]) {display:grid!important;grid-template-columns:160px minmax(0,1fr);gap:5px 24px;padding:22px 4%;min-height:150px;max-width:900px}
.session-tape__preview .session-tape__image {grid-column:1;grid-row:1 / 6;width:160px;aspect-ratio:16/9;object-fit:cover;align-self:center}
.session-tape__preview>:not(.session-tape__image) {grid-column:2;min-width:0}
.session-tape__preview [data-session-name] {font-size:22px;line-height:1.25;margin:0;white-space:normal}
.session-tape__preview [data-session-route] {display:inline-flex;align-items:center;min-height:44px;color:#69429a;font:500 12px/1.5 var(--mono);text-underline-offset:5px}
.session-tape__preview [hidden] {display:none!important}
.session-tape[data-lab-timeline] .session-dot {width:244px;flex-basis:244px;height:128px;min-height:128px;grid-template-rows:18px 10px 18px 52px}
.session-tape[data-lab-timeline] .session-dot__topic {font-size:11px;line-height:1.45;-webkit-line-clamp:3}
.session-tape[data-lab-timeline] .session-dot b {font-size:11px}
html[data-story-layout="immersive"] .session-tape[data-lab-timeline] .session-dot {height:112px;min-height:112px;grid-template-rows:14px 8px 17px 46px}
.meeting-speech {margin-top:10px;display:flex;align-items:center;gap:8px;padding:4px 0;border:0;border-bottom:1px solid #c6b2d7;background:none;color:#69429a;font:400 11px/1.5 var(--mono);min-height:44px;text-align:left;cursor:pointer}
.meetings-board__bar [data-board-sound] {min-height:44px}
.meetings-board__bar [data-board-sound][aria-pressed="true"] {background:#69429a;color:#fff;padding-inline:12px}
.meeting-tile__media iframe {position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;background:#111}
.meeting-tile__media.is-speaking .meeting-tile__play {z-index:4;background:#69429a;color:#fff}
.meeting-speech-note {display:block;margin-top:9px;font:400 10px/1.5 var(--mono);color:#777}
.calendar-live {grid-template-columns:minmax(0,.75fr) minmax(0,1.4fr);gap:34px;margin-top:28px;align-items:start}
.calendar-live__intro {padding:20px 0;min-height:0}
.calendar-live__intro h3 {font-size:clamp(25px,3vw,36px);margin:10px 0 16px}
.calendar-live__intro p:not(.kicker) {font-size:13px;line-height:1.65;margin:0 0 24px}
.calendar-live__intro small {display:block;font-size:11px;line-height:1.6;margin-top:26px}
.calendar-live__embed {min-height:0}
#luma-calendar {height:400px;min-height:0;display:block;background:#f8f7fa;width:100%;border:0}
#calendar {padding-block:42px}
#calendar .section__head {margin-bottom:24px}
#calendar .display {font-size:clamp(32px,4vw,56px);max-width:20ch}
.meeting-cycle__head {margin-bottom:18px}
.meeting-cycle__head h3 {font-size:20px}
.connections {padding-block:44px;background:linear-gradient(130deg,#fff 25%,#f8f5fb 100%);border-block:1px solid #e4dbea}
.connections__head {display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:24px}
.connections__head h2 {font:500 clamp(32px,4vw,54px)/1.1 var(--mono);letter-spacing:-.05em;margin:12px 0 0}
.connections__head>p {max-width:35ch;font:400 13px/1.6 var(--mono);color:#666}
.connections__filters {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.connections__filters button {background:#fff;border:1px solid #d9cde3;padding:10px 14px;min-height:44px;font:400 11px/1.4 var(--mono);color:#69429a;cursor:pointer}
.connections__filters button[aria-pressed="true"] {background:#69429a;color:#fff;border-color:#69429a}
.connections__layout {display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:center}
.connections__map {position:relative;min-width:0;aspect-ratio:3/2}
.connections__map svg {position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.connections__map path {stroke:#b69dcd;stroke-width:1;fill:none}
.connections__pixel {fill:#69429a;opacity:.16}
.connections__origin {position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);font:500 22px var(--mono);padding:12px;background:#f8f5fb;color:#69429a}
.connection-node {position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);width:96px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:44px;padding:0;background:none;border:0;color:#111;cursor:pointer;z-index:2}
.connection-node[hidden] {display:none!important}
.connection-node img {width:56px;height:56px;border-radius:50%;object-fit:cover;filter:grayscale(1);box-shadow:0 0 0 6px #f8f5fb;transition:filter .2s,box-shadow .2s}
.connection-node span {font:400 10px/1.4 var(--mono);background:#f8f5fb}
.connection-node:is(:hover,:focus-visible,[aria-pressed="true"]) img {filter:none;box-shadow:0 0 0 3px #fff,0 0 0 5px #69429a}
.connections__detail {border-left:2px solid #69429a;padding:20px 0 20px 24px;min-width:0}
.connections__detail img {display:block;width:80px;height:80px;object-fit:cover;border-radius:50%;margin-bottom:18px}
.connections__detail h3 {font:500 23px/1.2 var(--mono);margin:0 0 12px;letter-spacing:-.04em}
.connections__detail p {font:400 12px/1.6 var(--mono);color:#666;margin:0 0 18px}
.connections__detail small {font:400 10px var(--mono);color:#777}
.connections__detail a {display:flex;align-items:center;font:400 12px/1.6 var(--mono);min-height:48px;color:#69429a;padding:12px 0;border-bottom:1px solid #dacee3;text-underline-offset:4px}
.connections__source {font:400 10px/1.6 var(--mono);color:#777;margin-top:20px;max-width:95ch}
/* Board: a normal document, with all six chapters visible. */
html[data-space-view="board"] .hero-stage,html[data-space-view="board"] .hero-copy-v2 {min-height:740px}
html[data-space-view="board"] .space-story__visual {display:block}
html[data-space-view="board"] .space-story .space-field {height:400px;min-height:0}
html[data-space-view="board"] .space-story__chapters {display:grid;grid-template-columns:1fr;gap:0;padding:0 4%}
html[data-space-view="board"] .story-chapter {display:block;height:auto;min-height:0;padding:26px 24px;visibility:visible!important;opacity:1!important;transform:none!important;border-bottom:1px solid #e2dce8;min-width:0;position:relative!important;inset:auto!important;max-height:none}
html[data-space-view="board"] .story-chapter h3 {margin:12px 0}
html[data-space-view="board"] .story-chapter .story-chapter__metric,html[data-space-view="board"] .story-chapter>b {margin-top:16px}
html[data-space-view="board"] .story-chapter p {max-width:74ch}
html[data-space-view="board"] .story-chapter h3 {font-size:30px}
html[data-space-view="board"] .story-chapter p {font-size:13px}
html[data-space-view="board"] .meetings-board__grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
html[data-space-view="board"] .meetings-board .meeting-tile:nth-child(n) {grid-column:auto;grid-row:auto;margin:0;transform:none}
@media(max-width:900px) {
 .space-story__visual {position:relative!important;top:auto!important}
 .space-story .space-field {height:300px!important;min-height:300px!important}
 .space-story .version-switcher {position:sticky;top:var(--space-header);z-index:8;min-height:54px;height:54px}
 .story-chapter {min-height:0!important;padding:26px 24px}
 .story-chapter h3 {font-size:30px;margin:12px 0}
 .story-chapter p {font-size:14px}
 .story-chapter__metric {padding-block:6px;margin-top:16px}
 .story-chapter__faces,.story-chapter__sessions,.story-chapter__route,.story-chapter__orbit {margin-top:16px}
 html[data-space-view="board"] .space-story__chapters {grid-template-columns:1fr;padding:0}
 html[data-space-view="board"] .story-chapter {padding:26px 24px}
 .connections__layout {grid-template-columns:minmax(0,1fr) 250px;gap:18px}
 .connection-node {width:75px}
 .connection-node img {width:44px;height:44px}
 .connection-node span {font-size:9px}
 .calendar-live {grid-template-columns:1fr}
 .calendar-live__intro {display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:start}
 .calendar-live__intro h3,.calendar-live__intro p:not(.kicker) {grid-column:1;margin:0}
 .calendar-live__intro .kicker {display:none}
 .calendar-live__intro .button {grid-column:2;grid-row:1 / 3}
 .calendar-live__intro small {grid-column:1 / -1;margin:0}
}
@media(max-width:600px) {
 .space-views {padding:8px 20px;gap:8px;font-size:10px}
 .space-views>span {flex-basis:100%}
 .space-views a {min-height:40px}
 .hero-title__line {font-size:clamp(29px,7.5vw,42px);min-height:3.2em}
 html[data-space-view="board"] .hero-stage,html[data-space-view="board"] .hero-copy-v2 {min-height:0}
 .people-shuffle {font-size:10px}
 .meetings-board .meetings-board__grid {display:grid;grid-template-columns:1fr;gap:26px;overflow:visible;scroll-snap-type:none;padding-bottom:0}
 .meetings-board .meeting-tile:nth-child(n) {grid-column:auto;grid-row:auto;margin:0;transform:none;max-width:none;min-width:0;width:100%}
 html[data-space-view="board"] .meetings-board .meetings-board__grid {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:18px}
 html[data-space-view="board"] .meetings-board .meeting-tile:nth-child(n) {flex:0 0 86%;width:86%;scroll-snap-align:start}
 html[data-space-view="board"] .hero-copy-v2 {padding-top:0;padding-bottom:24px}
 html[data-space-view="board"] .hero-title__line {min-height:0}
 .hero-board-cast {display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;margin:28px 0 0;padding:8px 8px 16px;width:100%}
 .hero-board-cast .human-fragment {position:relative!important;inset:auto!important;flex:0 0 140px;width:140px!important;max-width:none;transform:none!important;scroll-snap-align:start;padding:5px;height:auto!important}
 .hero-board-cast .human-fragment img {width:100%;height:122px!important;object-fit:cover;aspect-ratio:auto}
 .hero-board-cast .human-fragment__label {display:block;min-height:0;padding:10px 4px 4px;font-size:11px}
 .hero-board-cast .human-fragment__label [data-person-name] {font-size:11px}
 html[data-space-view="board"] .hero-copy-v2 .hero__lede {margin-top:20px}
 .meeting-tile h3 {font-size:22px}
 .meeting-tile small {font-size:11px}
 .meeting-tile p,.meeting-tile blockquote {font-size:13px}
 .meeting-tile__media {aspect-ratio:16/9}
 .meeting-tile__play {width:38px;height:38px}
 .session-tape[data-lab-timeline] .session-dot {width:235px;flex-basis:235px;height:128px;min-height:128px;grid-template-rows:18px 10px 18px 52px}
 .session-tape[data-lab-timeline] .session-tape__preview:not([hidden]) {grid-template-columns:92px minmax(0,1fr);padding:18px 20px;gap:5px 14px}
 .session-tape__preview .session-tape__image {width:92px}
 .session-tape__preview [data-session-name] {font-size:17px}
 .session-tape__preview [data-session-detail] {font-size:11px}
 .calendar-live__intro {display:block}
 .calendar-live__intro h3 {margin-bottom:12px}
 .calendar-live__intro .button {margin:22px 0}
 #luma-calendar {height:330px}
 #calendar {padding-block:28px}
 .connections__head {display:block}
 .connections__head>p {font-size:13px;max-width:none;margin-top:18px}
 .connections__filters {gap:6px}
 .connections__filters button {flex:1 0 42%;font-size:11px}
 .connections__layout {display:flex;flex-direction:column;align-items:stretch}
 .connections__map {aspect-ratio:auto;min-height:0}
 .connections__map svg,.connections__origin {display:none}
 [data-connection-nodes] {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}
 .connection-node {position:relative;left:auto;top:auto;transform:none;width:100%;min-height:82px;gap:10px}
 .connection-node img {width:52px;height:52px}
 .connection-node span {font-size:10px;line-height:1.5}
 .connections__detail {margin-top:12px;padding:18px 0;border-left:0;border-top:2px solid #69429a}
 .connections__detail img {float:left;width:64px;height:64px;margin:0 16px 12px 0}
 .connections__detail small {display:block;clear:both}
 .connections__detail a {font-size:13px}
 .artifact-editions {gap:20px}
 .artifact-edition h3 {font-size:20px}
 .artifact-edition p {font-size:12px}
 .final .final-people {grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 12px}
 .final .final-person {max-width:50px}
 .final .final-person .final-person__card {position:fixed;inset:auto 20px 20px!important;transform:none!important;width:auto!important;max-width:none!important;font-size:13px;z-index:100}
}
@media(prefers-reduced-motion:reduce) {.hero-title__line.is-glitching {animation:none}.hero-title__line.is-glitching::after {display:none!important}.connection-node img {transition:none}}
