:root{--gold:#bdbdb8;--teal:#8f8f89;--paper:#f4f1ea;--paper2:#e8e4dc}.reading-room{background:radial-gradient(ellipse at 50% 25%,#20201e 0,#10100f 40%,#020202 78%)}.ambient-light{background:radial-gradient(ellipse at 50% 28%,rgba(255,255,255,.055),transparent 45%)}.reader-bar{border-bottom-color:rgba(255,255,255,.13)}.reader-bar button:hover,.reader-footer button:hover,.toc-drawer>button span{color:#fff}.sound-prompt{border-color:rgba(255,255,255,.22);background:#111}.sound-prompt .gold-button{background:#efefe9;border-color:#efefe9;color:#111}.toc-drawer{background:#111;border-color:#3c3c38}.cover{border-color:rgba(255,255,255,.18)}.cover-leather{background:radial-gradient(circle at 32% 14%,rgba(255,255,255,.055),transparent 27%),repeating-linear-gradient(108deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),linear-gradient(120deg,#181817,#050505 45%,#0a0a09 76%,#000)}.cover-leather:after{border-color:rgba(255,255,255,.18);box-shadow:inset 0 0 0 5px rgba(0,0,0,.34),inset 0 0 46px rgba(0,0,0,.88)}.cover-tooling{border-color:rgba(255,255,255,.10)}.book-page.cover .page-content{padding:0;display:block}.book-page.cover .page-content>div{display:block;min-height:0;flex:none}.book-page.cover .cover-leather,.book-page.cover .cover-tooling{position:absolute;display:block;pointer-events:none}.book-page.cover .cover-leather{inset:0}.book-page.cover .cover-tooling{inset:24px}.book-page.cover .cover-composition{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:10.5% 10% 9%;gap:18px}.crown-cover-mark{display:block;width:34%;max-width:210px;height:auto;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.5));transform:translateZ(0)}.cover-name{margin:10px 0 0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,5.2cqi,39px);font-weight:400;line-height:1.08;letter-spacing:.15em;text-align:center}.cover-subtitle{margin:3px 0 0;color:rgba(255,255,255,.58);font-family:Arial,Helvetica,sans-serif;font-size:clamp(9px,1.75cqi,11px);letter-spacing:.2em;text-transform:uppercase}.letter-page .page-content{padding:clamp(46px,7.3cqi,68px)}.letter-page .kicker,.snapshot-page .kicker{margin-bottom:34px}.letter-greeting{font:400 clamp(21px,3.5cqi,28px) Georgia,"Times New Roman",serif;line-height:1.32;color:#171614;margin:0 0 24px}.letter-copy{font:400 clamp(16px,2.65cqi,20px) Georgia,"Times New Roman",serif;line-height:1.58;color:#292723;margin:0 0 18px}.letter-signoff{font:400 clamp(15px,2.45cqi,18px) Georgia,"Times New Roman",serif;line-height:1.65;color:#24221f;margin:30px 0 0}.letter-signoff strong{font-weight:600}.snapshot-page .page-content{padding:clamp(44px,7cqi,66px)}.snapshot-page .display-title{font-size:clamp(34px,6cqi,50px);max-width:90%;margin-bottom:22px}.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 24px}.snapshot-grid>div{border-top:1px solid #b9b2a8;padding:13px 0 3px;display:flex;flex-direction:column;gap:4px}.snapshot-grid strong{font:600 clamp(11px,1.8cqi,13px) Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#57524b}.snapshot-grid span{font:400 clamp(21px,3.6cqi,29px) Georgia,"Times New Roman",serif;line-height:1.15;color:#171614}.snapshot-grid small{font:400 clamp(11px,1.9cqi,13px) Arial,Helvetica,sans-serif;line-height:1.35;color:#746e65}.snapshot-note{font:400 clamp(17px,2.9cqi,21px) Georgia,"Times New Roman",serif;line-height:1.45;color:#292723;margin:18px 0 0}.source-note{font:400 clamp(10px,1.7cqi,12px) Arial,Helvetica,sans-serif;line-height:1.4;color:#7b746b;margin-top:18px}.closing-composition{justify-content:flex-end!important}.back-cover-thanks{margin:auto 0 0;font:400 clamp(28px,6cqi,44px) Georgia,serif;line-height:1.2;text-align:center;color:#f5f1e8}.back-cover-credit{width:100%;text-align:center;border-top:1px solid rgba(245,241,232,.22);padding-top:18px;margin:0 0 4%;font:400 clamp(10px,1.9cqi,12px) Arial,sans-serif;line-height:1.7;letter-spacing:.08em;color:#c9c9c3}.back-cover-credit strong{font-weight:600;color:#fff}#nl-badge-frame{display:none!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;clip-path:none!important}@media(max-width:760px){.reading-room{padding:4px 0 6px}.reader-bar,.reader-footer{width:100%;padding-inline:8px}.book-stage{width:100%;height:calc(100svh - 82px);margin:0 auto;min-height:0}.reader-bar{min-height:40px}.reader-actions{gap:7px}.reader-actions button{font-size:9px}.book-page:not(.cover) .page-content{padding:clamp(24px,5.4cqi,40px)}.letter-greeting{font-size:clamp(20px,5.1cqi,26px);margin-bottom:18px}.letter-copy{font-size:clamp(15px,4.1cqi,18px);line-height:1.5;margin-bottom:14px}.letter-signoff{font-size:clamp(14px,3.8cqi,17px);margin-top:22px}.snapshot-page .display-title{font-size:clamp(30px,8cqi,42px)}.snapshot-grid{gap:10px;margin-top:20px}.snapshot-grid span{font-size:clamp(18px,5.6cqi,26px)}.crown-cover-mark{width:35%;max-width:190px}.cover-name{font-size:clamp(24px,4.9cqi,35px);letter-spacing:.14em}.cover-subtitle{font-size:clamp(8px,1.7cqi,10px);letter-spacing:.18em}}
/* Final cover + fit corrections */
.crown-cover{padding:12% 7% 10%!important;gap:22px!important}.crown-cover-mark{width:92%!important;max-width:540px!important;max-height:42%!important;object-fit:contain!important}.cover-name{display:none!important}.cover-subtitle{margin-top:10px!important;font-size:clamp(10px,2cqi,13px)!important;letter-spacing:.24em!important}.letter-page .page-content{padding:clamp(30px,5.2cqi,46px)!important}.letter-page .kicker{margin-bottom:clamp(18px,3.4cqi,28px)!important}.letter-greeting{font-size:clamp(18px,3.05cqi,24px)!important;line-height:1.28!important;margin-bottom:18px!important}.letter-copy{font-size:clamp(13px,2.25cqi,17px)!important;line-height:1.43!important;margin-bottom:12px!important}.letter-signoff{font-size:clamp(12px,2.05cqi,15px)!important;line-height:1.48!important;margin-top:18px!important}.book-page[data-fit="1"] .letter-copy{font-size:clamp(12px,2.05cqi,15px)!important;line-height:1.4!important}.book-page[data-fit="2"] .letter-copy{font-size:clamp(11.5px,1.95cqi,14px)!important;line-height:1.37!important}.book-page[data-fit="3"] .letter-copy,.book-page[data-fit="4"] .letter-copy{font-size:clamp(11px,1.82cqi,13px)!important;line-height:1.34!important}.book-page[data-fit="2"] .letter-greeting,.book-page[data-fit="3"] .letter-greeting,.book-page[data-fit="4"] .letter-greeting{font-size:clamp(16px,2.55cqi,20px)!important}.book-page[data-fit="2"] .letter-signoff,.book-page[data-fit="3"] .letter-signoff,.book-page[data-fit="4"] .letter-signoff{font-size:clamp(11px,1.8cqi,13px)!important;margin-top:12px!important}@media(max-width:760px){.crown-cover-mark{width:90%!important;max-height:36%!important}.letter-page .page-content{padding:clamp(20px,4.5cqi,30px)!important}.letter-page .kicker{margin-bottom:16px!important}.letter-greeting{font-size:clamp(16px,4.4cqi,21px)!important;margin-bottom:14px!important}.letter-copy{font-size:clamp(11px,3.25cqi,15px)!important;line-height:1.38!important;margin-bottom:10px!important}.letter-signoff{font-size:clamp(10.5px,3cqi,13px)!important;line-height:1.4!important;margin-top:12px!important}.snapshot-grid{grid-template-columns:1fr 1fr}.snapshot-grid span{font-size:clamp(16px,4.8cqi,23px)}}

/* Crown & Core emblem — mobile-first cover sizing */
.crown-cover{
  padding:10% 9% 9%!important;
  gap:clamp(16px,3.5cqi,26px)!important;
}
.crown-cover-mark{
  width:clamp(118px,31cqi,176px)!important;
  max-width:none!important;
  max-height:24%!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto clamp(8px,2.5cqi,18px)!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.55))!important;
}
.cover-subtitle{
  margin-top:0!important;
}
@media(max-width:760px),(orientation:portrait){
  .crown-cover{
    padding:9% 8% 8%!important;
    gap:clamp(12px,3cqi,20px)!important;
  }
  .crown-cover-mark{
    width:clamp(110px,34cqi,142px)!important;
    max-height:22%!important;
    margin-bottom:clamp(6px,2cqi,12px)!important;
  }
}


