/* Editorial chapters: one connected system, six distinct views. */
:root { --chapter-panel:#eeeaf7; --chapter-surface:#e6e0f3; --chapter-accent:#6b4daf; }
[data-theme="dark"] { --chapter-panel:#14182c; --chapter-surface:#232740; --chapter-accent:#c7b4f8; }
.system-index { padding-top:105px; padding-bottom:65px; }
.system-index-heading { display:flex; justify-content:space-between; align-items:end; gap:60px; margin:35px 0 45px; }
.system-index h2 { font-size:51px; line-height:1.1; letter-spacing:-.055em; }
.system-index-heading p { font-size:13px; color:var(--muted); max-width:340px; }
.chapter-index-links { display:grid; grid-template-columns:repeat(3,1fr); gap:0 35px; }
.chapter-index-links a { position:relative; display:grid; grid-template-columns:28px 1fr 18px; gap:6px 15px; border-top:1px solid var(--line); padding:24px 0; }
.chapter-index-links a>span { font:400 11px var(--display); color:var(--muted); padding-top:5px; }
.chapter-index-links strong { font:500 22px var(--display); letter-spacing:-.04em; }
.chapter-index-links small { grid-column:2; color:var(--muted); font-size:11px; }
.chapter-index-links i { grid-column:3; grid-row:1/3; align-self:center; font:400 21px var(--display); color:var(--chapter-accent); transition:transform .2s; }
.chapter-index-links a:hover i { transform:translate(3px,-3px); }
.chapter-nav { position:sticky; top:0; z-index:12; background:var(--paper); border-block:1px solid var(--line); }
.chapter-nav>.wrap { display:flex; align-items:center; gap:30px; min-height:61px; overflow-x:auto; scrollbar-width:none; }
.chapter-nav>.wrap::-webkit-scrollbar { display:none; }
.chapter-nav a { white-space:nowrap; display:block; font-size:11px; color:var(--muted); padding-block:21px; border-bottom:2px solid transparent; }
.chapter-nav a span { font:400 9px var(--display); margin-right:7px; opacity:.6; }
.chapter-nav a[aria-current] { color:var(--ink); border-bottom-color:var(--chapter-accent); }
.chapter { padding:91px 0 74px; scroll-margin-top:48px; }
.chapter-visuals,.chapter-content { background:var(--chapter-panel); }
.chapter-kicker { display:flex; justify-content:space-between; gap:20px; margin-bottom:40px; padding-bottom:17px; border-bottom:1px solid var(--line); font-size:9px; font-weight:600; letter-spacing:.1em; color:var(--muted); }
.chapter-lead { display:grid; grid-template-columns:.82fr 1.35fr; align-items:center; gap:65px; }
.chapter-copy h2 { font-size:51px; line-height:1.08; letter-spacing:-.06em; }
.chapter-copy>p { color:var(--muted); font-size:14px; max-width:370px; margin-top:23px; }
.chapter-cta { display:inline-flex; gap:25px; align-items:center; border:0; border-bottom:1px solid var(--line); padding:10px 0; background:none; font-size:12px; margin-top:20px; }
.chapter-cta span { font-size:20px; color:var(--chapter-accent); }
.chapter-notes { display:grid; grid-template-columns:repeat(3,1fr); gap:46px; margin-top:43px; }
.chapter-notes.two-notes { grid-template-columns:1fr 1fr; gap:90px; }
.chapter-notes h3 { font:500 18px/1.3 var(--display); letter-spacing:-.035em; margin-bottom:11px; }
.chapter-notes p { font-size:12px; line-height:1.85; color:var(--muted); }
.chapter-details { margin-top:35px; border-block:1px solid var(--line); }
.chapter-details>summary { display:flex; align-items:center; gap:25px; list-style:none; font-size:12px; padding:20px 0; cursor:pointer; }
.chapter-details>summary::-webkit-details-marker { display:none; }
.chapter-detail-count { margin-left:auto; font-size:8px; letter-spacing:.09em; color:var(--muted); }
.chapter-details>summary>i { font:400 20px var(--display); color:var(--chapter-accent); }
.chapter-details[open]>summary>i { transform:rotate(45deg); }
.chapter-module-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 55px; padding:0 0 15px; }
.cap-entry { border-top:1px solid var(--line); padding:24px 0; }
.cap-entry h4 { margin:0 0 10px; font:500 17px var(--display); letter-spacing:-.035em; }
.cap-entry p { font-size:12px; line-height:1.85; color:var(--muted); }
.product-drawing { border:1px solid #43456a; border-radius:4px; background:#1c223a; color:#e1dfea; overflow:hidden; }
.drawing-label { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 18px; font-size:7px; font-weight:500; letter-spacing:.09em; color:#aea5c1; border-bottom:1px solid #ffffff17; }
.drawing-label .dot { width:4px; height:4px; margin-right:5px; }
.production-desk { position:relative; padding-bottom:73px; }
.desk-body { display:grid; grid-template-columns:1fr .88fr; gap:20px; padding:24px 22px 20px; }
.desk-monitors { min-width:0; }
.desk-screen { position:relative; height:135px; background:#303754; border:1px solid #605789; padding:12px; overflow:hidden; }
.desk-screen>span { font-size:7px; color:#bab1cc; position:relative; z-index:1; }
.desk-screen>strong { position:absolute; bottom:27px; left:12px; font:500 23px var(--display); letter-spacing:-.06em; z-index:1; }
.desk-screen>small { position:absolute; bottom:10px; left:12px; font-size:6px; letter-spacing:.1em; color:#bcb2cf; }
.screen-crosshair { position:absolute; inset:0; background:linear-gradient(transparent calc(50% - .5px),#a994d222 calc(50% - .5px),#a994d222 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),#a994d222 calc(50% - .5px),#a994d222 calc(50% + .5px),transparent calc(50% + .5px)); }
.screen-crosshair::after { content:''; position:absolute; width:75px; height:75px; border:1px solid #a48fcf55; border-radius:50%; left:calc(50% - 38px); top:calc(50% - 38px); }
.desk-screen.secondary { margin:10px 0 0 28px; height:93px; background:#1c1f3e; border-color:#3f4062; }
.desk-screen.secondary>strong { font-size:17px; bottom:25px; }
.screen-lines { position:absolute; inset:0; background:repeating-linear-gradient(130deg,transparent,transparent 15px,#8c83b513 16px,transparent 17px); }
.desk-mixer { display:grid; grid-template-columns:45px 1fr; gap:8px; align-items:center; margin-top:17px; }
.desk-mixer>span { font-size:6px; color:#a399b8; }
.desk-mixer>i { position:relative; height:4px; width:100%; background:#3b3c5d; }
.desk-mixer>i::before { content:''; position:absolute; left:0; top:0; width:var(--level); height:100%; background:#ac94db; }
.desk-rundown { padding-top:3px; }
.desk-rundown>.small-label { font-size:7px; color:#a399b8; margin-bottom:15px; }
.desk-rundown>button { width:100%; display:flex; align-items:center; gap:8px; padding:16px 9px; background:none; border:0; border-bottom:1px solid #ffffff17; font-size:9px; color:#c7bfd6; text-align:left; }
.desk-rundown>button small { font-size:7px; color:#8c84b1; }
.desk-rundown>button>span { margin-left:auto; font-size:6px; white-space:nowrap; }
.desk-rundown>button[aria-pressed="true"] { background:#bca4f6; color:#161937; border-radius:2px; }
.desk-rundown>button[aria-pressed="true"] small { color:#393a63; }
.desk-rundown>p { font-size:8px; color:#978fb8; margin-top:18px; display:flex; justify-content:space-between; padding-inline:9px; }
.crew-cue { position:absolute; bottom:0; left:0; right:0; display:flex; align-items:center; gap:16px; padding:19px 22px; border-top:1px solid #ffffff17; background:#1a1e3d; }
.crew-cue>span { max-width:70px; font-size:6px; line-height:1.7; letter-spacing:.1em; color:#ada0c6; }
.crew-cue>p { font-size:11px; }
.crew-cue>i { font-style:normal; margin-left:auto; color:#bca4f6; }
.visual-stage { background:#191f36; }
.identity-canvas { position:relative; height:355px; overflow:hidden; background:#343b5d; }
.identity-grid { position:absolute; inset:0; background-image:linear-gradient(#a28ccf0c 1px,transparent 1px),linear-gradient(90deg,#a28ccf0c 1px,transparent 1px); background-size:30px 30px; }
.identity-grid::after { content:''; position:absolute; width:290px; height:290px; right:-100px; top:12px; border-radius:50%; border:1px solid #8980b455; box-shadow:0 0 0 28px #8980b415,0 0 0 29px #8980b422,0 0 0 57px #8980b40c,0 0 0 58px #8980b422; }
.identity-corner { position:absolute; top:20px; left:23px; font-size:7px; line-height:1.8; letter-spacing:.1em; }
.identity-title { position:absolute; top:81px; left:23px; right:23px; }
.identity-title>small { font-size:6px; letter-spacing:.11em; color:#b5a6d2; }
.identity-title>strong { display:block; font:500 47px/1.05 var(--display); letter-spacing:-.065em; color:#d8d4e9; margin-top:9px; max-width:420px; }
.identity-title>span { display:block; font-size:8px; margin-top:10px; color:#bcb2d1; }
.identity-camera { position:absolute; bottom:28px; left:24px; width:30%; height:100px; border:1px solid #bca4f6; background:#181b3b; display:flex; flex-direction:column; padding:8px; }
.identity-camera>span { font-size:6px; color:#b3a2d6; }
.identity-camera>i { width:21px; height:21px; border:1px solid #8d83b6; margin:auto; border-radius:50%; }
.identity-camera>small { font-size:5px; letter-spacing:.1em; color:#aa9ac9; }
.identity-timer { position:absolute; right:22px; top:23px; border-left:1px solid #a28ec955; padding-left:12px; color:#c1b0e2; }
.identity-timer>small { display:block; font-size:5px; letter-spacing:.1em; }
.identity-timer>strong { display:block; font:500 27px var(--display); letter-spacing:-.05em; margin-top:2px; }
.identity-timer>span { font-size:5px; letter-spacing:.1em; }
.identity-banner { position:absolute; right:22px; bottom:78px; left:38%; display:flex; align-items:center; gap:10px; padding:11px 12px; background:#bca4f6; color:#181c3d; font-size:8px; }
.identity-banner>span { font-size:17px; }
.identity-banner>span:last-child { margin-left:auto; }
.identity-sponsor { position:absolute; right:22px; bottom:28px; width:58%; border:1px solid #968ebc66; padding:9px 12px; display:flex; align-items:center; justify-content:space-between; }
.identity-sponsor>small { font-size:5px; color:#a899c7; }
.identity-sponsor>b { font:500 16px var(--display); letter-spacing:-.04em; }
.identity-controls { display:flex; align-items:center; gap:6px; padding:13px 17px; }
.identity-controls>button { border:1px solid transparent; padding:7px 11px; background:none; border-radius:2px; font-size:9px; color:#b2a8c7; }
.identity-controls>button[aria-pressed="true"] { border-color:#494a71; color:#bca4f6; background:#28293e; }
.identity-controls>span { margin-left:auto; font-size:6px; color:#9f91bb; }
.identity-canvas[data-identity-scene="starting"] .identity-camera { opacity:.2; }
.identity-canvas[data-identity-scene="ending"] .identity-title>strong { font-size:38px; max-width:330px; }
.identity-canvas[data-identity-scene="ending"] .identity-grid { opacity:.5; }
.chapter-community .chapter-lead,.chapter-content .chapter-lead,.chapter-partnerships .chapter-lead { display:block; }
.chapter-community .chapter-copy,.chapter-content .chapter-copy,.chapter-partnerships .chapter-copy { display:grid; grid-template-columns:1.1fr 1fr; column-gap:100px; align-items:end; margin-bottom:42px; }
.chapter-community .chapter-copy>p,.chapter-content .chapter-copy>p,.chapter-partnerships .chapter-copy>p { margin:0; max-width:450px; }
.chapter-content .chapter-cta { grid-column:2; width:fit-content; }
.community-stage { display:grid; grid-template-columns:1fr 1.05fr 1fr; gap:18px; }
.chat-study,.poll-study,.support-study { min-height:365px; position:relative; }
.chat-lines { padding:13px 19px 17px; }
.chat-lines>p { font-size:11px; color:#c0b7d1; padding:13px 0; line-height:1.7; }
.chat-lines>p b { color:#bfabe7; font-size:9px; display:block; font-weight:500; }
.chat-lines>.bot-reply { font-size:10px; border-left:2px solid #9185c4; padding:8px 11px; background:#26273b; }
.bot-reply>span { font-size:6px; letter-spacing:.1em; color:#ae98d9; }
.inline-demo-button { display:flex; justify-content:space-between; align-items:center; width:calc(100% - 38px); margin:0 19px 17px; padding:10px 0 0; border:0; border-top:1px solid #ffffff22; color:#b4a5d2; background:none; font-size:9px; }
.inline-demo-button>span { font-size:17px; }
.poll-study { padding-bottom:20px; }
.poll-study>h3 { font:500 31px/1.1 var(--display); letter-spacing:-.05em; margin:23px 23px 25px; }
.chapter-vote { margin:0 23px; }
.chapter-vote>button { display:grid; grid-template-columns:1fr 35px; position:relative; width:100%; gap:7px; padding:11px 0 14px; background:none; border:0; text-align:left; font-size:10px; color:#d4d1e1; }
.chapter-vote>button>b { font-weight:400; text-align:right; color:#b8a3e2; }
.chapter-vote>button>i { grid-column:1/-1; width:100%; height:5px; position:relative; background:#343551; }
.chapter-vote>button>i::before { content:''; display:block; width:var(--vote); height:100%; background:#bca4f6; transition:width .3s; }
.chapter-vote>button[aria-pressed="true"]>span::before { content:'✓ '; color:#bca4f6; }
.poll-response { display:block; margin:15px 23px 0; font-size:8px; line-height:1.6; color:#a497bd; }
.support-study { background:#bca4f6; color:#161a38; border-color:#bca4f6; padding-bottom:15px; }
.support-study>.drawing-label { color:#383961; border-bottom-color:#44467a44; }
.support-burst { font:400 48px/1 var(--display); margin:20px 22px 12px; }
.support-study>strong { display:block; margin:0 22px; font:500 25px/1.1 var(--display); letter-spacing:-.05em; }
.support-study>p { margin:12px 22px 0; max-width:240px; font-size:10px; color:#383a5f; }
.support-ranking { margin:21px 22px 0; padding-top:12px; border-top:1px solid #5a508544; }
.support-ranking>span { font-size:6px; letter-spacing:.1em; color:#434477; }
.support-ranking>div { display:flex; gap:11px; align-items:center; font-size:9px; margin-top:12px; }
.support-ranking>div>b { font-size:7px; font-weight:400; opacity:.65; }
.support-ranking>div>i { font-style:normal; }
.support-ranking>div>small { margin-left:auto; }
.chapter-irl-data .chapter-lead { grid-template-columns:.78fr 1.3fr; }
.field-study { position:relative; height:390px; }
.field-study>img { width:100%; height:100%; object-fit:cover; object-position:45% 60%; opacity:.55; }
.field-coordinate { position:absolute; top:25px; left:23px; }
.field-coordinate>span { display:block; font-size:6px; letter-spacing:.1em; color:#c7bcdd; }
.field-coordinate>span>.dot { width:4px; height:4px; margin-right:5px; }
.field-coordinate>strong { display:block; margin-top:17px; font:500 25px/1.15 var(--display); letter-spacing:-.05em; color:#d6d1e8; }
.field-phone { position:absolute; right:27px; top:31px; bottom:72px; width:144px; border:3px solid #72689f; outline:1px solid #c6b6e6; border-radius:19px; padding:17px 8px 10px; background:#181b39; box-shadow:0 12px 35px #0b0d2155; transform:rotate(5deg); }
.phone-speaker { position:absolute; width:33px; height:3px; top:7px; left:calc(50% - 16px); background:#655c8f; border-radius:2px; }
.field-phone>span { display:block; font-size:6px; margin:3px 3px 9px; color:#b9add2; }
.phone-camera-view { height:170px; border:1px solid #45466b; background:repeating-linear-gradient(40deg,transparent,transparent 19px,#a187d411 20px,transparent 21px),#2a2b42; display:flex; flex-direction:column; align-items:center; padding:20px 6px 8px; }
.phone-camera-view>i { width:45px; height:45px; border:1px solid #7d73a6; border-radius:50%; margin:12px 0 25px; position:relative; }
.phone-camera-view>i::after { content:''; width:15px; height:15px; border:1px solid #9f84d4; border-radius:50%; position:absolute; inset:14px; }
.phone-camera-view>b { font:500 15px var(--display); letter-spacing:-.04em; }
.phone-camera-view>small { font-size:5px; margin-top:5px; color:#a99ac7; }
.phone-state { font-size:5px; margin:11px 3px 0; letter-spacing:.04em; color:#c0b4d9; }
.phone-state>.dot { width:3px; height:3px; margin-right:3px; }
.field-readings { position:absolute; bottom:0; left:0; right:0; display:grid; grid-template-columns:1fr 1fr 1fr; padding:16px 18px; gap:8px; background:#161932ed; border-top:1px solid #5a528044; }
.field-readings>span { display:grid; grid-template-columns:16px 1fr; gap:4px 5px; align-items:center; font-size:16px; color:#b3a0d9; }
.field-readings b { font-size:9px; font-weight:400; color:#d8d4e7; }
.field-readings small { grid-column:2; font-size:5px; color:#a193bd; }
.workbench-head { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:23px 28px 19px; }
.workbench-head .small-label { font-size:7px; color:#a297b8; }
.workbench-head strong { display:block; font:500 27px var(--display); letter-spacing:-.04em; margin-top:7px; }
.workbench-tabs { display:flex; border-block:1px solid #ffffff17; padding-inline:28px; gap:28px; }
.workbench-tabs>button { border:0; border-bottom:2px solid transparent; background:none; padding:13px 0; color:#a69cbb; font-size:11px; }
.workbench-tabs>button[aria-selected="true"] { border-bottom-color:#bca4f6; color:#d7d2e9; }
.content-view { min-height:310px; padding:25px 28px; }
.timeline-legend { display:flex; justify-content:space-between; color:#a193bd; font-size:7px; letter-spacing:.07em; }
.session-timeline>svg { display:block; width:100%; height:190px; color:#b6a7d4; margin-top:12px; }
.timeline-labels { display:flex; justify-content:space-between; color:#8178a8; font-size:6px; }
.marker-strip { display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; border-top:1px solid #ffffff17; margin-top:20px; padding-top:18px; }
.marker-strip>span { font-size:12px; color:#bca4f6; display:grid; grid-template-columns:13px 1fr; gap:4px 8px; }
.marker-strip b { font-size:10px; font-weight:400; color:#d7d3e4; }
.marker-strip small { grid-column:2; font-size:7px; color:#8e86b2; }
.clip-workflow { display:grid; grid-template-columns:minmax(0,1.2fr) 30px 125px minmax(0,1fr); gap:30px; align-items:center; max-width:970px; margin:0 auto; }
.clip-source { min-width:0; border:1px solid #4b4d76; padding:21px; background:#252539; }
.clip-source>span { font-size:6px; color:#af9ed0; letter-spacing:.08em; }
.clip-source>strong { display:block; font:500 37px/1.05 var(--display); letter-spacing:-.055em; margin:20px 0 14px; }
.clip-source>small { font-size:6px; color:#968eb7; }
.clip-wave { color:#8579b7; border-top:1px solid #ffffff17; padding-top:15px; margin-top:17px; font-size:19px; white-space:nowrap; overflow:hidden; }
.clip-arrow { font-size:27px; color:#ac95db; }
.clip-poster { min-width:0; aspect-ratio:9/16; background:#bca4f6; color:#161935; padding:12px; display:flex; flex-direction:column; justify-content:space-between; transform:rotate(3deg); }
.clip-copy { min-width:0; }
.clip-poster>small { font-size:5px; letter-spacing:.06em; }
.clip-poster>span { font:500 27px/.95 var(--display); letter-spacing:-.07em; }
.clip-poster>span>span { display:block; text-align:right; font-size:40px; margin-top:5px; }
.clip-poster>b { font-size:7px; font-weight:400; }
.clip-copy h3 { font-size:25px; letter-spacing:-.045em; line-height:1.15; }
.clip-copy p { margin-top:14px; font-size:11px; color:#a99dc0; max-width:240px; }
.transcript-study { max-width:850px; margin:0 auto; padding:10px 0; }
.transcript-study>span { font-size:7px; color:#a091be; letter-spacing:.08em; }
.transcript-study>p { display:grid; grid-template-columns:70px 1fr 20px; gap:25px; font:400 20px var(--display); letter-spacing:-.03em; color:#b7aec9; padding:23px 15px; border-bottom:1px solid #ffffff17; }
.transcript-study time { font:400 9px var(--display); letter-spacing:.03em; color:#847bab; align-self:center; }
.transcript-study .transcript-focus { background:#282940; color:#d8d3eb; }
.transcript-focus>b { color:#bca4f6; font-size:17px; }
.transcript-study>small { display:block; margin-top:22px; color:#a193bd; font-size:9px; }
.partner-studies { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center; }
.report-study { background:var(--chapter-surface); padding:30px 45px 28px 49px; position:relative; overflow:hidden; }
.report-binding { position:absolute; left:35px; top:30px; bottom:30px; border-left:1px dashed var(--chapter-accent); opacity:.5; }
.report-page { background:#e0dde8; color:#1a1e3e; padding:25px; transform:rotate(-2deg); box-shadow:4px 7px 0 #61588a44; }
.report-top { display:flex; align-items:center; justify-content:space-between; }
.report-top>b { font:500 22px var(--display); letter-spacing:-.1em; }
.report-top>span { font-size:5px; line-height:1.8; text-align:right; color:#5b5381; letter-spacing:.1em; }
.report-page>h3 { font-size:29px; line-height:1.1; letter-spacing:-.05em; margin-top:25px; }
.report-page>p { font-size:5px; letter-spacing:.1em; color:#5e5586; margin-top:12px; }
.report-metrics { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:15px; border-top:1px solid #b4acc5; margin-top:21px; padding-top:17px; }
.report-metrics>span>b { display:block; font:500 26px var(--display); letter-spacing:-.05em; }
.report-metrics>span>small { display:block; font-size:5px; letter-spacing:.05em; color:#4d4f79; margin-top:4px; }
.report-bars { display:flex; align-items:end; gap:12px; height:75px; border-bottom:1px solid #b5acc7; margin-top:20px; }
.report-bars>i { flex:1; background:#7a71a4; height:var(--bar); }
.report-bars>i:nth-child(odd) { background:#5c5382; }
.report-bottom { display:flex; justify-content:space-between; font-size:5px; color:#5d5484; margin-top:14px; letter-spacing:.1em; }
.viewer-study { min-height:410px; }
.viewer-profile { display:flex; align-items:center; gap:16px; margin:23px 25px; }
.viewer-avatar { width:45px; height:45px; border:1px solid #7d73a6; background:#31324d; display:grid; place-items:center; font:500 14px var(--display); letter-spacing:-.1em; }
.viewer-profile>div>strong { display:block; font:500 23px var(--display); letter-spacing:-.04em; }
.viewer-profile>div>span { display:block; color:#af9dd4; font-size:6px; margin-top:6px; }
.viewer-profile .dot { width:4px; height:4px; margin-right:4px; }
.viewer-arrow { font-size:25px; margin-left:auto; color:#a389d7; }
.viewer-schedule { margin:0 25px; border-top:1px solid #ffffff17; padding-top:17px; }
.viewer-schedule>.small-label { font-size:6px; color:#a396bd; }
.viewer-schedule>p { display:flex; gap:15px; align-items:center; padding:17px 0; border-bottom:1px solid #ffffff17; }
.viewer-schedule>p>b { font:400 8px var(--display); color:#a091bf; }
.viewer-schedule>p>span { font-size:11px; }
.viewer-schedule>p>span>small { display:block; font-size:6px; color:#8d85b1; margin-top:5px; }
.viewer-schedule>p>i { font-style:normal; margin-left:auto; color:#b5a2dc; }
.viewer-links { display:flex; gap:17px; margin:18px 25px 0; color:#a597c3; font-size:5px; }
.viewer-bottom { display:flex; align-items:center; gap:14px; margin:22px 25px; }
.viewer-bottom>p { font-size:10px; color:#a69bbb; }
.qr-drawing { position:relative; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:4px; width:38px; height:38px; padding:4px; background:#b5a2dc; }
.qr-drawing>i { border:2px solid #21223e; }
.qr-drawing>i:last-child { border:0; background:repeating-linear-gradient(45deg,#21223e,#21223e 3px,transparent 3px,transparent 5px); }
@media (min-width:1450px) { .chapter-nav>.wrap { justify-content:space-between; gap:20px; } }
@media (max-width:1100px) {
  .chapter-lead { gap:35px; grid-template-columns:.85fr 1.25fr; }
  .chapter-copy h2 { font-size:43px; }
  .chapter-copy>p { font-size:13px; }
  .chapter-nav>.wrap { gap:22px; }
  .chapter-nav a { font-size:10px; }
  .desk-body { padding:20px 15px; gap:15px; }
  .desk-screen>strong { font-size:19px; }
  .desk-screen.secondary>strong { font-size:14px; }
  .desk-rundown>button { font-size:8px; gap:5px; padding:16px 6px; }
  .desk-rundown>button small { font-size:6px; }
  .desk-rundown>button>span { font-size:5px; }
  .crew-cue { padding:17px 15px; gap:12px; }
  .crew-cue>p { font-size:10px; }
  .identity-title>strong { font-size:40px; }
  .identity-banner { font-size:7px; padding:10px; gap:6px; }
  .identity-camera { height:92px; }
  .identity-sponsor>b { font-size:14px; }
  .chapter-community .chapter-copy,.chapter-content .chapter-copy,.chapter-partnerships .chapter-copy { column-gap:50px; }
  .community-stage { gap:13px; }
  .drawing-label { padding-inline:14px; font-size:6px; }
  .chat-lines { padding-inline:15px; }
  .chat-lines>p { font-size:10px; }
  .support-study>strong { font-size:24px; }
  .field-phone { right:20px; width:125px; }
  .field-coordinate>strong { font-size:22px; max-width:180px; }
  .field-coordinate { left:18px; }
  .phone-camera-view>b { font-size:13px; }
  .field-readings { padding-inline:13px; gap:4px; }
  .field-readings b { font-size:8px; }
  .field-readings small { font-size:4.5px; }
  .chapter-notes { gap:30px; }
  .chapter-notes h3 { font-size:17px; }
  .chapter-notes p { font-size:11px; }
  .partner-studies { gap:30px; }
  .report-study { padding:25px 30px 25px 35px; }
  .report-binding { left:24px; }
  .report-page { padding:20px; }
  .clip-workflow { gap:20px; grid-template-columns:minmax(0,1.2fr) 20px 115px minmax(0,1fr); }
  .clip-copy h3 { font-size:22px; }
}
@media (max-width:850px) {
  .system-index { padding-top:75px; padding-bottom:45px; }
  .system-index h2 { font-size:41px; }
  .system-index-heading { gap:35px; }
  .system-index-heading p { font-size:12px; }
  .chapter-index-links { gap:0 24px; }
  .chapter-index-links strong { font-size:19px; }
  .chapter-index-links small { font-size:9px; }
  .chapter-index-links a { grid-template-columns:20px 1fr 15px; gap:6px 8px; }
  .chapter-nav>.wrap { gap:23px; min-height:53px; }
  .chapter-nav a { padding-block:17px; font-size:10px; }
  .chapter-nav a span { display:none; }
  .chapter { padding-top:70px; padding-bottom:55px; }
  .chapter-lead,.chapter-irl-data .chapter-lead { grid-template-columns:1fr; gap:30px; }
  .chapter-copy h2 { font-size:46px; }
  .chapter-copy>p { max-width:520px; font-size:14px; }
  .chapter-production .chapter-copy,.chapter-visuals .chapter-copy,.chapter-irl-data .chapter-copy { display:grid; grid-template-columns:1fr 1fr; gap:0 35px; align-items:end; }
  .chapter-production .chapter-copy>p,.chapter-visuals .chapter-copy>p,.chapter-irl-data .chapter-copy>p { margin:0; font-size:12px; }
  .chapter-production .chapter-cta,.chapter-visuals .chapter-cta,.chapter-irl-data .chapter-cta { grid-column:2; width:fit-content; margin-top:12px; font-size:11px; }
  .desk-body { grid-template-columns:1.2fr 1fr; padding:25px; gap:30px; }
  .desk-screen { height:145px; }
  .desk-screen>strong { font-size:27px; }
  .desk-screen.secondary>strong { font-size:20px; }
  .desk-rundown>button { padding:18px 11px; font-size:11px; gap:10px; }
  .desk-rundown>button>span { font-size:7px; }
  .crew-cue { padding:20px 25px; }
  .crew-cue>p { font-size:12px; }
  .identity-canvas { height:365px; }
  .identity-title { top:84px; }
  .identity-title>strong { font-size:54px; }
  .identity-camera { height:108px; }
  .identity-banner { bottom:88px; font-size:10px; padding:12px; }
  .identity-sponsor { padding:13px; }
  .identity-sponsor>b { font-size:18px; }
  .chapter-notes { gap:25px; margin-top:35px; }
  .chapter-notes.two-notes { gap:40px; }
  .chapter-notes h3 { font-size:16px; }
  .chapter-module-grid { gap:0 35px; }
  .community-stage { grid-template-columns:1fr 1fr; gap:18px; }
  .support-study { grid-column:1/-1; display:grid; grid-template-columns:80px 1fr 1fr; padding:0 20px 20px 0; min-height:0; gap:0 0; }
  .support-study>.drawing-label { grid-column:1/-1; margin-bottom:22px; margin-right:-20px; padding:15px 20px; }
  .support-burst { grid-column:1; grid-row:2/4; margin:0 20px; align-self:center; }
  .support-study>strong { grid-column:2; margin:0; }
  .support-study>p { grid-column:2; margin:10px 20px 0 0; }
  .support-ranking { grid-column:3; grid-row:2/4; margin:0 0 0 20px; padding:5px 0 0 20px; border-left:1px solid #5a508544; border-top:0; }
  .field-study { height:390px; }
  .field-phone { right:45px; width:155px; }
  .field-coordinate { top:30px; left:28px; }
  .field-coordinate>strong { font-size:31px; max-width:300px; margin-top:20px; }
  .field-readings { padding:17px 25px; }
  .field-readings b { font-size:10px; }
  .field-readings small { font-size:6px; }
  .partner-studies { gap:20px; }
  .report-study { padding:25px 20px 25px 30px; }
  .report-binding { left:20px; }
  .report-page { padding:18px; }
  .report-page>h3 { font-size:25px; }
  .report-metrics { gap:9px; }
  .report-metrics>span>b { font-size:22px; }
  .viewer-profile { margin:20px; gap:12px; }
  .viewer-profile>div>strong { font-size:20px; }
  .viewer-avatar { width:36px; height:36px; font-size:12px; }
  .viewer-schedule { margin-inline:20px; }
  .viewer-study { min-height:390px; }
  .viewer-links { gap:9px; margin-inline:20px; font-size:4px; }
  .viewer-bottom { margin-inline:20px; }
  .clip-workflow { grid-template-columns:minmax(0,1fr) 20px 105px minmax(0,1fr); gap:17px; }
  .clip-source { padding:17px; }
  .clip-source>strong { font-size:31px; }
  .clip-copy h3 { font-size:20px; }
  .clip-copy p { font-size:10px; }
}
@media (max-width:650px) {
  html { scroll-padding-top:67px; }
  .system-index { padding-top:55px; padding-bottom:35px; }
  .system-index .section-label { font-size:7px; gap:20px; }
  .system-index .section-label>span:last-child { max-width:110px; text-align:right; }
  .system-index-heading { display:block; margin:26px 0 27px; }
  .system-index h2 { font-size:37px; }
  .system-index-heading p { margin-top:20px; font-size:12px; }
  .chapter-index-links { grid-template-columns:1fr 1fr; gap:0 20px; }
  .chapter-index-links a { grid-template-columns:18px 1fr; gap:6px; padding:18px 0; }
  .chapter-index-links a>span { font-size:8px; padding-top:3px; }
  .chapter-index-links strong { font-size:17px; }
  .chapter-index-links small { font-size:9px; }
  .chapter-index-links i { display:none; }
  .chapter-nav>.wrap { min-height:48px; gap:22px; padding-inline:20px; }
  .chapter-nav a { font-size:10px; padding-block:15px; }
  .chapter { padding-top:45px; padding-bottom:40px; scroll-margin-top:45px; }
  .chapter-kicker { margin-bottom:25px; padding-bottom:14px; font-size:7px; }
  .chapter-kicker>span:last-child { max-width:130px; text-align:right; font-size:6px; }
  .chapter-copy h2 { font-size:39px; line-height:1.08; }
  .chapter-production .chapter-copy,.chapter-visuals .chapter-copy,.chapter-irl-data .chapter-copy,.chapter-community .chapter-copy,.chapter-content .chapter-copy,.chapter-partnerships .chapter-copy { display:block; margin-bottom:0; }
  .chapter-production .chapter-copy>p,.chapter-visuals .chapter-copy>p,.chapter-irl-data .chapter-copy>p,.chapter-community .chapter-copy>p,.chapter-content .chapter-copy>p,.chapter-partnerships .chapter-copy>p { margin-top:21px; font-size:13px; max-width:100%; }
  .chapter-cta,.chapter-production .chapter-cta,.chapter-visuals .chapter-cta,.chapter-irl-data .chapter-cta { font-size:11px; margin-top:12px; gap:22px; }
  .chapter-community .chapter-lead,.chapter-content .chapter-lead,.chapter-partnerships .chapter-lead { margin-bottom:30px; }
  .chapter-notes,.chapter-notes.two-notes { grid-template-columns:1fr; gap:24px; margin-top:30px; }
  .chapter-notes>div { display:grid; grid-template-columns:6px 1fr; gap:0 13px; }
  .chapter-notes>div::before { content:''; width:4px; height:4px; background:var(--chapter-accent); margin-top:8px; }
  .chapter-notes h3 { font-size:18px; line-height:1.3; margin-bottom:8px; }
  .chapter-notes p { grid-column:2; font-size:12px; line-height:1.8; }
  .chapter-details { margin-top:28px; }
  .chapter-details>summary { padding:18px 0; font-size:11px; gap:15px; }
  .chapter-detail-count { display:none; }
  .chapter-details>summary>i { margin-left:auto; }
  .chapter-module-grid { grid-template-columns:1fr; }
  .cap-entry { padding:21px 0; }
  .cap-entry h4 { font-size:18px; }
  .cap-entry p { font-size:12px; }
  .drawing-label { font-size:5px; padding:13px; }
  .drawing-label>span:last-child { font-size:4.5px; }
  .production-desk { padding-bottom:63px; }
  .desk-body { gap:13px; padding:17px 13px; grid-template-columns:1fr 1fr; }
  .desk-screen { height:113px; padding:8px; }
  .desk-screen>span { font-size:5px; }
  .desk-screen>strong { font-size:21px; bottom:25px; left:8px; }
  .desk-screen>small { font-size:5px; left:8px; }
  .screen-crosshair::after { width:50px; height:50px; left:calc(50% - 25px); top:calc(50% - 25px); }
  .desk-screen.secondary { margin-left:12px; height:78px; }
  .desk-screen.secondary>strong { font-size:14px; left:8px; bottom:20px; }
  .desk-mixer { grid-template-columns:33px 1fr; gap:7px; margin-top:13px; }
  .desk-mixer>span { font-size:5px; }
  .desk-mixer>i { height:3px; }
  .desk-rundown>.small-label { font-size:6px; margin-bottom:10px; }
  .desk-rundown>button { padding:15px 6px; font-size:8px; gap:5px; }
  .desk-rundown>button small { font-size:5px; }
  .desk-rundown>button>span { display:none; }
  .desk-rundown>p { font-size:6px; padding-inline:5px; margin-top:15px; }
  .crew-cue { padding:16px 13px; gap:12px; }
  .crew-cue>span { font-size:5px; max-width:54px; }
  .crew-cue>p { font-size:9px; max-width:180px; }
  .identity-canvas { height:300px; }
  .identity-corner { left:16px; top:16px; font-size:6px; }
  .identity-title { left:16px; top:81px; }
  .identity-title>small { font-size:5px; }
  .identity-title>strong { font-size:40px; }
  .identity-title>span { font-size:6.5px; max-width:230px; }
  .identity-timer { top:15px; right:15px; }
  .identity-timer>strong { font-size:23px; }
  .identity-timer>small,.identity-timer>span { font-size:4px; }
  .identity-camera { bottom:20px; left:16px; height:85px; width:30%; }
  .identity-camera>small { font-size:4px; }
  .identity-banner { left:38%; right:15px; bottom:69px; padding:8px; gap:5px; font-size:6px; }
  .identity-banner>span { font-size:13px; }
  .identity-sponsor { right:15px; bottom:20px; padding:10px 8px; width:57%; }
  .identity-sponsor>small { font-size:4px; }
  .identity-sponsor>b { font-size:11px; }
  .identity-controls { padding:11px; gap:4px; }
  .identity-controls>button { font-size:8px; padding:7px 10px; }
  .identity-controls>span { font-size:4px; }
  .identity-canvas[data-identity-scene="ending"] .identity-title>strong { font-size:34px; max-width:250px; }
  .community-stage { grid-template-columns:1fr; gap:15px; }
  .chat-study,.poll-study { min-height:0; }
  .chat-lines { padding:10px 19px 17px; }
  .chat-lines>p { font-size:12px; padding:11px 0; }
  .chat-lines>p b { font-size:10px; }
  .chat-lines>.bot-reply { font-size:11px; }
  .poll-study>h3 { font-size:35px; }
  .chapter-vote>button { font-size:12px; padding-bottom:18px; }
  .poll-response { font-size:9px; }
  .support-study { display:block; padding:0 0 24px; }
  .support-study>.drawing-label { margin:0; padding:13px; }
  .support-burst { margin:24px 23px 15px; font-size:54px; }
  .support-study>strong { margin:0 23px; font-size:29px; }
  .support-study>p { margin:15px 23px 0; font-size:12px; max-width:100%; }
  .support-ranking { margin:23px 23px 0; padding:17px 0 0; border:0; border-top:1px solid #5a508544; }
  .support-ranking>span { font-size:7px; }
  .support-ranking>div { font-size:11px; margin-top:15px; }
  .field-study { height:370px; }
  .field-study>img { object-position:50% 60%; }
  .field-coordinate { top:20px; left:17px; }
  .field-coordinate>span { font-size:5px; }
  .field-coordinate>strong { font-size:25px; max-width:170px; }
  .field-phone { top:37px; right:18px; width:113px; bottom:75px; padding-inline:6px; }
  .phone-camera-view { margin-top:8px; height:174px; padding-inline:2px; }
  .phone-camera-view>b { font-size:12px; }
  .phone-camera-view>small { font-size:4px; }
  .phone-state { font-size:4px; margin-inline:0; }
  .field-phone>span { font-size:5px; }
  .field-readings { padding:16px 13px; gap:6px; }
  .field-readings>span { grid-template-columns:12px 1fr; gap:3px 4px; font-size:14px; }
  .field-readings b { font-size:8px; }
  .field-readings small { font-size:4px; }
  .workbench-head { padding:20px 15px; gap:20px; }
  .workbench-head strong { font-size:23px; }
  .workbench-head .small-label { font-size:5px; }
  .workbench-head .sample-tag { font-size:4px; max-width:78px; text-align:center; line-height:1.7; }
  .workbench-tabs { padding-inline:15px; gap:25px; }
  .workbench-tabs>button { font-size:10px; }
  .content-view { padding:20px 15px; min-height:320px; }
  .timeline-legend { font-size:5px; gap:20px; }
  .session-timeline>svg { height:145px; }
  .timeline-labels { font-size:5px; }
  .marker-strip { gap:12px; padding-top:17px; }
  .marker-strip>span { font-size:10px; gap:6px 3px; grid-template-columns:9px 1fr; }
  .marker-strip b { font-size:8px; line-height:1.4; }
  .marker-strip small { font-size:5px; }
  .clip-workflow { grid-template-columns:minmax(0,1fr) 15px 103px; gap:12px; }
  .clip-source { padding:13px; }
  .clip-source>span { font-size:5px; }
  .clip-source>strong { font-size:29px; margin:18px 0 10px; }
  .clip-source>small { font-size:5px; }
  .clip-wave { font-size:12px; margin-top:12px; padding-top:10px; }
  .clip-arrow { font-size:20px; }
  .clip-poster { padding:11px; }
  .clip-poster>span { font-size:25px; }
  .clip-copy { grid-column:1/-1; padding-top:14px; display:flex; gap:20px; }
  .clip-copy h3 { font-size:20px; flex-shrink:0; }
  .clip-copy p { margin-top:0; font-size:9px; }
  .transcript-study { padding-top:2px; }
  .transcript-study>span { font-size:5px; }
  .transcript-study>p { grid-template-columns:44px 1fr 13px; gap:9px; padding:22px 8px; font-size:15px; line-height:1.3; }
  .transcript-study time { font-size:7px; }
  .transcript-focus>b { font-size:12px; }
  .transcript-study>small { font-size:8px; }
  .partner-studies { grid-template-columns:1fr; gap:25px; }
  .report-study { padding:26px 25px 30px 34px; }
  .report-binding { left:22px; }
  .report-page { padding:20px; }
  .report-page>h3 { font-size:29px; }
  .report-metrics>span>b { font-size:26px; }
  .report-bars { height:85px; }
  .viewer-study { min-height:0; }
  .viewer-profile { margin:23px; }
  .viewer-profile>div>strong { font-size:25px; }
  .viewer-profile>div>span { font-size:6px; }
  .viewer-avatar { width:42px; height:42px; }
  .viewer-schedule { margin-inline:23px; }
  .viewer-schedule>.small-label { font-size:6px; }
  .viewer-schedule>p>span { font-size:12px; }
  .viewer-schedule>p>span>small { font-size:6px; }
  .viewer-links { margin-inline:23px; font-size:5px; gap:17px; }
  .viewer-bottom { margin:23px; }
  .viewer-bottom>p { font-size:11px; }
}
@media (max-width:380px) {
  .system-index h2 { font-size:32px; }
  .chapter-copy h2 { font-size:35px; }
  .chapter-index-links strong { font-size:15px; }
  .chapter-index-links small { font-size:8px; }
  .chapter-index-links { gap:0 14px; }
  .desk-body { gap:9px; padding-inline:10px; }
  .desk-screen>strong { font-size:17px; }
  .desk-screen.secondary>strong { font-size:12px; }
  .desk-rundown>button { font-size:7px; gap:4px; }
  .crew-cue>p { font-size:8px; }
  .identity-title>strong { font-size:35px; }
  .identity-camera { width:29%; padding:6px; }
  .identity-camera>small { font-size:3px; }
  .identity-banner { left:37%; font-size:5px; }
  .identity-sponsor>b { font-size:9px; }
  .identity-controls>span { display:none; }
  .field-coordinate>strong { font-size:20px; max-width:125px; }
  .field-phone { right:14px; width:102px; }
  .phone-camera-view>b { font-size:10px; }
  .phone-camera-view>small { font-size:3.5px; }
  .field-readings { padding-inline:10px; gap:4px; }
  .field-readings b { font-size:7px; }
  .field-readings small { font-size:3.5px; }
  .clip-workflow { grid-template-columns:minmax(0,1fr) 12px 88px; gap:9px; }
  .clip-source { padding:11px; }
  .clip-source>strong { font-size:25px; }
  .clip-source>span { font-size:4px; }
  .clip-source>small { font-size:4px; }
  .clip-poster>span { font-size:22px; }
  .clip-copy { display:block; }
  .clip-copy h3 br { display:initial; }
  .clip-copy p { margin-top:10px; max-width:100%; }
  .report-page { padding:16px; }
  .report-page>h3 { font-size:25px; }
  .report-metrics>span>b { font-size:22px; }
  .report-metrics>span>small { font-size:4px; }
}

.chapter-nav a[aria-current] { border-bottom-color:var(--brand-violet); }