/* A shared graphic language, with a distinct reading rhythm for each extra. */
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote){--extra-paper:#2f2981;--extra-accent:#4ae077;position:relative;isolation:isolate;overflow:visible;padding:28px 28px 48px;background:var(--extra-paper);border:0;border-radius:2px;box-shadow:none;color:#fff}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote):before{content:'';position:absolute;right:24px;top:26px;width:23px;height:23px;background:url('assets/brand/cultureria-ring.svg') center/contain no-repeat;pointer-events:none}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote):after{content:'';position:absolute;left:0;right:0;bottom:10px;height:14px;background:url('assets/brand/cultureria-ribbon.svg') center/100% 100% no-repeat;pointer-events:none}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote)>.lp-extra-preview-type{display:flex;align-items:center;gap:10px;color:#d4d0f9;margin:0 36px 22px 0;font:600 11px/1.5 var(--sans);letter-spacing:.015em}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote) .lp-extra-icon{width:28px;height:28px;border-radius:0;background:transparent;color:var(--gold)}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote) .lp-extra-icon svg{width:25px;height:25px}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote)>h3{font:700 clamp(23px,2.2vw,29px)/1.23 var(--sans);letter-spacing:-.025em;color:var(--extra-accent);max-width:30ch;margin:0 0 14px;padding-right:16px}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote)>p{font:400 13px/1.75 var(--sans);color:#dedcf5;margin:0 0 24px;max-width:60ch}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote) .lp-source-note{font:400 11px/1.7 var(--sans);color:#dedcf5;margin-top:16px}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote) .lp-source-note summary{color:#dedcf5;min-height:32px;line-height:1.5}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote) .lp-source-note blockquote{color:#fff;border-left-color:#8294ee80;padding-left:12px}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote)>img{border-radius:0;margin-bottom:24px}
/* A quiz reads as a small play surface, with clear answer states. */
.lp-simple .lp-extra-preview.lp-extra-preview-quiz:before{background-image:url('assets/brand/cultureria-spark.svg')}
.lp-simple .lp-extra-preview-quiz .lp-quiz-card{color:#fff}
.lp-simple .lp-extra-preview-quiz .lp-activity-progress{font:400 11px/1.5 var(--sans);color:#dedcf5;margin:0 0 20px}
.lp-simple .lp-extra-preview-quiz .lp-activity-progress>div{background:#8294ee45;height:3px}
.lp-simple .lp-extra-preview-quiz .lp-activity-progress i{background:var(--gold)}
.lp-simple .lp-extra-preview-quiz .lp-quiz-card h4{font:600 21px/1.4 var(--sans);letter-spacing:-.015em;color:#fff;margin:0 0 20px}
.lp-simple .lp-extra-preview-quiz .lp-options{gap:9px}
.lp-simple .lp-extra-preview-quiz .lp-options button{color:#fff;background:#211b63;border:1px solid #8294ee55;border-radius:8px;padding:13px 14px;min-height:52px;font:400 13px/1.5 var(--sans);gap:12px}
.lp-simple .lp-extra-preview-quiz .lp-options button:before{color:var(--gold);border:1px solid #c4ef4d80;background:transparent;flex-shrink:0;font-size:11px}
.lp-simple .lp-extra-preview-quiz .lp-options button:hover:not(:disabled){background:#40369b;border-color:var(--gold)}
.lp-simple .lp-extra-preview-quiz .lp-options button.lp-correct{background:#1a553f;color:#fff;border-color:#4ae077}
.lp-simple .lp-extra-preview-quiz .lp-options button.lp-incorrect{background:#5c294a;color:#fff;border-color:#ee9cba}
.lp-simple .lp-extra-preview-quiz .lp-feedback p{color:#fff;font-size:13px;line-height:1.75;margin:18px 0 0}
.lp-simple .lp-extra-preview-quiz .lp-feedback strong{color:var(--gold)}
.lp-simple .lp-extra-preview-quiz .lp-feedback button,.lp-simple .lp-extra-preview-quiz .lp-quiz-card .button{color:var(--bg);background:var(--gold);border:0;border-radius:24px;padding:11px 18px;font-size:12px;min-height:42px}
.lp-simple .lp-extra-preview-quiz button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* Facts unfold like numbered editorial notes. */
.lp-simple .lp-extra-preview-facts .lp-extra-topic-list{margin:0;padding:0;display:grid;gap:0}
.lp-simple .lp-extra-preview-facts .lp-extra-topic-list li+li{border-top:1px solid #8294ee55}
.lp-simple .lp-extra-preview-facts .lp-extra-inline-fact>summary{gap:14px;padding:17px 0;min-height:64px;font:600 16px/1.4 var(--sans);color:#fff}
.lp-simple .lp-extra-preview-facts .lp-extra-topic-number{font:400 29px/1 'Philosopher',serif;font-style:italic;color:var(--gold);min-width:34px}
.lp-simple .lp-extra-preview-facts .lp-fact-expand{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid #8294ee80;border-radius:50%;font-size:20px;line-height:1;color:var(--gold)}
.lp-simple .lp-extra-preview-facts .lp-extra-inline-fact[open]>summary{color:var(--gold)}
.lp-simple .lp-extra-preview-facts .lp-extra-inline-fact>div{margin:0 0 18px 48px;padding:14px 16px;border-left:2px solid #4ae077;background:#211b63}
.lp-simple .lp-extra-preview-facts .lp-extra-inline-fact>div>p{font:400 13px/1.8 var(--sans);color:#fff;margin:0}
.lp-simple .lp-extra-preview-facts .lp-extra-inline-fact .lp-fragment-play{font-size:12px;line-height:1.5;white-space:normal;color:var(--gold);margin-top:12px}
/* A gallery is framed like a visual plate, with the image taking priority. */
.lp-simple .lp-extra-preview.lp-extra-preview-gallery:before,.lp-simple .lp-extra-preview.lp-extra-preview-video:before{background:none;width:18px;height:18px;border-top:4px solid var(--gold);border-right:4px solid var(--gold);border-radius:0 7px 0 0}
.lp-simple .lp-extra-preview-gallery .lp-inline-gallery{margin-top:4px}
.lp-simple .lp-extra-preview-gallery .lp-inline-gallery figure{margin:0}
.lp-simple .lp-extra-preview-gallery .lp-inline-gallery figure>img{width:100%;height:auto;object-fit:contain;aspect-ratio:1630/965;border-radius:2px;box-shadow:0 0 0 6px #211b63}
.lp-simple .lp-extra-preview-gallery .lp-inline-gallery figcaption{font:400 12px/1.7 var(--sans);color:#dedcf5;margin:16px 0 0}
.lp-simple .lp-extra-preview-gallery .lp-gallery-controls{gap:18px;margin-top:20px}
.lp-simple .lp-extra-preview-gallery .lp-gallery-arrow{background:#211b63;border-color:#8294ee80;color:var(--gold)}
.lp-simple .lp-extra-preview-gallery .lp-gallery-arrow:not(:disabled):last-child{background:var(--gold);color:var(--bg);border-color:var(--gold)}
.lp-simple .lp-extra-preview-gallery .lp-gallery-position{color:#dedcf5}
.lp-simple .lp-extra-preview-gallery .lp-gallery-dots [aria-current=true]>span{background:#4ae077}
/* Reading notes keep generous leading instead of imitating a quotation. */
.lp-simple .lp-extra-preview.lp-extra-preview-text:before{background:var(--gold);width:28px;height:4px;border-radius:4px;transform:rotate(45deg);top:34px}
.lp-simple .lp-extra-preview-text .lp-inline-text{padding:2px 0 2px 18px;border-left:2px solid #4ae077;margin:4px 0 8px}
.lp-simple .lp-extra-preview-text .lp-inline-text p{font:400 16px/1.85 var(--sans);color:#fff;margin:0}
/* Media retain native controls and stay inside the same graphic frame. */
.lp-simple .lp-extra-preview .lp-inline-media{margin-top:6px;min-width:0}
.lp-simple .lp-extra-preview .lp-inline-media audio{display:block;width:100%;max-width:100%;color-scheme:dark;border-radius:28px;background:#211b63}
.lp-simple .lp-extra-preview .lp-inline-media video{display:block;width:100%;max-width:100%;max-height:420px;object-fit:contain;background:#100b38;border-radius:2px;box-shadow:0 0 0 6px #211b63}
.lp-simple .lp-extra-preview.lp-extra-preview-audio:before{background-image:url('assets/brand/cultureria-spark.svg')}
.lp-simple .lp-extra-preview-link .lp-inline-text,.lp-simple .lp-extra-preview-image .lp-inline-text{font-size:15px;line-height:1.8;color:#fff}
@media(max-width:600px){
 .lp-simple .lp-extra-preview:not(.lp-extra-preview-quote){padding:22px 20px 42px}
 .lp-simple .lp-extra-preview:not(.lp-extra-preview-quote):before{right:20px;top:25px;width:21px;height:21px}
 .lp-simple .lp-extra-preview:not(.lp-extra-preview-quote):after{height:12px;bottom:9px}
 .lp-simple .lp-extra-preview:not(.lp-extra-preview-quote)>h3{font-size:24px;padding-right:8px}
 .lp-simple .lp-extra-preview:not(.lp-extra-preview-quote)>.lp-extra-preview-type{margin-bottom:20px;font-size:10px}
 .lp-simple .lp-extra-preview-quiz .lp-quiz-card h4{font-size:19px}
 .lp-simple .lp-extra-preview-facts .lp-extra-inline-fact>div{margin-left:0;padding:14px}
 .lp-simple .lp-extra-preview-facts .lp-extra-inline-fact>summary{font-size:15px;gap:10px}
 .lp-simple .lp-extra-preview-text .lp-inline-text p{font-size:15px}
}

.lp-simple .lp-extra-preview-facts .lp-extra-inline-fact>summary .lp-extra-topic-number{font:italic 400 29px/1 "Philosopher",serif;color:var(--gold);min-width:34px}
/* Keep the format label outside the graphic surface, as in the quote cards. */
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote){margin-top:44px}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote)>.lp-extra-preview-type{position:absolute;left:0;top:-44px;height:30px;margin:0;color:var(--muted);font:400 12px/1.5 var(--sans);letter-spacing:0}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote) .lp-extra-icon{width:30px;height:30px;border-radius:8px;background:#2f298166}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote) .lp-extra-icon svg{width:22px;height:22px}
/* A living map of ideas: direct selection, no automatic changes of content. */
.lp-fact-constellation{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:28px 26px;align-items:center;min-height:240px;padding:16px 6px 24px}
.lp-fact-constellation>svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:none;stroke:#8294ee70;stroke-width:1;pointer-events:none}
.lp-fact-constellation>svg circle{stroke:#8294ee35;stroke-dasharray:3 7}
.lp-fact-constellation>svg path:last-child{stroke:#8294ee35;stroke-dasharray:4 5}
.lp-simple .lp-fact-constellation .lp-fact-node{--tilt:-3deg;display:flex;align-items:center;gap:10px;justify-content:flex-start;min-width:0;width:100%;min-height:74px;padding:15px 14px;background:#211b63;color:#fff;border:1px solid #8294eeb0;border-radius:44px;text-align:left;box-shadow:0 8px 18px #07043530;animation:lcIdeaFloat 7s ease-in-out infinite;animation-delay:calc(var(--node-index)*-2s);cursor:pointer}
.lp-simple .lp-fact-constellation .lp-fact-node:nth-of-type(2){--tilt:3deg}
.lp-simple .lp-fact-constellation .lp-fact-node:last-child:nth-of-type(3){grid-column:1/-1;width:72%;justify-self:center;--tilt:-1deg}
.lp-fact-node>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border:1px solid #8294ee80;border-radius:50%;font:400 10px/1 var(--sans);color:var(--gold)}
.lp-fact-node>strong{font:600 12px/1.4 var(--sans);overflow-wrap:anywhere}
.lp-simple .lp-fact-constellation .lp-fact-node[aria-pressed=true]{color:var(--bg);background:var(--gold);border-color:var(--gold);animation:none;transform:rotate(var(--tilt));box-shadow:0 8px 22px #07043545}
.lp-fact-node[aria-pressed=true]>span{color:var(--bg);border-color:#07043555}
.lp-simple .lp-fact-constellation .lp-fact-node:hover{border-color:#4ae077;animation-play-state:paused}
.lp-simple .lp-fact-constellation .lp-fact-node:focus-visible{outline:3px solid #4ae077;outline-offset:4px;animation-play-state:paused}
.lp-fact-map-hint{font:400 11px/1.5 var(--sans);color:#d0ccef;text-align:center;margin:0 0 20px}
.lp-fact-map-panels{list-style:none;margin:0;padding:0}
.lp-fact-map-panels>li[hidden]{display:none}
.lp-fact-map-panels>li:not([hidden]){animation:lcIdeaReveal .22s ease-out}
.lp-fact-map-reading{padding:20px;border-left:2px solid #4ae077;background:#211b63}
.lp-fact-map-index{font:400 10px/1.5 ui-monospace,monospace;color:var(--gold);letter-spacing:.1em}
.lp-simple .lp-fact-map-reading h4{font:600 20px/1.35 var(--sans);letter-spacing:-.02em;color:#4ae077;margin:10px 0 12px}
.lp-simple .lp-fact-map-reading>p{font:400 14px/1.75 var(--sans);color:#fff;margin:0}
.lp-simple .lp-fact-map-reading .lp-fragment-play{font-size:12px;color:var(--gold);white-space:normal;margin:12px 0 0;padding:8px 0}
.lp-fact-map-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0 0}
.lp-simple .lp-fact-map-nav button{display:grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;border:1px solid #8294ee80;border-radius:50%;background:#211b63;color:var(--gold);padding:0;font-size:20px;line-height:1}
.lp-simple .lp-fact-map-nav button:hover:not(:disabled){background:var(--gold);color:var(--bg)}
.lp-simple .lp-fact-map-nav button:disabled{opacity:.25}
.lp-fact-map-nav>span{font:400 11px/1.5 ui-monospace,monospace;color:#dedcf5}
@keyframes lcIdeaFloat{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-5px) rotate(calc(var(--tilt)*-1))}}
@keyframes lcIdeaReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* A small retro video deck, using the site's indigo and lime. */
.lp-simple .lp-extra-preview .lp-retro-video{position:relative;padding:0;margin:24px 0 4px;border:1px solid #8294ee80;border-radius:14px;background:#151043;box-shadow:0 4px 0 #120c38,0 12px 26px #07043535;overflow:hidden}
.lp-retro-top,.lp-retro-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;font:500 9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#b6b5e2}
.lp-retro-top{border-bottom:1px solid #8294ee35}
.lp-retro-top b{font-weight:400;color:#4ae077;margin:0 4px}
.lp-retro-state{display:flex;align-items:center;gap:6px;white-space:nowrap}
.lp-retro-state:before{content:'';width:5px;height:5px;background:#8294ee;border-radius:50%}
.is-running .lp-retro-state{color:var(--gold)}
.is-running .lp-retro-state:before{background:#4ae077}
.lp-retro-screen{position:relative;margin:12px;padding:5px;border:1px solid #8294ee55;border-radius:14px;background:#08042b;overflow:hidden;box-shadow:inset 0 0 0 3px #0005}
.lp-simple .lp-extra-preview .lp-retro-screen video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;max-height:none;border-radius:9px;box-shadow:none;background:#08042b}
.lp-retro-screen:after{content:'';position:absolute;inset:6px 6px 48px;pointer-events:none;border-radius:8px;background:repeating-linear-gradient(transparent 0 3px,#8294ee0c 3px 4px)}
.lp-retro-bottom{padding:0 16px 12px;font-size:8px;color:#b6b5e2}
.lp-retro-bottom>span:first-child{color:var(--gold);white-space:nowrap}
.lp-retro-tape{display:flex;align-items:center;justify-content:space-between;position:relative;width:74px;height:23px;padding:3px 7px;border:1px solid #8294ee55;border-radius:4px}
.lp-retro-tape:before{content:'';position:absolute;height:1px;left:15px;right:15px;top:50%;background:#8294ee80}
.lp-retro-tape i{display:block;width:13px;height:13px;border:1px dashed #c4ef4d;border-radius:50%;background:#151043;z-index:1}
.is-running .lp-retro-tape i{animation:lcTapeTurn 5s linear infinite}
.lp-simple .lp-retro-video>.lp-source-note{padding:12px 16px;margin:0;border-top:1px solid #8294ee35;background:#211b63}
@keyframes lcTapeTurn{to{transform:rotate(360deg)}}
@media(max-width:600px){.lp-fact-constellation{gap:20px 12px;padding:12px 0 20px;min-height:230px}.lp-simple .lp-fact-constellation .lp-fact-node{padding:12px 10px;gap:7px;min-height:78px;border-radius:28px}.lp-fact-node>strong{font-size:11px}.lp-fact-node>span{width:22px;height:22px;flex-basis:22px;font-size:9px}.lp-simple .lp-fact-map-reading h4{font-size:19px}.lp-fact-map-reading{padding:18px}.lp-retro-top{padding:10px;font-size:8px;letter-spacing:0}.lp-retro-screen{margin:8px;padding:3px}.lp-retro-bottom{padding:0 10px 10px;gap:8px;font-size:7px}.lp-retro-tape{width:58px}}
@media(prefers-reduced-motion:reduce){.lp-simple .lp-fact-constellation .lp-fact-node,.lp-fact-map-panels>li:not([hidden]),.is-running .lp-retro-tape i{animation:none}.lp-simple .lp-fact-constellation .lp-fact-node{transform:none}}
/* Match neighbours by their natural row height, never by clipping their content. */
.lp-simple .lp-station-extras .lp-extra-catalog{align-items:stretch}
.lp-simple .lp-extra-catalog>.lp-extra-preview{align-self:stretch}
.lp-simple .lp-extra-preview:not(.lp-extra-preview-quote)>.lp-inline-media{margin-top:auto;margin-bottom:auto}
.lp-simple .lp-extra-preview-facts>.lp-fact-map{display:flex;flex-direction:column;flex:1;min-width:0}
.lp-simple .lp-fact-map>.lp-fact-map-nav{margin-top:auto}
.lp-simple .lp-extra-preview-gallery>.lp-inline-gallery{display:flex;flex-direction:column;flex:1;min-width:0}
.lp-simple .lp-extra-preview-gallery .lp-gallery-controls{margin-top:auto;padding-top:20px}
.lp-simple .lp-extra-preview-quiz>.lp-quiz-card{display:flex;flex-direction:column;flex:1;min-width:0}
.lp-simple .lp-extra-preview-quiz>.lp-quiz-card>.lp-source-note{margin-top:auto;padding-top:18px}
.lp-simple .lp-extra-preview-quote>.lc-quote-figure{display:flex;flex-direction:column;flex:1}
.lp-simple .lp-extra-preview-quote .lc-quote-poster{flex:1}
.lp-simple .lp-extra-preview-quote .lc-quote-figure figcaption{flex-shrink:0}
@media(max-width:600px){
 .lp-simple .lp-extra-preview:not(.lp-extra-preview-quote)>.lp-inline-media{margin-top:6px;margin-bottom:0}
 .lp-simple .lp-extra-preview-quote .lc-quote-poster{flex:auto}
}

/* A single surface for the quotation, its voice and the reader's reflection. */
.lp-simple .lp-extra-preview-quote{position:relative;margin-top:44px;background:#191447;border-radius:2px;isolation:isolate}
.lp-simple .lp-extra-preview-quote>.lp-extra-preview-type{position:absolute;left:0;top:-44px;height:30px;margin:0;font-weight:400;color:var(--muted)}
.lp-simple .lp-extra-preview-quote .lc-quote-figure figcaption{padding:18px 26px 20px;gap:4px}
.lp-simple .lp-extra-preview-quote>.lc-quote-reflection{position:relative;margin:0 26px 26px;padding:22px 26px 24px;border:1px solid #8294ee55;border-radius:2px 28px 2px 2px;background:#24205b;color:#fff;overflow-wrap:anywhere}
.lp-simple .lc-quote-reflection:before{content:'';position:absolute;left:-1px;top:20px;bottom:20px;width:3px;background:#c4ef4d}
.lp-simple .lc-quote-reflection .lc-reflection-label{display:block;color:#c4ef4d;font:600 10px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.lp-simple .lc-quote-reflection p{font:italic 400 clamp(23px,2.15vw,29px)/1.3 var(--serif, 'Philosopher',serif);color:#fff;margin:0;max-width:27ch}
@media(max-width:600px){
 .lp-simple .lp-extra-preview-quote .lc-quote-figure figcaption{padding:16px 20px}
 .lp-simple .lp-extra-preview-quote>.lc-quote-reflection{margin:0 20px 20px;padding:20px}
}
/* Cassette deck: the same indigo housing and quiet mechanical detail as video. */
.lp-simple .lp-extra-preview .lp-retro-audio{padding:0;border:1px solid #8294ee80;border-radius:14px;background:#151043;box-shadow:0 4px 0 #120c38,0 12px 26px #07043535;overflow:hidden}
.lp-retro-audio audio[hidden]{display:none}
.lp-cassette{position:relative;margin:18px 20px 0;padding:16px 20px 12px;border:1px solid #8294ee70;border-radius:9px;background:#2f2981;box-shadow:inset 0 0 0 5px #211b63}
.lp-cassette-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;color:#d8d7f5;font:500 8px/1.4 ui-monospace,monospace;letter-spacing:.08em}
.lp-cassette-label>span:first-child{display:grid;place-items:center;width:23px;height:23px;border:1px solid #c4ef4d;color:#c4ef4d;font-size:15px}
.lp-cassette-window{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border:1px solid #8294ee70;border-radius:40px;background:#0c0831;box-shadow:inset 0 3px 9px #0005}
.lp-cassette-reel{position:relative;display:block;flex:none;width:56px;height:56px;border:7px solid #8294ee66;border-radius:50%;background:repeating-conic-gradient(#c4ef4d 0 12deg,transparent 12deg 60deg);box-shadow:0 0 0 1px #8294ee90}
.lp-cassette-reel:after{content:'';position:absolute;inset:12px;border-radius:50%;background:#151043;border:1px solid #c4ef4d}
.lp-cassette-tape{flex:1;height:24px;border-top:1px solid #4ae07780;border-bottom:1px solid #4ae07780;background:repeating-linear-gradient(90deg,transparent 0 4px,#8294ee40 4px 5px);opacity:.8}
.is-running .lp-cassette-reel{animation:lcTapeTurn 4s linear infinite}
.lp-cassette-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;color:#b6b5e2;font:400 7px/1.4 ui-monospace,monospace;letter-spacing:.07em}
.lp-cassette-foot i{width:5px;height:5px;border-radius:50%;border:1px solid #8294ee}
.lp-tape-controls{padding:18px 20px 16px}
.lp-tape-timeline{display:flex;align-items:center;gap:12px;color:#c4c8e2;font:400 10px/1.5 ui-monospace,monospace}
.lp-tape-timeline input{min-width:0;flex:1;width:100%;height:20px;accent-color:#c4ef4d;cursor:pointer;margin:0}
.lp-tape-timeline input:focus-visible{outline:2px solid #4ae077;outline-offset:3px}
.lp-tape-transport{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:12px}
.lp-simple .lp-tape-transport button{position:relative;display:grid;place-items:center;padding:0;width:42px;height:42px;min-height:42px;border:1px solid #8294ee60;border-radius:50%;background:transparent;color:#c4c8e2;font:400 23px/1 var(--sans)}
.lp-simple .lp-tape-transport .lp-tape-play{width:50px;height:50px;background:#c4ef4d;border-color:#c4ef4d;color:#070435;font-size:19px}
.lp-tape-transport button small{position:absolute;top:16px;font:600 8px/1 var(--sans)}
.lp-tape-transport button svg{width:20px;height:20px}
.lp-simple .lp-tape-transport button[aria-pressed=true]{color:#4ae077;background:#2f2981}
.lp-simple .lp-tape-transport button:focus-visible{outline:2px solid #4ae077;outline-offset:4px}
.lp-simple .lp-retro-audio>.lp-source-note{padding:12px 16px;margin:0;border-top:1px solid #8294ee35;background:#211b63}
@media(max-width:600px){.lp-cassette{margin:14px 12px 0;padding:14px}.lp-cassette-window{padding:12px;gap:10px}.lp-cassette-reel{width:46px;height:46px;border-width:6px}.lp-cassette-reel:after{inset:9px}.lp-tape-controls{padding:16px 14px}.lp-cassette-foot{font-size:6px}}
@media(prefers-reduced-motion:reduce){.is-running .lp-cassette-reel{animation:none}}
.lp-simple .lp-extra-preview .lp-retro-audio>audio[hidden]{display:none}

.lp-simple .lp-tape-transport button{justify-content:center}

/* Optical alignment and a consistent vector family for tape controls. */
.lp-simple .lp-tape-transport button svg{display:block;width:23px;height:23px;flex:none;overflow:visible}
.lp-simple .lp-tape-transport [data-tape-action="back"] svg{width:28px;height:28px}
.lp-simple .lp-tape-transport .lp-tape-play svg{width:25px;height:25px}
.lp-simple .lp-tape-transport .lp-tape-icon-play{transform:translateX(-1px)}
.lp-simple .lp-tape-transport .lp-tape-icon-pause,.lp-simple .lp-tape-transport .lp-tape-sound-off{display:none}
.lp-simple .is-running .lp-tape-transport .lp-tape-icon-play{display:none}
.lp-simple .is-running .lp-tape-transport .lp-tape-icon-pause{display:block}
.lp-simple .lp-tape-transport [aria-pressed="true"] .lp-tape-sound-waves{display:none}
.lp-simple .lp-tape-transport [aria-pressed="true"] .lp-tape-sound-off{display:block}
.lp-simple .lp-tape-transport button:hover{border-color:#c4ef4d;color:#c4ef4d}
.lp-simple .lp-tape-transport .lp-tape-play:hover{background:#d4fb6c;color:#070435}
/* A pocket notebook, with real selectable type on each turning sheet. */
.lp-simple .lp-extra-preview .lp-notebook{position:relative;margin:12px 0 0;padding:12px 12px 0 28px;border:1px solid #8294ee80;border-radius:5px 16px 16px 5px;background:#151043;box-shadow:0 5px 0 #110c38;min-width:0;border-left:0}
.lp-notebook-pages{position:relative;perspective:1200px;border-radius:2px 9px 9px 2px;background:#d9dfc4;box-shadow:3px 3px 0 #cbd0ba,6px 6px 0 #8294ee55;margin:0 6px 6px 0}
.lp-simple .lp-notebook-page{position:relative;min-height:310px;padding:20px 24px 46px 30px;border-radius:2px 9px 9px 2px;color:#171345;background:linear-gradient(90deg,transparent 18px,#e23f6d55 18px 19px,transparent 19px),repeating-linear-gradient(#f1f1df 0 27px,#8294ee35 27px 28px);transform-origin:left center;animation:lcNotebookTurn .38s ease-out}
.lp-simple .lp-notebook-page[hidden]{display:none}
.lp-notebook-page-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;color:#4a4674;font:500 8px/1.5 ui-monospace,monospace;letter-spacing:.08em;background:#f1f1df;padding:1px 0}
.lp-simple .lp-notebook .lp-notebook-page>p{font:400 18px/28px 'Philosopher',Georgia,serif;color:#171345;border:0;padding:0;margin:0;max-width:none;overflow-wrap:anywhere}
.lp-notebook-page-mark{position:absolute;right:20px;bottom:14px;color:#2f2981;font-size:24px}
.lp-notebook-binding{position:absolute;left:10px;top:28px;bottom:76px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.lp-notebook-binding i{width:26px;height:8px;border:2px solid #8294ee;border-radius:6px;background:#171345;box-shadow:0 2px 2px #0005}
.lp-simple .lp-notebook-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:14px 4px 14px 0;border:0}
.lp-notebook-count{font:400 10px/1.5 ui-monospace,monospace;color:#c4c8e2;letter-spacing:.04em}
.lp-simple .lp-notebook-nav button{display:grid;place-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:0;border:1px solid #8294ee80;border-radius:50%;background:transparent;color:#c4ef4d}
.lp-notebook-nav button svg{width:22px;height:22px}
.lp-simple .lp-notebook-nav button:disabled{opacity:.25;cursor:default}
.lp-simple .lp-notebook-nav button:hover:not(:disabled){background:#c4ef4d;color:#070435}
.lp-simple .lp-notebook-nav button:focus-visible{outline:2px solid #4ae077;outline-offset:3px}
.lp-notebook-backward .lp-notebook-page{animation-name:lcNotebookBack}
@keyframes lcNotebookTurn{from{transform:rotateY(-14deg);opacity:.35}to{transform:rotateY(0);opacity:1}}
@keyframes lcNotebookBack{from{transform:rotateY(10deg);opacity:.35}to{transform:rotateY(0);opacity:1}}
@media(max-width:600px){.lp-simple .lp-notebook-page{padding:18px 18px 42px 26px;min-height:300px}.lp-simple .lp-notebook .lp-notebook-page>p{font-size:18px}.lp-notebook-page-heading{font-size:7px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.lp-simple .lp-notebook-page{animation:none}}
/* Collectible question cards, with the answer opening an editorial note. */
.lp-simple .lp-extra-preview-quiz [data-lp-quiz]{margin:8px 0 12px;min-width:0}
.lp-quiz-sheet{position:relative;padding:20px 22px 24px;border:1px solid #8294ee80;border-radius:3px 18px 3px 3px;background:#191447;box-shadow:4px 4px 0 #8294ee33,8px 8px 0 #151043;animation:lcIdeaReveal .25s ease-out}
.lp-quiz-sheet-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #8294ee45;color:#b8b7dd;font:500 8px/1.5 ui-monospace,monospace;letter-spacing:.06em}
.lp-quiz-sheet-top>span:last-child{color:#c4ef4d;white-space:nowrap}
.lp-simple .lp-extra-preview-quiz .lp-quiz-sheet .lp-activity-progress{margin-bottom:15px;font-size:10px}
.lp-simple .lp-extra-preview-quiz .lp-quiz-sheet h4{font:600 21px/1.35 var(--sans);margin:0 0 22px;color:#fff}
.lp-simple .lp-extra-preview-quiz .lp-quiz-sheet .lp-options{gap:8px}
.lp-simple .lp-extra-preview-quiz .lp-quiz-sheet .lp-options button{border-radius:3px;background:#24205b;padding:12px;min-height:48px;font-size:12px;align-items:center}
.lp-simple .lp-extra-preview-quiz .lp-quiz-sheet .lp-options button:before{width:24px;height:24px;min-width:24px;border-radius:50%;font:500 10px/1 ui-monospace,monospace;display:grid;place-items:center}
.lp-simple .lp-extra-preview-quiz .lp-quiz-sheet .lp-options button:disabled{opacity:.55}
.lp-simple .lp-extra-preview-quiz .lp-quiz-sheet .lp-options button.lp-correct{opacity:1;background:#194c3e;border-color:#4ae077}
.lp-simple .lp-extra-preview-quiz .lp-quiz-sheet .lp-options button.lp-incorrect{opacity:1;background:#4b2446;border-color:#e591b0}
.lp-quiz-reveal{margin-top:20px;padding:18px;border-left:2px solid #4ae077;background:#2f298166}
.lp-quiz-reveal-label{color:#c4ef4d;font:600 9px/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.lp-simple .lp-extra-preview-quiz .lp-quiz-reveal>p{margin:10px 0 0;font-size:13px}
.lp-simple .lp-extra-preview-quiz .lp-feedback>.button{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;width:100%;border-radius:3px;background:#c4ef4d}
.lp-simple .lp-extra-preview-quiz .lp-feedback>.button>span{font-size:18px;line-height:1}
.lp-simple .lp-quiz-sheet-complete>p{font-size:14px;line-height:1.8;color:#d8d6ed}
.lp-quiz-complete-mark{display:block;font-size:48px;line-height:1;color:#c4ef4d;margin:18px 0}
/* Keep the quotation a postcard; let the reflection carry its own space. */
.lp-simple .lp-extra-preview-quote>.lc-quote-figure{flex:0 0 auto}
.lp-simple .lp-extra-preview-quote .lc-quote-poster{flex:none;min-height:260px;padding:50px 48px 58px}
.lp-simple .lp-extra-preview-quote>.lc-quote-reflection{flex:1;display:flex;flex-direction:column;justify-content:center;margin-top:4px;min-height:140px}
@media(max-width:600px){.lp-quiz-sheet{padding:18px 16px 22px}.lp-quiz-sheet-top{font-size:7px;letter-spacing:0}.lp-simple .lp-extra-preview-quiz .lp-quiz-sheet h4{font-size:20px}.lp-simple .lp-extra-preview-quote .lc-quote-poster{min-height:244px;padding:46px 40px 54px}}
@media(prefers-reduced-motion:reduce){.lp-quiz-sheet{animation:none}}
