/* An illustrated lesson unfolds on one quiet, readable page. */
.story-reader{--story-ink:#153449;--story-muted:#526b78;--story-teal:#197b85;max-width:1160px}
.story-reader .quick-heading{margin-bottom:26px}.story-reader .quick-heading h1{font-size:clamp(30px,4vw,46px);line-height:1.16;max-width:920px}.story-reader .quick-kicker{letter-spacing:.1em;font-size:12px;text-transform:uppercase;margin-bottom:12px}
.story-reader .quick-panel{border:0;border-radius:24px;background:#f6fafc;color:var(--story-ink);box-shadow:0 20px 80px #02081150;overflow:hidden}
.story-reader .quick-panel-top{padding:22px 32px 0;display:flex;align-items:center;gap:24px;scroll-margin-top:92px}.story-reader .quick-position{font:500 13px/1.3 ui-monospace,monospace;letter-spacing:.08em;color:#547484;white-space:nowrap}.story-reader .quick-progress{display:flex;gap:7px;max-width:160px;margin-left:auto}.story-reader .quick-progress span{width:23px;height:3px;border-radius:5px;background:#d6e3e9}.story-reader .quick-progress .is-read{background:#73b4b6}.story-reader .quick-progress .is-current{background:#176e7d}
.story-reader .quick-body{padding:0;min-height:0}.story-scene{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);align-items:center;gap:36px;min-height:475px;padding:28px 34px 36px}.story-scene-copy h2{font-family:var(--font-serif,Georgia,serif);font-weight:400;font-size:clamp(28px,3vw,38px);line-height:1.14;letter-spacing:-1px;margin:0 0 22px;color:#113248;outline:none}.story-scene-copy>p{font-size:19px;line-height:1.65;color:#365665;max-width:40ch;margin:0}.story-scene-copy .story-takeaway{margin-top:25px;border-top:1px solid #cfdfe5;padding-top:17px;font-size:16px;line-height:1.5;color:#166572}.story-takeaway>span{display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em;font:600 10px/1.4 system-ui,sans-serif}
.story-reader .quick-nav{background:#eaf2f6;border-top:1px solid #d7e4ec;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;gap:10px}.story-reader .quick-nav button{background:transparent;color:#26586c;border:1px solid #b4ccd8;border-radius:9px;min-width:104px;min-height:48px;padding:12px 20px;font:500 15px/1.3 inherit;cursor:pointer}.story-reader .quick-nav [data-quick=next]{background:#145f72;border-color:#145f72;color:#fff}.story-reader .quick-nav button:disabled{opacity:.4;cursor:default}.story-reader .quick-nav button:focus-visible{outline:3px solid #cf773e;outline-offset:4px}.story-reader .quick-nav-position{font-size:12px;color:#526b78}
.lesson-figure{margin:0;min-width:0;width:100%;display:flex;flex-direction:column;justify-content:center;min-height:310px;border:0;background:transparent}.lesson-figure figcaption{margin:28px auto 0;max-width:48ch;text-align:center;color:#5c7582;font-size:14px;line-height:1.5;padding:0 6px}.scene-object{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;position:relative}.scene-object-art{display:flex;align-items:center;justify-content:center;width:92px;height:92px;flex-shrink:0;color:var(--object-colour,#197b85);border-radius:50%;background:color-mix(in srgb,var(--object-colour,#197b85) 7%,#f6fafc);margin-bottom:16px}.scene-object-art svg{width:68%;height:68%;overflow:visible}.scene-object strong{font-size:15px;line-height:1.35;font-weight:650;color:#234555;max-width:100%;overflow-wrap:break-word}.scene-object-detail{font-size:13px;line-height:1.4;color:#587480;margin-top:7px;max-width:20ch}.scene-object.is-focus .scene-object-art{box-shadow:0 0 0 5px color-mix(in srgb,var(--object-colour) 13%,transparent)}
.scene-sequence{display:flex;justify-content:center;align-items:flex-start;gap:2px}.scene-sequence>.scene-object{flex:1}.scene-join{width:34px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;margin-top:35px;position:relative;color:#76929d}.scene-join svg{width:34px;height:20px;stroke:currentColor;stroke-width:2;fill:none}.scene-join span{font-size:10px;line-height:1.25;position:absolute;top:-34px;width:65px;text-align:center;color:#496978}.scene-sequence:has(>.scene-object:nth-of-type(7)) .scene-object-art{width:74px;height:74px}
.scene-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;align-items:start}.scene-compare>.scene-object{padding:20px 12px;background:#fff;border-radius:14px;border:1px solid #dce7ec}.scene-layers{display:flex;flex-direction:column;gap:12px}.scene-layer{display:flex;align-items:center;position:relative;gap:18px;padding:14px 18px;border:1px solid #d3e2e8;background:#fff;border-radius:12px}.scene-layer .scene-object-art{width:55px;height:55px;margin:0}.scene-layer strong{font-size:16px;line-height:1.35}.scene-layer p{font-size:14px;line-height:1.4;margin:4px 0 0;color:#587480}.scene-layer-link{font-size:11px;position:absolute;top:-11px;right:20px;background:#f6fafc;color:#51717c;padding:0 8px}
.scene-timeline{list-style:none;margin:0;padding:0 0 0 10px}.scene-timeline li{position:relative;border-left:2px solid #bed1db;padding:4px 0 22px 25px;display:flex;align-items:center;gap:20px;justify-content:space-between}.scene-time-dot{position:absolute;left:-7px;top:25px;width:12px;height:12px;border-radius:50%;background:var(--object-colour)}.scene-timeline .scene-object-art{width:57px;height:57px;margin:0}.scene-timeline strong{font-size:16px;line-height:1.3}.scene-timeline p{font-size:14px;line-height:1.4;color:#587480;margin:5px 0 0}.scene-timeline li:last-child{padding-bottom:0}
.scene-network{position:relative;width:100%;height:360px;max-width:520px;margin:auto}.scene-network>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c0d2dd;stroke-width:.55}.scene-network-node{position:absolute;transform:translate(-50%,-50%);width:114px}.scene-network-node .scene-object-art{width:65px;height:65px;margin:0 0 7px;background:#eef4f8}.scene-network-node .scene-object strong{font-size:13px;background:#f6fafc;padding:2px 4px}.scene-network-node .scene-object-detail{font-size:11px;background:#f6fafc}.scene-relationships{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 15px;margin-top:12px}.scene-relationships p{font-size:12px;line-height:1.5;margin:0;text-align:center;color:#67808a}.scene-relationships span{color:#365b6a}.scene-relationships b{font-weight:500;color:#197b85}
.scene-bars{display:grid;gap:23px}.scene-bars p{display:flex;justify-content:space-between;gap:14px;font-size:15px;margin:0 0 8px;line-height:1.4}.scene-bars p strong{white-space:nowrap}.scene-bar-track{height:26px;border-radius:5px;background:#e3ecf1;overflow:hidden}.scene-bar-track i{height:100%;display:block;background:var(--object-colour);border-radius:5px}.scene-bars small{display:block;margin-top:6px;font-size:12px;color:#587480}.scene-drawing{width:100%;height:auto;display:block;overflow:visible}.scene-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 25px;margin-top:15px}.scene-legend>div{display:flex;gap:8px;align-items:flex-start}.scene-legend i{height:8px;width:8px;flex-shrink:0;border-radius:50%;margin-top:6px}.scene-legend strong{font-size:13px;line-height:1.4;font-weight:600}.scene-legend small{display:block;font-size:12px;line-height:1.4;color:#587480}
.story-next-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.story-next-links[hidden]{display:none}.story-next-links>.quick-note-label{grid-column:1/-1}.story-next-links>a{display:flex;flex-direction:column;gap:10px;border:1px solid #324759;padding:20px;border-radius:12px}.story-next-links strong{font-size:18px;font-weight:500;line-height:1.4;display:flex;justify-content:space-between;gap:16px}.story-next-links>a>span{font-size:14px;line-height:1.5;color:#b5c6d1}.story-reader .quick-notes{margin-top:30px}.story-reader .quick-notes summary{font-size:15px}.story-reader .quick-notes p{line-height:1.7}
@media(min-width:1000px){.story-scene:has(.scene-network){grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}}
@media(max-width:800px){.story-scene{grid-template-columns:1fr;gap:30px;padding:27px;min-height:0}.story-scene-copy h2{font-size:32px;max-width:22ch;margin-bottom:15px}.story-scene-copy>p{max-width:52ch;font-size:18px}.lesson-figure{min-height:250px;max-width:570px;margin:0 auto}.story-reader .quick-heading h1{font-size:32px}.story-reader .quick-panel{border-radius:16px}.story-reader .quick-panel-top{padding:20px 27px 0}.story-reader .quick-nav{padding:17px 25px}.story-reader .quick-nav-position{font-size:11px}.story-scene-copy .story-takeaway{font-size:15px}.scene-network{height:350px}}
@media(max-width:480px){.learn-page:has(.story-reader) .learn-shell{padding-left:14px;padding-right:14px}.learn-page:has(.story-reader) .learn-reading-toolbar{margin-bottom:22px;gap:15px}.story-reader .quick-heading h1{font-size:28px;letter-spacing:-.6px}.story-scene{padding:24px 20px;gap:28px}.story-scene-copy h2{font-size:29px}.story-scene-copy>p{font-size:17px;line-height:1.65}.story-reader .quick-panel-top{padding:19px 20px 0}.story-reader .quick-nav{padding:15px 18px}.story-reader .quick-nav button{min-width:85px;padding:11px 14px}.story-reader .quick-nav-position{max-width:100px;text-align:center}.lesson-figure figcaption{font-size:13px;margin-top:22px}.scene-object-art{width:75px;height:75px}.scene-sequence{flex-direction:column;align-items:stretch;gap:0;padding:0 5px}.scene-sequence>.scene-object{display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:20px;text-align:left;align-items:center}.scene-sequence .scene-object-art{width:65px;height:65px;grid-row:1/3;margin:0}.scene-sequence .scene-object strong{font-size:16px;align-self:end}.scene-sequence .scene-object-detail{align-self:start;max-width:none;font-size:13px;margin-top:3px}.scene-sequence>.scene-object:not(:has(.scene-object-detail)) strong{align-self:center;grid-row:1/3}.scene-sequence .scene-join{width:auto;height:30px;flex-direction:row;margin:5px 0 5px 23px;gap:15px}.scene-sequence .scene-join svg{transform:rotate(90deg);width:25px;height:18px;order:-1}.scene-sequence .scene-join span{position:static;width:auto;font-size:12px;text-align:left}.scene-compare{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.scene-compare>.scene-object{padding:17px 10px}.scene-compare:has(>.scene-object:nth-child(3)){grid-template-columns:1fr}.scene-compare:has(>.scene-object:nth-child(3))>.scene-object{display:grid;grid-template-columns:55px 1fr;column-gap:15px;text-align:left}.scene-compare:has(>.scene-object:nth-child(3)) .scene-object-art{width:48px;height:48px;margin:0;grid-row:1/3}.scene-compare:has(>.scene-object:nth-child(3)) .scene-object strong{align-self:end}.scene-network{height:320px}.scene-network-node{width:91px}.scene-network-node .scene-object-art{width:51px;height:51px}.scene-network-node .scene-object strong{font-size:12px}.scene-network-node .scene-object-detail{display:none}.scene-relationships{gap:5px 10px}.scene-relationships p{font-size:12px}.scene-layer{padding:12px;gap:12px}.scene-layer .scene-object-art{width:44px;height:44px}.scene-layer strong{font-size:15px}.scene-layer p{font-size:13px}.scene-legend{gap:10px 16px}.scene-legend strong{font-size:12px}.story-next-links{grid-template-columns:1fr}.story-next-links>a{padding:18px}.story-reader .quick-notes{display:block}.story-reader .quick-notes>details{margin-top:12px}}
@media(prefers-reduced-motion:no-preference){.story-scene{animation:story-reveal .2s ease-out}@keyframes story-reveal{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}
.story-reader .quick-panel{padding:0}.story-reader .quick-panel-top{margin-bottom:0}.story-reader .quick-nav{margin:0;border-radius:0;backdrop-filter:none}.story-reader .scene-join span{font-size:12px}.story-reader .scene-join{margin-top:40px}
@media(max-width:480px){.story-reader .scene-join{margin:5px 0 5px 23px}.story-reader .scene-sequence:has(>.scene-object:nth-of-type(7)) .scene-object-art{width:65px;height:65px}}
.scene-gap{width:12px}.scene-gap+ .scene-object{margin-left:4px}.scene-sequence+.scene-relationships{margin-top:26px}.scene-sequence+.scene-relationships p{font-size:13px}.scene-sequence+.scene-relationships b{font-weight:500}
@media(max-width:480px){.story-reader .scene-gap{height:12px;margin:0}.scene-gap+ .scene-object{margin-left:0}.scene-network{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;height:auto;max-width:none}.scene-network>svg{display:none}.scene-network-node{position:static;transform:none;width:auto}.scene-network-node .scene-object{height:100%;padding:12px 5px;background:#edf4f8;border-radius:12px}.scene-network-node .scene-object strong{font-size:13px;background:transparent}.scene-network-node .scene-object-detail{display:block;font-size:12px;background:transparent}.scene-network-node:last-child:nth-of-type(odd){grid-column:1/-1;max-width:170px;width:100%;justify-self:center}.scene-network-node .scene-object-art{width:60px;height:60px}.scene-relationships{display:grid;gap:9px;margin-top:18px}.scene-relationships p{text-align:left;font-size:13px;line-height:1.55}.scene-network-node .scene-object.is-focus .scene-object-art{box-shadow:none}.scene-kind-queue .scene-drawing{min-height:190px}}
.scene-legend-symbol{width:22px;height:22px;flex-shrink:0;color:#4d7687}.scene-legend-symbol svg{width:100%;height:100%}.story-reader .quick-nav button{font-family:inherit;font-size:15px;font-weight:500}
@media(max-width:480px){.scene-drawing .scene-svg-label{font-size:28px}.scene-drawing .scene-svg-note{display:none}}
.scene-network>svg{stroke:#658493;stroke-width:.5}
.scene-bars .scene-bar-unit{font-size:13px;color:#587480;margin-bottom:-7px;display:block;line-height:1.5}