/* v024: ink, clean white and the blue found in the existing illustrations.
   Overview pages use the screen; prose retains a comfortable reading measure. */
:root{--paper:#fff;--ink:#202d39;--muted:#596b7b;--blue:#285e96;--line:#d8e2eb;--soft:#eff5fa;--page-width:3000px;--gutter:clamp(22px,4.2vw,160px)}
.ui-v024{background:var(--paper);color:var(--ink)}
.ui-v024 .site-header{background:#fff;border-bottom-color:#e4ebf1}
.ui-v024 .header-inner{min-height:92px}
.ui-v024 .brand-mark{transform:none}
.ui-v024 .brand-mark i{border-color:#285e96}
.ui-v024 .brand-mark i:last-child{background:#285e96}
.ui-v024 .brand strong{color:#24394d}
.ui-v024 .site-nav a{color:#465b6e}
.ui-v024 .site-nav a:hover,.ui-v024 .site-nav a[aria-current]{color:#285e96;border-color:#285e96}
.ui-v024 .button{border-radius:4px;background:#285e96;border-color:#285e96}
.ui-v024 .button:hover{background:#1d4875;border-color:#1d4875;transform:translateY(-1px)}
.ui-v024 .button.secondary{background:transparent;color:#285e96}
.ui-v024 .button.secondary:hover{background:#edf4fb}
.ui-v024 :focus-visible{outline-color:#285e96}
.ui-v024 .home-opening{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(44px,6vw,176px);padding:clamp(42px,3.5vw,94px) 0 clamp(44px,4vw,100px)}
.ui-v024 .home-intro h1{font-size:clamp(42px,3.6vw,96px);line-height:1.43;letter-spacing:.025em;color:#20374c;margin-bottom:clamp(24px,2vw,48px)}
.ui-v024 .home-intro>.eyebrow{font-size:clamp(12px,.7vw,18px);color:#456b8d;margin-bottom:clamp(18px,1.4vw,34px)}
.ui-v024 .home-tagline{font-size:clamp(16px,1vw,25px);color:#42596d;line-height:1.95;margin-bottom:clamp(28px,2.2vw,54px)}
.ui-v024 .story-book-name{font-size:clamp(13px,.8vw,19px)}
.ui-v024 .home-intro .button{font-size:clamp(14px,.85vw,20px);padding:clamp(12px,1vw,21px) clamp(22px,1.6vw,40px)}
.ui-v024 .home-intro .text-link{font-size:clamp(13px,.8vw,19px)}
.ui-v024 .home-intro .fiction-notice{font-size:clamp(11px,.66vw,16px)}
.ui-v024 .story-player{max-width:none;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.ui-v024 .story-player-heading{border-bottom:1px solid var(--line);padding:0 0 14px;margin-bottom:0}
.ui-v024 .story-heading{font-size:clamp(13px,.85vw,20px);color:#334f69;letter-spacing:.07em}
.ui-v024 .story-counter{font-size:clamp(12px,.7vw,17px);color:#61788d}
.ui-v024 .story-viewport{height:clamp(320px,23vw,640px);max-height:none;aspect-ratio:auto;border-radius:0;background:#fcfdfe}
.ui-v024 .story-caption{padding-top:20px}
.ui-v024 .story-caption h3{font-size:clamp(22px,1.4vw,33px);color:#20374c;line-height:1.6}
.ui-v024 .scene-description summary,.ui-v024 .story-read-link{font-size:clamp(12px,.7vw,17px)}
.ui-v024 .story-current-copy{font-size:clamp(14px,.8vw,19px);max-width:50em}
.ui-v024 .story-controls{border-top-color:#d8e2eb;margin-top:10px;padding-top:14px}
.ui-v024 .scene-select select{color:#385776;background:#edf3f8;border:1px solid #e1e9f1;border-radius:4px;font-size:clamp(13px,.75vw,18px)}
.ui-v024 .story-arrows button{border-color:#b6cadd;color:#285e96;background:#fff;touch-action:manipulation}
.ui-v024 .story-arrows button:hover:not(:disabled){background:#285e96;color:#fff}
.ui-v024 .scene-progress span{background:#e2ebf3}
.ui-v024 .scene-progress .is-current{background:#3973ae}
.ui-v024 .slide-hint{font-size:clamp(11px,.65vw,15px);color:#596f83}
.ui-v024 .home-portals{grid-template-columns:1.2fr 1fr;gap:clamp(24px,3.2vw,82px);padding-bottom:clamp(46px,4vw,100px)}
.ui-v024 .home-portal{border-radius:3px;padding:clamp(26px,2.4vw,60px);box-shadow:none}
.ui-v024 .home-portal .eyebrow{color:#4f7190;font-size:clamp(12px,.7vw,17px)}
.ui-v024 .home-portal h2{font-size:clamp(25px,1.7vw,42px);color:#243f59}
.ui-v024 .home-portal p{font-size:clamp(14px,.85vw,20px);max-width:42em;color:#4a6278}
.ui-v024 .tools-portal{background:#edf4fa;border:1px solid #e2ecf5;padding-right:clamp(26px,2.4vw,60px)}
.ui-v024 .tools-portal:hover{background:#e7f1f9}
.ui-v024 .blog-portal{background:#fff;border-block:1px solid #ccdbe8;padding-left:0;padding-right:0}
.ui-v024 .blog-portal:hover{background:#f8fbfd}
.ui-v024 .blog-portal h2{max-width:20em}
.ui-v024 .portal-note,.ui-v024 .portal-action{font-size:clamp(13px,.8vw,19px)}
.ui-v024 .portal-action{color:#285e96}
.ui-v024 .paper-motif{display:none}
.ui-v024 .site-footer{background:#f5f8fa;border-top-color:#e0e8ef}
.ui-v024 .footer-brand strong{color:#2e465e}
.ui-v024 .story-hub-hero{grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,156px);padding-block:clamp(42px,4vw,96px)}
.ui-v024 .story-hub-hero h1{font-size:clamp(32px,3vw,76px)}
.ui-v024 .story-hub-hero p:not(.eyebrow):not(.fiction-notice){font-size:clamp(16px,.95vw,22px)}
.ui-v024 .story-hub-hero figure{max-height:none;border-radius:4px}
.ui-v024 .story-hub-hero svg{height:clamp(340px,25vw,640px)}
.ui-v024 .chapter-gallery{gap:clamp(26px,2.5vw,54px) clamp(20px,2vw,48px)}
.ui-v024 .chapter-gallery h2{font-size:clamp(15px,.95vw,22px)}
.ui-v024 .chapter-thumb,.ui-v024 .blog-card-art,.ui-v024 .novel-illustration{border-radius:4px}
.ui-v024 .blog-main,.ui-v024 .position-page{max-width:2100px}
.ui-v024 .blog-intro h1{font-size:clamp(32px,3vw,64px)}
.ui-v024 .blog-empty-state{background:#f1f6fa;border:1px solid #e2ebf2;border-radius:4px}
.ui-v024 .journal-mark{background:#fff;border-color:#7798b8}
.ui-v024 .journal-mark::before,.ui-v024 .journal-mark::after{border-color:#a0b8cf}
.ui-v024 .book-title,.ui-v024 .novel-book>.wide,.ui-v024 .text-layout{max-width:2100px}
.ui-v024 .chapter-prose{max-width:760px}
.ui-v024 .blog-article{max-width:1640px}
.ui-v024 .blog-prose{max-width:760px;margin-inline:auto}
.ui-v024 .position-example{background:#f0f5f9;border:1px solid #e2ebf2;border-radius:4px}
.ui-v024 .download-card{border-color:#d8e2eb;border-radius:4px}
.ui-v024 .about-page{max-width:1480px}
@media(min-width:1800px){
 .ui-v024 .header-inner{min-height:106px}
 .ui-v024 .brand strong{font-size:clamp(20px,1vw,26px)}
 .ui-v024 .site-nav{gap:clamp(34px,2vw,64px)}
 .ui-v024 .site-nav a{font-size:clamp(15px,.82vw,20px)}
 .ui-v024 .story-arrows button{width:54px;height:54px}
 .ui-v024 .scene-select select{min-height:54px}
 .ui-v024 .section-heading h2,.ui-v024 .short-reading h2{font-size:40px}
 .ui-v024 .section-heading>p,.ui-v024 .short-reading p:not(.eyebrow){font-size:18px}
}
@media(max-width:1050px){
 .ui-v024 .home-opening{gap:32px;grid-template-columns:.94fr 1.06fr}
 .ui-v024 .home-intro h1{font-size:clamp(30px,4vw,42px)}
 .ui-v024 .home-tagline{font-size:15px}
 .ui-v024 .story-viewport{height:290px}
 .ui-v024 .story-caption h3{font-size:21px}
 .ui-v024 .home-portals{grid-template-columns:1fr 1fr;gap:26px}
 .ui-v024 .home-portal h2{font-size:24px}
}
@media(max-width:760px){
 :root{--gutter:22px}
 .ui-v024 .header-inner{min-height:0}
 .ui-v024 .home-opening{display:flex;gap:30px;padding:32px 0 36px}
 .ui-v024 .home-intro h1{font-size:clamp(34px,7.8vw,48px);line-height:1.45;margin-bottom:17px}
 .ui-v024 .home-intro>.eyebrow{font-size:11px;margin-bottom:13px}
 .ui-v024 .home-tagline{font-size:14px;margin-bottom:22px}
 .ui-v024 .home-intro .button{padding:11px 18px}
 .ui-v024 .story-player{padding:0}
 .ui-v024 .story-player-heading{padding-bottom:12px}
 .ui-v024 .story-viewport{height:auto;aspect-ratio:4/3;max-height:380px}
 .ui-v024 .story-caption h3{font-size:22px}
 .ui-v024 .story-caption{padding-top:16px}
 .ui-v024 .home-portals{grid-template-columns:1fr;gap:28px;padding-bottom:36px}
 .ui-v024 .home-portal{padding:26px}
 .ui-v024 .home-portal h2{font-size:25px}
 .ui-v024 .blog-portal{padding:26px 0}
 .ui-v024 .story-hub-hero{grid-template-columns:1fr;gap:24px;padding-block:32px}
 .ui-v024 .story-hub-hero h1{font-size:30px}
 .ui-v024 .story-hub-hero svg{height:280px}
 .ui-v024 .chapter-gallery h2{font-size:14px}
 .ui-v024 .daily-blog-main h1{font-size:30px}
}
@media(max-width:359px){:root{--gutter:16px}.ui-v024 .home-intro h1{font-size:32px}.ui-v024 .story-caption h3{font-size:20px}.ui-v024 .home-portal{padding:22px}.ui-v024 .blog-portal{padding-inline:0}}