/* Final cover lockup — emblem + supplied wordmark */
.crown-cover{
  justify-content:center!important;
  padding:10% 8% 9%!important;
  gap:0!important;
  transform:translateY(-2%);
}
.crown-cover-mark{
  width:clamp(112px,28cqi,158px)!important;
  max-width:158px!important;
  max-height:22%!important;
  height:auto!important;
  margin:0 auto clamp(18px,3.4cqi,28px)!important;
}
.crown-cover-wordmark{
  display:block;
  width:min(84%,430px);
  max-width:430px;
  max-height:11%;
  height:auto;
  object-fit:contain;
  margin:0 auto;
}
.cover-subtitle{
  margin:clamp(20px,4cqi,30px) 0 0!important;
  font-size:clamp(9px,1.8cqi,12px)!important;
  letter-spacing:.28em!important;
}
@media(max-width:760px),(orientation:portrait){
  .crown-cover{
    padding:9% 8% 8%!important;
    transform:translateY(-1.5%);
  }
  .crown-cover-mark{
    width:clamp(104px,31cqi,132px)!important;
    max-width:132px!important;
    max-height:20%!important;
    margin-bottom:clamp(15px,4cqi,22px)!important;
  }
  .crown-cover-wordmark{
    width:min(86%,340px);
    max-width:340px;
    max-height:10%;
  }
  .cover-subtitle{
    margin-top:clamp(18px,5cqi,24px)!important;
  }
}
@media(max-width:390px){
  .crown-cover-mark{
    width:112px!important;
    max-width:112px!important;
  }
  .crown-cover-wordmark{
    width:88%;
    max-width:300px;
  }
}

