/* Illustrated atlas, interactive graphic story and magnified page controls */
.art-zoom-controls{display:flex;align-items:center;gap:7px;margin-left:auto;white-space:nowrap;color:var(--ink);font-size:11px;font-weight:800}.art-zoom-controls .icon-btn{width:31px;height:31px;font-size:18px;font-weight:700;border-radius:9px}
.book-surround .leaf-verses{font-size:calc(15px * var(--page-zoom,1))}.book-surround .leaf-art img{height:calc(215px * var(--page-zoom,1))}.book-surround .leaf-title h3{font-size:calc(24px * var(--page-zoom,1))}.book-surround .book-leaf{min-height:calc(670px * var(--page-zoom,1))}
.leaf-expand{position:absolute;top:8px;right:8px;width:33px;height:33px;display:grid;place-items:center;border:1px solid #fff8ed91;border-radius:9px;background:#193345cc;color:#fff;z-index:3;opacity:.86;transition:.2s}.leaf-expand:hover{opacity:1;transform:scale(1.07)}
.book-corner{position:absolute;bottom:1px;z-index:9;border:0;color:#886d47;font:44px/1 Georgia,serif;background:linear-gradient(130deg,#d8be91,#f6ebd6);width:36px;height:40px;opacity:.75;transition:transform .2s,opacity .2s;box-shadow:0 -4px 9px #00000012;display:grid;place-items:center}.book-corner:hover{opacity:1;transform:translateY(-4px)}.book-corner:disabled{opacity:.15}.book-corner-left{left:0;clip-path:polygon(0 0,100% 100%,0 100%);padding-top:13px}.book-corner-right{right:0;clip-path:polygon(100% 0,100% 100%,0 100%);padding-top:13px}
.art-atlas{margin-top:44px}.art-mini-rail{display:flex;gap:13px;overflow-x:auto;padding:7px 5px 16px;margin-top:5px;scroll-snap-type:x mandatory;scrollbar-color:var(--gold) transparent}.art-tile{background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;text-align:left;padding:0;min-width:175px;width:175px;flex:0 0 175px;scroll-snap-align:start;transition:transform .2s,box-shadow .2s,border-color .2s;color:var(--ink)}.art-tile:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 9px 24px #1a2c3625}.art-tile img{width:100%;height:112px;object-fit:cover;display:block}.art-tile strong{font:700 12px/1.4 Georgia,serif;padding:12px 11px 4px}.art-tile small{font-size:10px;color:var(--muted);padding:0 11px 11px}.art-all-scenes{margin-top:12px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:15px 18px}.art-all-scenes summary{list-style:none;display:flex;align-items:center;gap:10px;justify-content:space-between;cursor:pointer;color:var(--golddeep);font-weight:800;font-size:12px}.art-all-scenes summary::-webkit-details-marker{display:none}.art-all-scenes[open] summary svg{transform:rotate(90deg)}.art-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px;padding-top:20px}.art-gallery-grid .art-tile{width:100%;min-width:0;max-width:none}.art-gallery-grid .art-tile img{height:132px}.art-lightbox{border-radius:12px;overflow:auto;max-height:76vh;background:#101f29;display:grid;place-items:center;touch-action:pan-x pan-y pinch-zoom}.art-lightbox img{display:block;width:auto;max-width:100%;max-height:70vh;object-fit:contain}.modal-panel:has(.art-lightbox){width:min(1120px,100%)}
.comic-hero{position:relative;overflow:hidden;border-radius:19px;padding:37px 40px;background:linear-gradient(120deg,#142b3c 0%,#254457 56%,#4f604d 100%);color:#fff0d8;box-shadow:0 12px 32px #00000015}.comic-hero:after{content:'✦';position:absolute;right:47px;top:-40px;color:#ffffff10;font:250px Georgia,serif;pointer-events:none}.comic-hero .eyebrow{color:#efd4a3}.comic-hero h2{font-weight:400;font-size:clamp(29px,3.5vw,45px);margin:10px 0 10px}.comic-hero p{font-size:13px;color:#d5e0dd;max-width:740px;line-height:1.75;margin:0}
.comic-story-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0 27px}.comic-story-card{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:13px;display:flex;align-items:center;min-width:0;padding:7px;text-align:left;gap:10px;transition:.2s}.comic-story-card img{width:74px;height:68px;object-fit:cover;flex:0 0 74px;border-radius:8px}.comic-story-card span{min-width:0;display:flex;flex-direction:column;gap:5px}.comic-story-card strong{font:700 12px/1.3 Georgia,serif}.comic-story-card small{font-size:9px;color:var(--muted)}.comic-story-card.active{border-color:var(--gold);box-shadow:0 0 0 2px #c49a5d33;background:var(--surface2)}.comic-story-card:hover{border-color:var(--gold)}
.comic-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:24px;align-items:start}.comic-reading-main{min-width:0}.comic-reading-head{padding:13px 0 17px}.comic-reading-head h2{font-size:clamp(30px,3vw,41px);font-weight:400;margin:8px 0}.comic-reading-head p{font-size:12px;color:var(--muted);margin:0}
.comic-focus{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);background:var(--surface);border:1px solid var(--border);border-radius:17px;overflow:hidden;box-shadow:0 15px 32px #162d390d}.comic-focus-image{position:relative;background:#1b3541;display:grid;place-items:center;min-width:0}.comic-focus-image img{width:100%;height:100%;min-height:390px;max-height:550px;object-fit:cover;display:block}.comic-focus-image button{position:absolute;right:12px;bottom:12px;border-radius:10px;background:#102c40d9;color:#fff;border:1px solid #ffffff65;display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:700}.comic-focus-image button:hover{background:#102c40}.comic-caption{display:flex;flex-direction:column;justify-content:center;padding:clamp(18px,2.8vw,34px);background:radial-gradient(circle at 70% 0%,#fff5de22,transparent 70%),var(--surface)}.comic-caption>span{font-size:10px;color:var(--golddeep);font-weight:800;letter-spacing:.15em}.comic-caption h3{font-size:clamp(24px,2.4vw,35px);font-weight:400;margin:9px 0}.comic-caption p{font-size:13px;color:var(--muted);line-height:1.8}.comic-caption>strong{font-size:12px;color:var(--golddeep)}.comic-caption blockquote{border-left:2px solid var(--gold);margin:19px 0 0;padding:2px 0 2px 13px;display:grid;gap:10px}.comic-caption blockquote span{font:italic 15px/1.65 Georgia,serif;color:var(--ink)}.comic-caption blockquote small{font-size:9px;color:var(--muted);font-family:system-ui,sans-serif}
.comic-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0}.comic-controls .btn{min-width:107px}.comic-dots{display:flex;gap:9px}.comic-dots button{border:0;border-radius:40px;width:9px;height:9px;padding:0;background:#bdc7c4}.comic-dots button.active{background:var(--golddeep);width:27px}
.comic-panel-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.comic-panel-thumbnails button{min-width:0;padding:6px 6px 11px;background:var(--surface);border:1px solid var(--border);border-radius:11px;display:grid;gap:7px;color:var(--ink);text-align:left}.comic-panel-thumbnails button.active{border-color:var(--gold);box-shadow:0 0 0 2px #c49a5d30}.comic-panel-thumbnails img{width:100%;height:94px;object-fit:cover;border-radius:7px}.comic-panel-thumbnails span{font-size:10px;padding:0 3px;font-weight:700;line-height:1.4}
.comic-side{display:grid;gap:17px;position:sticky;top:22px}.comic-page-card{overflow:hidden}.comic-page-card>img{display:block;width:100%;height:auto}.comic-page-card>div{padding:17px}.comic-page-card h3{font-size:18px;margin:8px 0 12px}.comic-page-card .btn{font-size:11px}.comic-side .card-pad{padding:23px}.comic-side .card-pad .btn{width:100%;justify-content:center}.comic-disclaimer{margin-top:23px;font-size:11px;color:var(--muted);line-height:1.7;border-left:3px solid var(--gold);padding:7px 12px}
@media(max-width:1250px){.comic-story-card{flex-direction:column;align-items:stretch}.comic-story-card img{width:100%;height:84px;flex:auto}.comic-story-card span{padding:3px 3px 8px}.comic-reading-layout{grid-template-columns:minmax(0,1fr) 220px;gap:15px}.comic-focus{grid-template-columns:minmax(0,1fr)}.comic-focus-image img{max-height:430px;min-height:315px}.comic-caption{padding:22px}.comic-caption blockquote{margin-top:10px}}
@media(max-width:1080px){.comic-reading-layout{grid-template-columns:minmax(0,1fr)}.comic-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.comic-page-card{max-width:460px}.comic-focus{grid-template-columns:1fr 1fr}.comic-focus-image img{max-height:520px;min-height:370px}}
@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr));padding-left:5px;padding-right:5px}.mobile-link{font-size:8.5px;gap:3px}.mobile-link svg{width:18px;height:18px}.comic-hero{padding:27px 23px}.comic-hero:after{right:-10px}.comic-hero h2{font-size:30px}.comic-story-picker{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 12px;scroll-snap-type:x mandatory}.comic-story-card{width:154px;flex:0 0 154px;scroll-snap-align:start}.comic-story-card img{width:100%;height:82px}.comic-story-card strong{font-size:12px}.comic-reading-layout{grid-template-columns:1fr}.comic-focus{grid-template-columns:1fr}.comic-focus-image img{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;object-fit:cover}.comic-caption{padding:22px 20px}.comic-caption h3{font-size:29px}.comic-controls .btn{min-width:0;padding:11px 13px;font-size:11px}.comic-panel-thumbnails{gap:5px}.comic-panel-thumbnails button{padding:3px 3px 8px}.comic-panel-thumbnails img{height:65px}.comic-panel-thumbnails span{font-size:8px}.comic-side{grid-template-columns:1fr}.comic-page-card{max-width:none}.comic-page-card>img{max-height:360px;object-fit:contain;background:#142b3c}.art-zoom-controls{width:100%;justify-content:center;order:3}.art-atlas{margin-top:30px}.art-mini-rail .art-tile{min-width:157px;flex-basis:157px;width:157px}.book-surround .leaf-verses{font-size:calc(15px * var(--page-zoom,1))}.book-surround .leaf-art img{height:calc(180px * var(--page-zoom,1))}.book-surround .leaf-title h3{font-size:calc(22px * var(--page-zoom,1))}.book-surround .book-leaf{min-height:calc(620px * var(--page-zoom,1))}}
@media(max-width:410px){.art-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.art-gallery-grid .art-tile img{height:95px}.art-gallery-grid .art-tile strong{font-size:10px}.book-surround .leaf-verses{font-size:calc(13.5px * var(--page-zoom,1))}.book-surround .leaf-art img{height:calc(160px * var(--page-zoom,1))}.book-surround .book-leaf{min-height:calc(560px * var(--page-zoom,1))}}
@media(prefers-reduced-motion:reduce){.art-tile,.comic-story-card,.leaf-expand{transition:none}}