/* Lulla award finishing layer · source-facing inner-page elevation */
.lv-reading-key{position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr);gap:clamp(1rem,3vw,2.2rem);max-width:960px;margin:clamp(1.25rem,4vw,2.3rem) auto clamp(2rem,5vw,3.5rem);padding:clamp(1rem,3vw,1.55rem);border:1px solid color-mix(in srgb,var(--lv-corpus,var(--lv-accent)) 34%,var(--lv-line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--lv-bg-card) 94%,var(--lv-corpus,var(--lv-accent)) 6%),var(--lv-bg-card));box-shadow:0 18px 50px color-mix(in srgb,var(--lv-corpus,var(--lv-accent)) 7%,transparent);overflow:hidden}
.lv-reading-key:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--lv-corpus,var(--lv-accent)),transparent 84%)}
.lv-reading-key__copy>span{display:block;margin-bottom:.35rem;color:var(--lv-accent-text);font:750 .64rem/1.2 var(--lv-font-ui);letter-spacing:.16em;text-transform:uppercase}
.lv-reading-key h2{max-width:none!important;margin:0!important;color:var(--lv-ink)!important;font:600 clamp(1.2rem,2.4vw,1.65rem)/1.2 var(--lv-font-display,var(--lv-font-prose))!important}
.lv-reading-key p{max-width:68ch!important;margin:.55rem 0 0!important;color:var(--lv-ink-soft)!important;font:400 .9rem/1.62 var(--lv-font-prose)!important}
.lv-reading-key nav{display:grid;align-content:center;gap:.35rem;padding-left:clamp(0rem,2vw,1rem);border-left:1px solid var(--lv-line)}
.lv-reading-key nav :is(a,button){box-sizing:border-box;display:flex;min-height:44px;align-items:center;justify-content:space-between;padding:.55rem .7rem;border:0;border-bottom:1px solid var(--lv-line);border-radius:0;background:transparent;color:var(--lv-ink);font:700 .72rem/1.3 var(--lv-font-ui);text-align:left;text-decoration:none;cursor:pointer}
.lv-reading-key nav :is(a,button):after{content:"→";color:var(--lv-accent-text);font-size:.9rem;transition:transform .18s ease}
.lv-reading-key nav :is(a,button):hover:after,.lv-reading-key nav :is(a,button):focus-visible:after{transform:translateX(3px)}
.lv-reading-key nav :is(a,button):focus-visible{outline:2px solid var(--lv-accent-text);outline-offset:2px}
.lv-guided-hub:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--lv-corpus,var(--lv-accent)),color-mix(in srgb,var(--lv-corpus,var(--lv-accent)) 18%,transparent),transparent)}
.lv-guide-head{position:relative;isolation:isolate}
.lv-guide-head:after{content:"";position:absolute;right:clamp(1rem,4vw,2.2rem);top:clamp(1rem,3vw,2rem);z-index:-1;width:clamp(88px,14vw,170px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--lv-corpus,var(--lv-accent)) 20%,transparent);border-radius:50%;box-shadow:inset 0 0 0 18px color-mix(in srgb,var(--lv-corpus,var(--lv-accent)) 3%,transparent),inset 0 0 0 19px color-mix(in srgb,var(--lv-corpus,var(--lv-accent)) 12%,transparent);opacity:.65}
.lv-story-context,.lv-source-panel,.lv-next-reading{scroll-margin-top:96px}
.lv-award-observe{opacity:0;transform:translateY(10px)}
.lv-award-observe.is-awake{opacity:1;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
html[data-lulla-device-tier="low"] .lv-award-observe{opacity:1;transform:none}
html[data-lulla-calm-motion] *,html[data-lulla-device-tier="low"] *{scroll-behavior:auto!important}
@media(max-width:720px){.lv-reading-key{grid-template-columns:1fr;margin-inline:.75rem}.lv-reading-key nav{padding:0;border-left:0;border-top:1px solid var(--lv-line)}.lv-guide-head:after{opacity:.35}}
@media(prefers-reduced-motion:reduce){.lv-reading-key nav :is(a,button):after,.lv-award-observe,.lv-award-observe.is-awake{opacity:1;transform:none;transition:none}.lv-reading-key nav :is(a,button):hover:after{transform:none}}
@media(forced-colors:active){.lv-reading-key{border:1px solid CanvasText;background:Canvas}.lv-reading-key:before,.lv-guide-head:after{display:none}.lv-reading-key nav :is(a,button){color:ButtonText}}