/* Shared public book display and detail panel. No reader/editor styles leak in. */
.manual-showcase,.manual-detail,.book-panel{--manual-navy:#132b40;--manual-red:#b91e35;--manual-muted:#526372;font-family:Abel,'Arial Narrow',sans-serif;color:var(--manual-navy);font-size:18px;line-height:1.5}
.manual-showcase *,.manual-detail *,.book-panel *{box-sizing:border-box}
.manual-showcase{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:#fff;border:1px solid #d8e0e6;border-radius:6px;overflow:hidden;isolation:isolate}
.manual-showcase a,.manual-detail a{text-decoration:none}
.manual-showcase a:focus-visible,.manual-detail :is(a,button,input,summary):focus-visible,.book-panel button:focus-visible{outline:3px solid var(--manual-red);outline-offset:5px}
.manual-art-link{display:block;min-width:0;color:inherit;background:var(--manual-navy)}
.manual-stage{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;padding:48px 30px 30px;min-height:490px;height:100%;overflow:hidden;isolation:isolate;color:#f3f7fb;background:radial-gradient(ellipse at 48% 42%,#294a61 0,#152f45 56%,#102536 100%)}
.manual-stage::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#aac9dc0c 1px,transparent 1px),linear-gradient(90deg,#aac9dc0c 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.manual-stage-label{position:relative;align-self:flex-start;font-size:11px;letter-spacing:.17em;color:#bed0dc}
.manual-stage-caption{position:relative;font-size:14px;letter-spacing:.07em;color:#d2dfe8}
.manual-chart{position:absolute;width:min(115%,650px);height:auto;inset:50% auto auto 50%;transform:translate(-50%,-50%);stroke:#b5cfde;stroke-width:1;opacity:.22;pointer-events:none}
.manual-chart-aircraft{fill:#d6e7f0;stroke:none}
.manual-volume{position:relative;width:clamp(180px,20vw,255px);aspect-ratio:3/4;perspective:1000px;transform:rotate(-6deg);transition:transform .4s ease;filter:drop-shadow(18px 24px 15px #020e1a88);margin:8px 16px 8px 0}
.manual-volume::before{content:'';position:absolute;inset:5px -13px 3px auto;width:20px;transform:skewY(18deg);background:repeating-linear-gradient(to right,#e2dfd6 0px,#e2dfd6 1px,#fdfaf1 1px,#fdfaf1 3px);border:1px solid #b9bdbb;border-radius:0 4px 3px 0}
.manual-volume::after{content:'';position:absolute;z-index:3;inset:0 auto 0 0;width:17px;background:linear-gradient(90deg,#0008,#ffffff18 40%,#0004 55%,transparent);border-radius:3px 0 0 3px;pointer-events:none}
.manual-cover{position:relative;width:100%;height:100%;border:1px solid #a8b8c02e;border-radius:3px 2px 2px 3px;overflow:hidden;background:#0c2031;box-shadow:inset -1px 0 #fff3,4px 3px 0 #081d2b}
.manual-cover img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;margin:0}
.manual-cover-type{display:flex;flex-direction:column;height:100%;padding:25px 20px 20px 27px;text-align:left;gap:15px;background:linear-gradient(145deg,#263e51,#0c2031 80%)}
.manual-cover-type>span:first-child{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#ccdbe4}
.manual-cover-rule{display:block;width:30px;height:3px;flex:none;background:#e84a59}
.manual-cover-type strong,.books .manual-cover-type strong{font-size:clamp(24px,2.5vw,34px);font-weight:400;line-height:1.06;color:#fff;text-decoration:none;overflow-wrap:anywhere}
.manual-cover-type svg{width:100%;height:65px;min-height:20px;stroke:#afc9d9;opacity:.6;margin:auto 0;flex:1}
.manual-cover-type small{font-size:9px;line-height:1.7;letter-spacing:.12em;color:#bcced9}
.manual-art-link:hover .manual-volume{transform:translateY(-6px) rotate(-3deg)}
.manual-showcase-copy{padding:clamp(28px,4vw,58px);min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.manual-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--manual-red);margin:0 0 16px;line-height:1.6}
.manual-school{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--manual-muted);margin:0 0 12px}
.manual-school img{max-width:100px;max-height:28px;object-fit:contain}
.manual-showcase h3{font:400 clamp(32px,3.2vw,48px)/1.06 Abel,'Arial Narrow',sans-serif;letter-spacing:-.02em;margin:0 0 20px;overflow-wrap:anywhere}
.manual-showcase h3 a,.books .manual-showcase h3 a{color:var(--manual-navy)}
.manual-showcase h3 a:hover{color:var(--manual-red)}
.manual-description{font-size:18px;color:var(--manual-muted);line-height:1.6;margin:0 0 18px}
.manual-format{font-size:14px;color:var(--manual-muted);margin:0 0 16px}
.manual-card-prices{margin:5px 0 23px;width:100%;padding-top:20px;border-top:1px solid #d8e0e6}
.manual-card-prices strong{display:block;font-size:36px;font-weight:400;text-decoration:none;line-height:1.15;color:var(--manual-navy);margin-bottom:8px}
.manual-card-prices span{display:block;font-size:17px}
.manual-card-prices small{display:block;font-size:14px;color:var(--manual-muted);margin-top:4px}
.manual-button,.books .manual-button,.manual-purchase button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:12px 22px;border:1px solid var(--manual-red);border-radius:3px;font:inherit;font-size:17px;line-height:1.4;color:#fff;background:var(--manual-red);text-decoration:none;cursor:pointer;text-align:center}
.manual-button:hover,.books .manual-button:hover,.manual-purchase button:hover{background:#98172b;border-color:#98172b;color:#fff}
.manual-button-secondary,.books .manual-button-secondary{color:var(--manual-navy);border-color:#aebcc6;background:#fff}
.manual-button-secondary:hover,.books .manual-button-secondary:hover{background:#edf2f6;color:var(--manual-navy);border-color:#687e90}
.manual-fineprint{font-size:14px;color:var(--manual-muted);line-height:1.55;margin:14px 0 0}
.manual-detail{background:#fff;overflow-wrap:anywhere}
.manual-detail-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:start}
.manual-detail-hero>.manual-stage{height:100%;min-height:580px;gap:55px;justify-content:flex-start;padding-top:40px}
.manual-detail-hero .manual-volume{width:clamp(180px,22vw,265px)}
.manual-detail-copy{padding:36px clamp(24px,3vw,44px)}
.manual-detail h1{font:400 clamp(32px,3.2vw,47px)/1.09 Abel,'Arial Narrow',sans-serif;letter-spacing:-.02em;color:var(--manual-navy);margin:0 0 20px}
.manual-detail h1:focus{outline:none}
.manual-detail h2{font:400 30px/1.15 Abel,'Arial Narrow',sans-serif;color:var(--manual-navy);margin:0 0 16px}
.navy-site article.manual-showcase h3,.navy-site article.manual-detail h1,.navy-site article.manual-detail h2{font-family:Abel,'Arial Narrow',sans-serif;font-weight:400}
.manual-purchase{border-top:1px solid #d8e0e6;margin-top:24px;padding-top:22px}
.manual-purchase p{margin:0 0 16px;font-size:17px;line-height:1.55}
.manual-purchase .manual-price{font-size:34px;line-height:1.2;color:var(--manual-navy);margin-bottom:12px}
.manual-price small{display:block;font-size:16px;color:var(--manual-muted);line-height:1.4;margin-top:6px}
.manual-purchase .manual-notice{padding:14px 18px;border-left:3px solid var(--manual-red);background:#f0f4f7}
.manual-preserve{white-space:pre-wrap;overflow-wrap:anywhere}
.manual-terms{font-size:15px;background:#f0f4f7;padding:16px 18px;border-left:3px solid #a1b2c0;margin:18px 0}
.manual-terms:empty{display:none}
.manual-accept{display:flex;align-items:flex-start;gap:12px;line-height:1.5;font-size:16px;margin:18px 0;cursor:pointer}
.manual-accept input{appearance:auto;display:inline-block;flex:none;width:20px;height:20px;margin:3px 0 0;padding:0;accent-color:var(--manual-red)}
.manual-purchase .manual-button{width:100%;margin:0 0 14px}
.manual-detail-body{padding:34px clamp(24px,4vw,50px);border-top:1px solid #d8e0e6}
.manual-detail-body p{font-size:18px;color:var(--manual-muted);margin:0 0 18px}
.manual-detail-body a:not(.manual-button){color:var(--manual-red);text-decoration:underline;text-underline-offset:4px}
.manual-detail-body .manual-kicker{font-size:11px;color:var(--manual-red);margin-bottom:10px}
.manual-contents{margin-top:24px;padding:0;border-top:1px solid #d8e0e6;border-bottom:1px solid #d8e0e6}
.manual-contents summary{display:list-item;font-size:20px;cursor:pointer;padding:18px 4px;line-height:1.4;list-style-position:inside}
.manual-contents summary span{font-size:14px;color:var(--manual-muted);margin-left:15px;white-space:nowrap}
.manual-contents ol{list-style:none;margin:0;padding:0}
.manual-contents li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4px;border-top:1px solid #e2e8ed}
.manual-contents li>div{min-width:0}
.manual-contents small{display:block;color:var(--manual-muted);font-size:13px}
.manual-contents li a{flex:none;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.manual-update,.manual-next{margin-top:34px;padding-top:30px;border-top:1px solid #d8e0e6}
.manual-next a{display:inline-block;min-height:44px;margin:0 26px 0 0;font-size:17px}
html.book-panel-open{overflow:hidden;scrollbar-gutter:stable}
.book-panel{padding:0;border:1px solid #ccd6df;border-radius:8px;max-width:calc(100vw - 40px);width:1090px;max-height:calc(100dvh - 44px);height:auto;margin:auto;background:#fff;box-shadow:0 24px 100px #04121c80;overflow:hidden}
.book-panel[open]{display:flex;flex-direction:column}
.book-panel::backdrop{background:#071b2cd9;backdrop-filter:blur(5px)}
.book-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #d8e0e6;padding:8px 20px;flex:none}
.book-panel-toolbar button{font:inherit;font-size:16px;color:var(--manual-navy);background:transparent;border:0;min-height:44px;padding:8px 4px;cursor:pointer}
.book-panel-toolbar .book-panel-close{font-size:29px;line-height:1;min-width:44px}
.book-panel-scroll{overflow:auto;overscroll-behavior:contain;min-height:0}
.book-panel-loading{padding:70px 32px;text-align:center;font-size:20px}
@media(max-width:750px){
  .manual-showcase,.manual-detail-hero{grid-template-columns:minmax(0,1fr)}
  .manual-stage{min-height:390px;gap:28px;padding:28px 24px 22px}
  .manual-volume{width:185px}
  .manual-cover-type strong,.books .manual-cover-type strong{font-size:25px}
  .manual-cover-type{padding:22px 16px 16px 23px;gap:12px}
  .manual-cover-type svg{height:40px}
  .manual-showcase-copy{padding:28px}
  .manual-showcase h3{font-size:34px}
  .manual-detail-hero>.manual-stage{min-height:350px;gap:24px;padding:24px}
  .manual-detail-hero .manual-volume{width:165px;margin:0 12px 0 0}
  .manual-detail-hero .manual-cover-type strong{font-size:22px}
  .manual-detail-hero .manual-cover-type>span:first-child{font-size:9px}
  .manual-detail-copy{padding:28px 24px}
  .manual-detail h1{font-size:34px}
  .manual-detail-body{padding:28px 24px}
  .book-panel{max-width:100vw;width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0}
  .book-panel-toolbar{padding:calc(7px + env(safe-area-inset-top)) 14px 7px}
  .book-panel-scroll{padding-bottom:env(safe-area-inset-bottom)}
}
@media(prefers-reduced-motion:reduce){.manual-volume{transition:none}.manual-art-link:hover .manual-volume{transform:rotate(-6deg)}}
html.motion-paused .manual-volume{transition:none}
@media(forced-colors:active){.manual-stage{border:1px solid CanvasText}.manual-cover{border:2px solid CanvasText}.manual-button{border:2px solid ButtonText}.manual-chart{display:none}}