/* ===== Mobile-first pass (2026-09-28): bigger text, bigger book, bigger tap targets ===== */
@media(max-width:760px),(orientation:portrait){
  .reading-room{padding:4px 0 4px}
  .book-stage{width:100vw;height:calc(100svh - 118px)}
  .reader-bar{min-height:48px}
  .reader-bar button,.reader-footer button{font-size:12px!important;letter-spacing:.07em;padding:8px 4px}
  .reader-actions{gap:12px}
  .wordmark{letter-spacing:.16em!important}
  .reader-footer{height:52px}
  .reader-footer button{padding:12px 18px;font-size:13px!important}
  .side-turn{width:56px;height:96px;font-size:30px;background:rgba(0,0,0,.4)}
  .letter-page .page-content{padding:clamp(22px,5cqi,34px)!important}
  .letter-greeting{font-size:clamp(19px,5.4cqi,25px)!important;line-height:1.3!important;margin-bottom:16px!important}
  .letter-copy{font-size:clamp(15px,4.2cqi,19px)!important;line-height:1.52!important;margin-bottom:13px!important}
  .letter-signoff{font-size:clamp(14px,3.9cqi,17px)!important;line-height:1.5!important;margin-top:16px!important}
  .display-title{font-size:clamp(27px,7.4cqi,40px)!important}
  .chapter-title{font-size:clamp(30px,8.4cqi,48px)!important}
  .kicker{font-size:clamp(10px,2.2cqi,13px)!important;margin-bottom:clamp(14px,3cqi,22px)!important}
  .story-copy{font-size:clamp(14px,3.8cqi,18px)!important;line-height:1.55!important}
  .snapshot-note{font-size:clamp(15px,4cqi,19px)!important}
  .source-note{font-size:clamp(11px,2.4cqi,14px)!important}
  .contents-list button{font-size:clamp(14px,3.6cqi,17px)!important;padding:14px 4px!important}
  .question-list li{font-size:clamp(14px,3.8cqi,18px)!important;line-height:1.45!important;margin-bottom:10px}
  .fact-stack p,.plain-rules p,.r3-steps p{font-size:clamp(13px,3.4cqi,16px)!important}
  .r3-steps strong,.fact-stack strong,.plain-rules strong{font-size:clamp(14px,3.8cqi,18px)!important}
  .qr-intro{font-size:clamp(13px,3.4cqi,16px)!important}
  .qr-card strong{font-size:clamp(13px,3.4cqi,16px)!important}
  .qr-card button{padding:12px 18px!important;font-size:14px!important}
  .demo-button{padding:16px 22px!important;font-size:16px!important}
  .status-chip{font-size:clamp(10px,2.4cqi,13px)!important}
  .toc-drawer{width:min(430px,calc(100vw - 20px));top:52px;right:10px;padding:24px}
  .toc-drawer h2{font-size:32px}
  .toc-drawer>button{font-size:16px;padding:16px 0}
  .drawer-heading{font-size:13px}
  .sound-prompt{width:min(360px,calc(100vw - 32px));font-size:15px}
  .sound-prompt button{padding:12px 14px;font-size:14px}
  .report-panel h2{font-size:28px}
  .report-panel{font-size:17px;line-height:1.55}
}
@media(max-width:390px){
  .letter-copy{font-size:clamp(14px,4.4cqi,17px)!important}
  .display-title{font-size:clamp(25px,7.6cqi,34px)!important}
}
@media(max-width:760px),(orientation:portrait){
  .crown-cover-mark{width:clamp(120px,52cqi,240px)!important;max-height:30%!important}
  .cover-subtitle{font-size:clamp(12px,3cqi,16px)!important}
}
@media(max-width:760px),(orientation:portrait){
  .book-page.cover .page-content>div{height:100%}
  .book-page.cover .cover-composition{height:100%!important;justify-content:center!important;gap:26px!important}
}

/* The supplied mark PNG (1416x148) has vertically clipped glyphs in the source asset -
   hide it everywhere; the clean wordmark carries the cover. */
.crown-cover-mark{display:none!important}
.crown-cover-wordmark{width:min(86%,460px)!important;height:auto!important}

/* QR SVGs were created scalable with no intrinsic size and collapsed to 0x0. */
.qr-card [data-qr-value]{display:block;width:100%;max-width:220px;margin:0 auto}
.qr-card [data-qr-value] svg{display:block;width:100%;height:auto}
