/* Requested refinements v6: illustrated learning, compact framing and emerald actions. */
.storybook .hero-team {filter:none;}
.storybook .story-reel {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 30px;overflow:visible;padding:0;scroll-snap-type:none;scroll-padding:0;}
.storybook .story-card {display:flex;flex-direction:column;min-width:0;flex-basis:auto;padding-bottom:26px;max-width:none;}
.storybook .story-card h3 {margin-top:23px;}
.storybook .story-title {min-height:62px;}
.storybook .story-meta {margin-bottom:24px;font-size:13px;min-height:20px;align-items:center;}
.storybook .story-badge {top:14px;right:14px;bottom:auto;left:auto;box-shadow:0 2px 8px #21152b55;}
.storybook .story-card-action {margin:auto 23px 0;min-height:54px;font:700 16px/1.3 var(--font);border-radius:9px;gap:10px;justify-content:center;box-shadow:inset 0 1px 0 #ffffff30,0 4px 0 #1a14253a;}
.storybook .story-card-read .icon:last-child {margin-left:auto;width:19px;height:19px;}
.storybook .story-card-read {background:linear-gradient(#537e6c,#365a4e);border-color:#9fc6a7;color:#fff7e9;}
.storybook .story-card-read:hover {background:#517e69;}
.storybook .story-card-unlock {background:linear-gradient(#ff9b69,#d45031);border-color:#ffd59c;color:#fff9e6;}
.storybook .story-card-unlock:hover {background:#ee7d50;}
.storybook .reel-heading {justify-content:center;text-align:center;margin-bottom:46px;}
.storybook .reel-heading h2 {font-size:clamp(33px,3.5vw,50px);}
.storybook .catalogue-link {display:flex;justify-content:center;margin-top:45px;}
.storybook .reel-notes {margin-top:30px;}
.storybook.catalog-mode .compact-brand {display:block;width:130px;}
.storybook.catalog-mode .topbar {position:relative;background:#2c1c33;border-bottom:1px solid #d6a36130;}
.storybook.catalog-mode .topbar .nav-how,.storybook.catalog-mode .topbar .nav-parents {display:none;}
.storybook.catalog-mode #landing>section:not(.story-section) {display:none;}
.storybook.catalog-mode .story-section {padding-block:90px 110px;}
.storybook.catalog-mode .story-section .reel-heading {margin-bottom:54px;}
/* A centered open book; readable copy lives outside the illustration. */
.storybook .about-section {position:relative;isolation:isolate;overflow:hidden;min-height:0;padding-block:95px 110px;background:#2b1b31;}
.storybook .about-section::after {display:none;}
.storybook .about-section .chapter-heading {margin-bottom:18px;max-width:930px;}
.storybook .learning-age {display:inline-flex;align-items:center;justify-content:center;margin:26px 0 0;padding:7px 22px;border:1px solid #d7a975;border-radius:30px;color:#ffedca;background:#533744;font:700 16px/1.5 var(--font);}
.storybook .learning-book-stage {position:relative;width:100%;max-width:none;margin:0;}
.storybook .learning-book-stage::after {content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#2b1b31,transparent 13%,transparent 83%,#2b1b31);}
.storybook .learning-book-stage img {display:block;width:100%;height:auto;}
.storybook .reading-steps.learning-plaques {position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:-25px 0 0;padding:0;align-content:stretch;}
.storybook .learning-plaques li {display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:28px 30px 32px;border:1px solid #b98b6480;border-radius:16px;background:linear-gradient(140deg,#674536,#422b3d 75%);box-shadow:inset 0 1px 0 #ffe1ae22,0 12px 30px #180f2333;}
.storybook .reading-steps li>.step-medallion {position:relative;display:block;width:86px;height:86px;border:0;border-radius:0;background:none;box-shadow:none;flex:none;margin:0;}
.storybook .medal-image {position:absolute;inset:0;display:block;overflow:hidden;}
.storybook .medal-image img {position:absolute;max-width:none;width:300%;height:auto;top:0;}
.storybook .medal-1 .medal-image img {left:0}.storybook .medal-2 .medal-image img {left:-100%}.storybook .medal-3 .medal-image img {left:-200%}
.storybook .learning-plaques h3 {font-size:27px;line-height:1.22;margin-bottom:14px;color:#ffe1b0;}
.storybook .learning-plaques p {font-size:16px;line-height:1.8;color:#f2dfd2;}
/* Each tab is a complete illustrated object, with live localized names. */
.storybook .character-tabs {grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:48px 0 40px;}
.storybook .character-tab,.storybook .character-tab[aria-selected=true],.storybook .character-tab:hover:not([aria-selected=true]) {position:relative;display:block;min-height:0;height:auto;aspect-ratio:3/1;padding:0;border:0;border-radius:14px;background:transparent;box-shadow:none;overflow:visible;isolation:isolate;}
.storybook .character-tab-art {display:block;width:100%;height:100%;object-fit:contain;transition:filter .18s ease,transform .18s ease;}
.storybook .tab-max-face {position:absolute;display:block!important;left:8.8%;top:12%;width:26.2%;aspect-ratio:1;overflow:hidden;border-radius:50%;pointer-events:none;}
.storybook .tab-max-face img {position:absolute;max-width:none;width:400%;height:auto;left:0;top:-14%;}
.storybook .tab-max-face::after {content:'';position:absolute;inset:0;border:2px solid #d29843;border-radius:50%;box-shadow:inset 0 -4px 3px #a6622677;}
.storybook .character-tab .character-tab-name {position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;left:var(--tab-label-left);right:var(--tab-label-right);top:var(--tab-label-top);bottom:var(--tab-label-bottom);padding:0;font:700 clamp(21px,2vw,29px)/1.15 var(--heading-font);color:#633820;text-shadow:0 1px 0 #fff4d6;overflow-wrap:normal;}
.storybook .character-tab {--tab-label-left:40%;--tab-label-right:10.5%;--tab-label-top:30%;--tab-label-bottom:26%;transition:filter .2s ease;}
.storybook .character-tab[data-character-id=ellie] {--tab-label-top:29.5%;--tab-label-bottom:26.5%;}
.storybook .character-tab[data-character-id=kip] {--tab-label-top:27%;--tab-label-bottom:30%;}
.storybook .character-tab[aria-selected=true] {filter:drop-shadow(0 0 6px #ffd389) drop-shadow(0 0 17px #ffac5888);}
.storybook .character-tab[aria-selected=true] .character-tab-art,.storybook .character-tab[aria-selected=true] .tab-max-face {filter:brightness(1.12) saturate(1.08);}
.storybook .character-tab[aria-selected=true] .character-tab-name {color:#943d20;}
.storybook .character-tab[aria-selected=true]::after {display:none;content:none;}
.storybook .character-tab:hover:not([aria-selected=true]) .character-tab-art {filter:brightness(1.08);}
.storybook .character-tab:focus-visible {outline:3px solid #ffd38b;outline-offset:5px;}
.storybook .character-panel,.storybook .character-panel[data-character] {align-items:stretch;min-height:0;}
.storybook .character-image {align-self:stretch;width:100%;min-height:0;}
.storybook .character-panel .portrait {height:100%;min-height:0;aspect-ratio:auto;max-height:none;}
.storybook .character-panel .portrait img {object-fit:cover;object-position:50% 42%;}
.storybook .character-copy {height:var(--profile-height,auto);min-height:0;}
/* The sample puzzle is direct and rewards a correct answer with a real next step. */
.storybook .learning-grid {align-items:stretch;}
.storybook .discovery-scene {position:relative;min-height:0;}
.storybook .discovery-art {height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center;}
.storybook .puzzle-card {min-height:0;padding:39px 34px 32px;display:flex;flex-direction:column;}
.storybook .puzzle-card h3 {font-size:30px;}
.storybook .puzzle-result {margin-top:auto;padding-top:27px;}
.storybook .puzzle-feedback {margin:0;min-height:50px;padding-top:20px;border-top:1px dashed #bd8a6170;}
.storybook .solved .puzzle-feedback {font:700 22px/1.4 var(--heading-font);color:#ffe4a4;border-top-color:#f3c37b99;min-height:0;}
.storybook .puzzle-continue {display:flex;width:100%;justify-content:center;margin-top:18px;text-align:center;font-size:16px;gap:10px;}
.storybook .puzzle-continue[hidden] {display:none;}
@media(min-width:1650px) {.storybook .learning-plaques {margin-top:-55px;}}
@media(max-width:1100px) {
 .storybook .story-reel {gap:30px 23px;}
 .storybook .story-card h3 {font-size:23px;margin-inline:20px;}
 .storybook .story-card-action {margin-inline:20px;font-size:15px;padding-inline:13px;}
 .storybook .story-meta {margin-inline:20px;}
 .storybook .learning-plaques li {padding:25px 23px 28px;}
 .storybook .learning-plaques h3 {font-size:25px;}
 .storybook .reading-steps.learning-plaques {gap:20px;}
 .storybook .character-tabs {gap:12px;}
 .storybook .character-tab .character-tab-name {font-size:23px;}
 .storybook .puzzle-card {padding:30px 26px;}
}
@media(max-width:900px) {
 .storybook .story-reel {grid-template-columns:repeat(2,minmax(0,1fr));}
 .storybook .about-section {padding-block:78px 85px;}
 .storybook .reading-steps.learning-plaques {margin-top:0;gap:17px;}
 .storybook .learning-plaques li {padding:23px 20px;}
 .storybook .reading-steps li>.step-medallion {width:72px;height:72px;}
 .storybook .learning-plaques h3 {font-size:23px;}
 .storybook .learning-plaques p {font-size:15px;}
 .storybook .character-tabs {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 23px;max-width:700px;margin-inline:auto;}
 .storybook .character-tab .character-tab-name {font-size:28px;}
 .storybook .character-panel .portrait {height:auto;aspect-ratio:4/3;max-height:none;}
 .storybook .character-image {max-width:700px;margin-inline:auto;}
 .storybook .discovery-art {height:auto;aspect-ratio:4/3;}
 .storybook .puzzle-card {min-height:0;}
}
@media(max-width:650px) {
 .storybook .reading-steps.learning-plaques {grid-template-columns:1fr;gap:18px;margin-top:12px;}
 .storybook .learning-plaques li {flex-direction:row;gap:17px;padding:25px 23px;align-items:flex-start;}
 .storybook .learning-plaques h3 {font-size:25px;margin-bottom:10px;}
 .storybook .learning-plaques p {font-size:16px;}
 .storybook .reading-steps li>.step-medallion {width:76px;height:76px;}
}
@media(max-width:580px) {
 .storybook .story-reel {grid-template-columns:1fr;gap:29px;}
 .storybook .story-card {width:100%;max-width:none;flex-basis:auto;padding-bottom:24px;}
 .storybook .story-card h3 {font-size:25px;margin-top:22px;}
 .storybook .story-title {min-height:0;}
 .storybook .story-meta {margin-top:16px;margin-bottom:22px;}
 .storybook .story-card-action {font-size:16px;min-height:54px;margin-inline:20px;}
 .storybook .catalogue-link {margin-top:36px;}
 .storybook .catalogue-link .button {font-size:15px;padding-inline:22px;width:100%;gap:12px;}
 .storybook.catalog-mode .topbar nav {display:none;}
 .storybook.catalog-mode .header-inner {min-height:85px;}
 .storybook.catalog-mode .compact-brand {width:107px;}
 .storybook.catalog-mode .header-tools {margin-left:auto;}
 .storybook.catalog-mode .story-section {padding-block:62px 75px;}
 .storybook .about-section {padding-block:68px 76px;}
 .storybook .about-section .chapter-heading {margin-bottom:22px;}
 .storybook .learning-age {margin-top:22px;font-size:15px;}
 .storybook .character-tabs {gap:14px 10px;margin-top:34px;margin-bottom:28px;}
 .storybook .character-tab .character-tab-name {font-size:22px;}
 .storybook .puzzle-card {padding:29px 24px;}
 .storybook .puzzle-continue {padding-inline:16px;font-size:15px;}
}
@media(max-width:370px) {
 .storybook .character-tab .character-tab-name {font-size:20px;}
 .storybook .learning-plaques li {padding:23px 19px;gap:13px;}
 .storybook .reading-steps li>.step-medallion {width:64px;height:64px;}
 .storybook .learning-plaques h3 {font-size:24px;}
}
@media(prefers-reduced-motion:reduce) {.storybook .character-tab,.storybook .character-tab-art {transition:none;}.storybook .character-tab:hover .character-tab-art {transform:none;}}
/* A compact persistent header keeps every navigation item and sign-in available. */
html {scroll-padding-top:calc(var(--header-height,72px) + 18px);}
.storybook .topbar,.storybook.catalog-mode .topbar,.storybook.account-mode .topbar {position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;}
.storybook .topbar .header-inner {min-height:88px;transition:min-height .2s ease;}
.storybook .topbar.is-stuck {background:#2c1b32f5;border-color:#d6a36155;box-shadow:0 5px 24px #150d2340;backdrop-filter:blur(12px);}
.storybook:not(.catalog-mode):not(.account-mode) .topbar:not(.is-stuck) {background:transparent;border-bottom:0;box-shadow:none;backdrop-filter:none;}
.storybook .topbar.is-stuck .header-inner {min-height:64px;gap:25px;}
.storybook .topbar.is-stuck .compact-brand {display:block;width:83px;}
.storybook .topbar .compact-brand img {max-height:53px;object-fit:contain;}
.storybook .topbar nav {display:flex!important;}
.storybook .topbar nav a {display:flex!important;}
.storybook .topbar.is-stuck nav {gap:26px;font-size:14px;}
.storybook .topbar.is-stuck .language-picker select {min-height:40px;padding-block:7px;}
.storybook .topbar.is-stuck .language-picker::after {top:14px;}
.storybook .topbar.is-stuck .login-link {font-size:14px;}
.storybook.catalog-mode main,.storybook.account-mode main {padding-top:var(--header-height,64px);}
@media(max-width:1100px) {
 .storybook .topbar .header-inner {width:calc(100% - 48px);}
 .storybook .topbar nav {gap:21px;font-size:14px;}
 .storybook .topbar.is-stuck .header-inner {gap:18px;}
 .storybook .topbar.is-stuck nav {gap:19px;font-size:13px;}
 .storybook .topbar .header-tools {gap:17px;}
}
@media(max-width:900px) {
 .storybook .topbar .header-inner,.storybook .topbar.is-stuck .header-inner {display:grid;grid-template-columns:1fr auto;gap:0 16px;padding-block:5px;min-height:0;}
 .storybook .topbar .compact-brand,.storybook .topbar.is-stuck .compact-brand {display:block;width:76px;grid-column:1;grid-row:1;}
 .storybook .topbar .compact-brand img {height:40px;max-height:40px;}
 .storybook .topbar .header-tools {grid-column:2;grid-row:1;margin:0;gap:17px;min-height:44px;}
 .storybook .topbar nav,.storybook .topbar.is-stuck nav {grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:12px;font-size:13px;line-height:1.25;}
 .storybook .topbar nav a {min-height:38px;justify-content:center;text-align:center;}
 .storybook .topbar .language-picker select {min-height:38px;min-width:112px;font-size:13px;padding:7px 32px 7px 14px;}
 .storybook .topbar .language-picker::after,.storybook .topbar.is-stuck .language-picker::after {top:13px;}
 .storybook .topbar .login-link,.storybook .topbar.is-stuck .login-link {min-height:40px;width:auto;border:0;padding:0;border-radius:0;font-size:13px;gap:7px;}
 .storybook .topbar .login-link>span {position:static;width:auto;height:auto;clip-path:none;overflow:visible;white-space:nowrap;}
}
@media(max-width:580px) {
 .storybook .topbar .header-inner,.storybook .topbar.is-stuck .header-inner {width:calc(100% - 32px);gap:0 10px;padding-block:4px;}
 .storybook .topbar .compact-brand,.storybook .topbar.is-stuck .compact-brand {width:68px;}
 .storybook .topbar .header-tools {gap:12px;}
 .storybook .topbar .language-picker select {min-width:106px;font-size:12px;}
 .storybook .topbar nav,.storybook .topbar.is-stuck nav {gap:8px;font-size:12px;}
 .storybook .topbar nav a {flex:1;min-width:0;min-height:40px;}
 .storybook .topbar .login-link,.storybook .topbar.is-stuck .login-link {font-size:12px;}
 .storybook .topbar .login-link .icon {width:18px;height:18px;}
}
@media(prefers-reduced-motion:reduce) {.storybook .topbar,.storybook .topbar .header-inner {transition:none;}.storybook .topbar.is-stuck {backdrop-filter:none;}}
/* Compact footer and brighter emerald reading actions. */
.storybook .story-card-read,.storybook .button-emerald {background:linear-gradient(180deg,#60cf95 0%,#288f60 18%,#1c7b4e 45%,#17613f 100%);border-color:#a3e8b9;color:#fffaf0;box-shadow:inset 0 2px 1px #d4ffe780,0 0 0 2px #48bf7d22,0 5px 0 #124832,0 8px 20px #152b2944;}
.storybook .story-card-read:hover,.storybook .button-emerald:hover {background:linear-gradient(180deg,#7ce8aa 0%,#359e6c 18%,#208254 45%,#1c6d48 100%);border-color:#d6ffdb;}
.storybook .button-emerald {border-radius:100px;min-height:56px;padding:14px 30px;font-size:17px;}
.storybook .site-footer {padding-block:18px;background:linear-gradient(#342238,#261a2f);}
.storybook .footer-inner {display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:24px;}
.storybook .footer-logo {width:100px;}
.storybook .footer-inner>div {min-width:0;}
.storybook .footer-inner p {font:700 15px/1.45 var(--font);margin:0 0 4px;}
.storybook .footer-inner small {font-size:12px;line-height:1.5;display:block;}
.storybook .footer-inner nav {display:flex;width:auto;border:0;padding:0;margin:0;gap:20px;justify-content:flex-end;font-size:13px;}
.storybook .footer-inner nav a {display:inline-flex;align-items:center;min-height:36px;}
/* Existing dimensional storybook illustrations also identify character traits. */
.storybook .character-traits>div {position:relative;padding-left:72px;min-height:64px;}
.storybook .character-traits dt {display:block;margin-bottom:6px;}
.storybook .character-traits dd {padding-left:0;}
.storybook .trait-art {position:absolute;left:0;top:0;display:block;width:58px;height:64px;overflow:hidden;pointer-events:none;}
.storybook .trait-art img {position:absolute;width:300%;max-width:none;height:auto;top:50%;transform:translateY(-50%);}
.storybook .trait-strength img {left:-200%;}
.storybook .trait-growth img {left:0;}
/* Visible language abbreviations, kept separate from the interface picker. */
.storybook .story-languages {display:flex;flex-direction:column;align-items:flex-end;gap:9px;}
.storybook .story-languages .language-caption {font-size:13px;font-weight:700;color:#f9dfbd;}
.storybook .language-badges {list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;}
.storybook .language-badges li {display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 11px;border:1px solid #d6ae7b88;border-radius:20px;background:#6a4b3c70;color:#fff0cf;font:700 12px/1.4 var(--font);letter-spacing:.025em;}
.storybook .language-badges li::before {content:'';width:5px;height:5px;flex:none;border-radius:50%;background:#ffd08c;box-shadow:0 0 6px #ffc87555;}
.storybook .language-badges li.available {background:#2e6d50;border-color:#92d6ac;color:#efffef;}
.storybook .language-badges li.available::before {background:#aaf3bc;}
.storybook .language-badges abbr {text-decoration:none;}
.storybook .story-languages .language-note {font-size:12px;line-height:1.5;color:#ddc9d6;max-width:400px;text-align:right;}
@media(max-width:900px) {
 .storybook .site-footer {padding-block:16px;}
 .storybook .footer-inner {grid-template-columns:82px minmax(0,1fr);gap:7px 20px;}
 .storybook .footer-logo {width:82px;grid-row:1;}
 .storybook .footer-inner nav {grid-column:2;font-size:13px;justify-content:flex-start;gap:20px;flex-wrap:wrap;}
 .storybook .footer-inner p {font-size:14px;}
}
@media(max-width:580px) {
 .storybook .footer-inner {grid-template-columns:66px minmax(0,1fr);gap:9px 17px;}
 .storybook .footer-logo {width:66px;}
 .storybook .footer-inner>div {min-width:0;}
 .storybook .footer-inner p {font-size:14px;line-height:1.5;margin-bottom:4px;}
 .storybook .footer-inner small {font-size:12px;line-height:1.5;}
 .storybook .footer-inner nav {grid-column:1/-1;justify-content:center;font-size:12px;gap:21px;}
 .storybook .character-traits>div {padding-left:64px;min-height:58px;}
 .storybook .trait-art {width:52px;height:58px;}
 .storybook .story-languages {align-items:flex-start;margin-top:8px;}
 .storybook .story-languages .language-note {text-align:left;}
 .storybook .catalogue-link .button-emerald {font-size:15px;padding-inline:22px;}
}
/* Fixed puzzle geometry reserves room for every answer and the continuation. */
.storybook .puzzle-card {height:var(--puzzle-height,auto);flex-shrink:0;}
.storybook .puzzle-card:not(.solved) .puzzle-continue {visibility:hidden;pointer-events:none;}
.storybook .puzzle-card h3,.storybook .puzzle-intro,.storybook .puzzle-body,.storybook .puzzle-result {flex-shrink:0;}
/* Click-only mental rotation: equal-area silhouettes provide no colour/size cue. */
.storybook .puzzle-card[data-puzzle-kind=turn] .puzzle-body {gap:23px;}
.storybook .puzzle-card[data-puzzle-kind=turn] .socket {width:154px;height:154px;}
.storybook .puzzle-card[data-puzzle-kind=turn] .puzzle-hole {display:block;width:108px;height:108px;overflow:visible;}
.storybook .puzzle-card[data-puzzle-kind=turn] .puzzle-hole path {fill:#38202d;stroke:#966127;stroke-width:.055;stroke-linejoin:round;}
.storybook .puzzle-card[data-puzzle-kind=turn].solved .puzzle-hole path {fill:#387250;stroke:#aed091;}
.storybook .puzzle-card[data-puzzle-kind=turn] .samples {display:flex;flex-wrap:nowrap;gap:17px;}
.storybook .puzzle-card[data-puzzle-kind=turn] .samples button {width:80px;height:80px;min-width:80px;min-height:80px;padding:7px;border-radius:19px;}
.storybook .puzzle-card[data-puzzle-kind=turn] .puzzle-piece-svg {display:block;width:62px;height:62px;overflow:visible;}
.storybook .puzzle-card[data-puzzle-kind=turn] .puzzle-piece-svg path {fill:#6c3c26;stroke:#89502d;stroke-width:.045;stroke-linejoin:round;}
.storybook .puzzle-card[data-puzzle-kind=turn].solved [data-shape=fit] {outline-color:#d6f7ab;background:radial-gradient(circle at 35% 20%,#e9f2b6,#9fc66f 80%);}
@media(max-width:580px) {
 .storybook .puzzle-card[data-puzzle-kind=turn] .socket {width:144px;height:144px;}
 .storybook .puzzle-card[data-puzzle-kind=turn] .samples {gap:12px;}
 .storybook .puzzle-card[data-puzzle-kind=turn] .samples button {width:70px;height:70px;min-width:70px;min-height:70px;padding:6px;border-radius:16px;}
 .storybook .puzzle-card[data-puzzle-kind=turn] .puzzle-piece-svg {width:54px;height:54px;}
}
@media(max-width:350px) {
 .storybook .puzzle-card[data-puzzle-kind=turn] .samples {gap:10px;}
 .storybook .puzzle-card[data-puzzle-kind=turn] .samples button {width:64px;height:64px;min-width:64px;min-height:64px;padding:5px;}
 .storybook .puzzle-card[data-puzzle-kind=turn] .puzzle-piece-svg {width:50px;height:50px;}
}
/* The caption and existing five language chips form one readable line. */
.storybook .story-languages {flex-direction:row;align-items:center;flex-wrap:nowrap;gap:13px;}
.storybook .story-languages .language-caption {flex:none;margin:0;white-space:nowrap;}
.storybook .language-badges {flex-wrap:nowrap;flex-shrink:0;}
.storybook .topbar .login-link.button-emerald {min-height:42px;padding:9px 19px;border:1px solid #a3e8b9;border-radius:100px;font-size:14px;gap:8px;white-space:nowrap;}
.storybook .topbar .login-link.button-emerald .icon {width:18px;height:18px;}
body.auth-open {overflow:hidden;}
body.interest-open {overflow:hidden;}
.storybook .interest-dialog {width:min(510px,calc(100% - 24px));max-height:calc(100dvh - 24px);border-color:#c5a36f;background:linear-gradient(145deg,#3b2b43,#291f34);}
.storybook .interest-dialog .dialog-content {padding:24px 26px 27px;}
.storybook .interest-dialog .dialog-cover {aspect-ratio:16/9;object-fit:cover;margin-bottom:19px;}
.storybook .interest-dialog .eyebrow {padding-right:12px;font-size:14px;line-height:1.5;}
.storybook .interest-dialog h2 {font:700 clamp(27px,5vw,34px)/1.2 var(--heading-font);letter-spacing:0;margin-bottom:14px;}
.storybook .interest-dialog #interest-body {font-size:16px;line-height:1.65;color:#fff0df;margin-top:0;}
.storybook .interest-dialog .interest-actions {margin-top:18px;}
.storybook .interest-dialog .interest-actions form {margin:0;}
.storybook .interest-dialog .interest-back {display:inline-block;min-height:44px;max-width:100%;padding:10px 0;border:0;background:transparent;color:#ecd0a5;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:14px;text-align:left;white-space:normal;cursor:pointer;}
.storybook .interest-dialog .interest-back:hover {color:#fff3d1;}
.storybook .interest-dialog .interest-back:focus-visible {outline:2px solid #ffe1a2;outline-offset:4px;border-radius:2px;}
@media(max-width:350px) {.storybook .interest-dialog .dialog-content {padding:20px 18px 23px;}}
.storybook #auth-dialog {width:min(458px,calc(100% - 24px));height:min(560px,calc(100dvh - 28px));max-height:none;overflow:hidden;background:#3a2949;border-color:#b99570;}
#auth-frame {display:block;border:0;width:100%;height:100%;background:#3a2949;}
#auth-status:empty {display:none;}
#auth-status:not(:empty) {position:absolute;bottom:0;left:0;right:0;margin:0;padding:16px 24px;background:#513347;color:#ffe3b0;font-size:14px;}
@media(max-width:1100px) {
 .storybook .reel-notes {flex-wrap:wrap;gap:20px;}
}
@media(max-width:580px) {
 .storybook .story-languages {gap:8px;justify-content:flex-start;margin-top:8px;}
 .storybook .story-languages .language-caption {font-size:11px;}
 .storybook .language-badges {gap:4px;}
 .storybook .language-badges li {padding:4px 6px;min-height:27px;gap:4px;font-size:10px;}
 .storybook .language-badges li::before {width:4px;height:4px;}
 .storybook .topbar .compact-brand,.storybook .topbar.is-stuck .compact-brand {width:50px;}
 .storybook .topbar .header-tools {gap:8px;}
 .storybook .topbar .language-picker select {min-width:100px;}
 .storybook .topbar .login-link.button-emerald {font-size:12px;padding:9px 12px;gap:6px;}
 .storybook #auth-dialog {height:min(650px,calc(100dvh - 28px));}
}