/* LAHJI V8 — consolidated, canonical component styles */
*{box-sizing:border-box}
body.overlay-open{overflow:hidden}
button,input{font:inherit}
button{border:0;background:none;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
svg{vertical-align:middle;flex-shrink:0}
.hidden{display:none!important}
.gold{color:var(--gold)}
.muted{color:var(--mute)}
.ico{height:19px;width:19px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ico-lg{width:24px;height:24px}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.nav a:hover,.nav button:hover,.nav a.active{color:var(--navy2)}
.nav-extra{position:relative}
.nav-extra:hover .drop,.nav-extra:focus-within .drop{display:grid}
.drop a:hover{background:var(--sand)}
.header-tools{display:flex;gap:9px;align-items:center}
.hero-editorial{position:relative;min-height:368px;display:grid;align-items:center}
.art-halo{position:absolute;width:430px;height:430px;left:15px;top:-30px;border:1px solid rgba(215,190,148,.35);border-radius:50%}
.art-halo:after{content:"";position:absolute;inset:32px;border:1px solid rgba(217,188,124,.18);border-radius:50%}
.editor-card{position:relative;z-index:1;background:linear-gradient(155deg,#f8f5ec,#e7e3d7);color:var(--navy);border-radius:22px;max-width:424px;width:94%;margin:auto;padding:29px 31px 23px;box-shadow:0 28px 60px rgba(0,14,24,.24);transform:rotate(-1.2deg)}
.editor-card:before{content:"";position:absolute;top:15px;bottom:15px;right:14px;width:1px;background:linear-gradient(transparent,#d6b577,transparent)}
.editor-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b754f;border-bottom:1px solid #d9d3c3;padding-bottom:16px;letter-spacing:.8px}
.editor-emblem{height:48px;width:48px;border-radius:50%;border:1px solid #d3c7b2;display:grid;place-items:center;color:#b18a4c;font-family:var(--serif);font-size:32px}
.editor-card h3{font-family:var(--serif);font-size:35px;font-weight:400;line-height:1.38;margin:26px 0 10px}
.editor-card p{font-size:12px;color:#72808a;margin:0 0 25px}
.editor-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #d9d3c3;padding-top:18px}
.round-play{width:47px;height:47px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;box-shadow:0 8px 20px rgba(20,50,66,.16)}
.round-play:hover{background:#3a6575}
.editor-bottom span{font-size:12px;color:#466173}
.hero-footer-inner span:before{content:"✧";color:var(--gold-soft);margin-left:10px}
.decor-divider i{display:block;width:40px;height:3px;background:#d9b477;border-radius:2px}
.spotlight:before{content:"◌";position:absolute;font-size:470px;color:rgba(248,240,215,.035);top:-208px;left:-57px;font-family:var(--serif)}
.catalog-row:last-child{border:0}
.books-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}
.book-item:nth-child(2) .book-cover{background:linear-gradient(135deg,#917c58,#6d5e45)}
.book-item:nth-child(3) .book-cover{background:linear-gradient(140deg,#305d62,#163d47)}
.book-item:nth-child(4) .book-cover{background:linear-gradient(140deg,#596578,#2e4359)}
.book-cover:after{content:"";position:absolute;inset:13px;border:1px solid rgba(233,214,169,.36);border-radius:7px;pointer-events:none}
.book-cover .sigil{font-family:var(--serif);font-size:29px;color:#e6c88f}
.book-cover small{font-size:10px;color:#e7d4b1}
.media-section:before{content:"";position:absolute;height:550px;width:550px;left:-180px;top:-200px;border:1px solid rgba(218,196,149,.11);border-radius:50%}
.media-section .text-link{color:#f2ddb1}
.media-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.video-panel{border-radius:18px;overflow:hidden;position:relative;min-height:320px;background:linear-gradient(145deg,rgba(25,66,85,.86),rgba(6,31,45,.85)),repeating-linear-gradient(45deg,#36576c 0 2px,transparent 2px 40px);display:flex;align-items:end;padding:30px}
.video-panel .video-ornament{position:absolute;font-family:var(--serif);font-size:240px;right:25%;top:15px;color:rgba(225,195,136,.095);line-height:1}
.video-panel h3{font-family:var(--serif);font-weight:400;font-size:33px;margin:0 0 6px}
.video-panel p{font-size:12px;color:#d0dce0;margin:0 0 13px}
.media-side{display:flex;flex-direction:column;gap:12px}
.listen-card{background:#234b60;border:1px solid rgba(233,227,201,.1);padding:24px;border-radius:17px;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.listen-card:nth-child(2){background:#204458}
.listen-card small{color:#e3c791}
.listen-card h3{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.4;margin:8px 0}
.listen-card button{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;color:#f3e0ba;font-size:12px}
.explore{padding:81px 0 95px}
.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:56px;padding-bottom:30px}
.footer-logo{background:#f9f6ed;border-radius:13px;padding:6px 15px;width:165px;min-height:100px;object-fit:contain}
.footer p{font-size:12px;line-height:2;color:#bdd0d4;max-width:320px}
.footer h3{color:#e9d3a2;font-size:13px;margin:0 0 13px}
.footer-links{display:grid;gap:6px}
.footer-links a{font-size:12px;color:#c2d1d5}
.footer-links a:hover{color:#f1d8a7}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:10px;color:#aac0c8;display:flex;justify-content:space-between;gap:14px}
.inner-hero:after{content:"۞";position:absolute;font-family:var(--serif);font-size:340px;left:3%;top:-135px;color:rgba(232,207,162,.06)}
.crumbs{display:flex;gap:10px;flex-wrap:wrap;color:#bdd0d4;font-size:11px;align-items:center}
.crumbs .sep{color:#a88b55}
.section-layout{display:grid;grid-template-columns:1fr 260px;gap:27px}
.article-row:last-child{border-bottom:0}
.article-row-index{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e7e0d2;border-radius:12px;color:#b39764;font-size:12px}
.mini-actions{display:flex;align-items:center;gap:7px}
.mini-actions button,.mini-actions a{display:grid;place-items:center;height:36px;width:36px;border:1px solid #e2e0d7;border-radius:11px;color:#6b8190}
.mini-actions button:hover,.mini-actions a:hover{background:#edf1f0;border-color:#b2c9cb}
.side-category:last-child{border:0}
.side-tip strong{font-family:var(--serif);font-size:23px;font-weight:400;color:var(--navy)}
.empty{padding:45px;text-align:center;color:var(--mute);font-size:13px}
.detail-sub{font-size:12px;color:var(--mute)}
.detail-accent{height:3px;width:76px;background:linear-gradient(90deg,var(--gold),#e5d5b6);border-radius:10px;margin:20px 0 25px}
.resource-player{background:linear-gradient(140deg,#183d52,#214d60);border-radius:16px;padding:24px;color:#fff;position:relative;overflow:hidden;margin:18px 0 25px}
.resource-player:after{content:"◌";font-family:var(--serif);font-size:260px;position:absolute;left:-60px;top:-110px;color:rgba(242,216,164,.07)}
.resource-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}
.resource-head small{color:#f0d6a2;font-size:11px}
.resource-head .ico{color:#d2dfe3}
.resource-player h3{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.5;margin:18px 0}
.resource-btns{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}
.resource-btns button,.resource-btns a{font-size:12px;display:inline-flex;gap:7px;align-items:center;padding:10px 15px;border-radius:10px;background:#e9d4a9;color:#16374b}
.resource-btns a{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}
.detail-information h3{font-family:var(--serif);font-size:27px;font-weight:400;color:var(--navy);margin:0 0 8px}
.detail-information p{font-size:13px;color:#6e7980;margin:0;line-height:2}
.related-list{display:grid;gap:10px}
.related-list button{text-align:right;display:block;width:100%;padding:12px 13px;background:#faf8f3;border:1px solid #eee8db;border-radius:10px;font-size:12px}
.related-list button:hover{border-color:#cdb88c}
.related-list button small{display:block;color:#ad8956}
.book-detail-cover{height:270px;max-width:230px;background:linear-gradient(140deg,#234b5b,#152f44);color:#f3e7cb;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;box-shadow:10px 12px 24px rgba(16,48,68,.12);margin:12px auto 25px}
.book-detail-cover strong{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.3}
.book-detail-cover span{color:#e4c795;font-size:38px}
.detail-share{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}
.detail-share button,.detail-share a{border:1px solid var(--line);border-radius:10px;padding:9px 14px;display:inline-flex;align-items:center;gap:8px;font-size:12px;background:white}
.detail-share button:hover,.detail-share a:hover{background:#f3f0e9}
.track-info{min-width:0}
.player-transport button{width:29px;height:33px;display:grid;place-items:center;color:#607a86}
.player-transport .main-play{width:42px;height:42px;border-radius:50%;background:#204a60;color:#fff}
.seek-wrap{min-width:0}
.seek-wrap input{width:100%;height:5px;accent-color:#bc9860;cursor:pointer}
.player-extra{display:flex;gap:4px;align-items:center}
.player-drawer.open{display:flex}
.player-drawer label,.player-drawer button{font-size:10px;color:#446375;border:1px solid #d8dedf;border-radius:9px;padding:6px 10px;cursor:pointer}
.player-drawer label:hover,.player-drawer button:hover{background:#f4f6f4}
.player-msg.error{color:#bf5d57}
.search-overlay.show,.video-overlay.show{display:flex}
.video-modal{width:min(870px,100%);background:#102b3b;border-radius:16px;padding:16px;position:relative}
.video-modal iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:9px}
.close-video{position:absolute;left:14px;top:-49px;color:white;font-size:14px}
.back-top.show{display:grid}
.mobile-menu{display:none}
.icon-btn:hover,.save-btn:hover{transform:translateY(-1px)}
a,button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.hero-utility svg{width:14px;height:14px}
.orbit-two{width:165px;height:165px;left:-44px;top:16px;border-color:rgba(169,207,208,.19)}
.showcase-meta span{color:#e2c58d}
.showcase-play .ico{width:16px;height:16px}
.section{padding:86px 0 90px;padding-block:84px 88px}
.catalog-more{background:#f4f2eb}
.book-cover{height:262px;border-radius:13px 16px 16px 13px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:29px 18px;box-shadow:inset -8px 0 0 rgba(0,0,0,.08),0 18px 30px rgba(28,47,54,.12);position:relative;overflow:hidden;color:#faf5e9;text-align:center;background:linear-gradient(150deg,#1e465b,#112e42)}
.book-cover:hover{filter:brightness(1.06)}
.book-item .book-meta{padding-inline:5px}
.book-cover h3{position:relative;z-index:1;font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.35;margin:0;text-wrap:balance}
.detail-hero{padding:40px 0 50px}
.detail-hero h1{font-size:clamp(37px,4.35vw,60px);letter-spacing:-.6px;margin:7px 0 8px;max-width:970px}
.detail-hero-label{font-size:11px;color:#edcea0;margin-top:24px}
.detail-hero-label span{margin:0 8px}
.subtle-panel{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 9px 36px rgba(13,45,60,.035)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:25px}
.detail-action-header{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.detail-overline{display:flex;align-items:center;gap:9px;color:#ad8956;font-size:11px;margin-bottom:12px;margin:0}
.save-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:30px;border:1px solid #e4ddcc;background:#faf9f5;color:#6f726f;font-size:11px}
.save-btn.saved{color:#1c665d;border-color:#b5d7c9;background:#ecf7f3}
.save-btn .ico{height:15px;width:15px}
.detail-title{font-family:var(--serif);font-size:clamp(31px,3.3vw,45px);font-weight:400;color:var(--navy);line-height:1.55;margin:4px 0 11px;margin-top:19px}
.detail-information{border:1px solid #eee8dd;border-radius:15px;background:#faf9f5;padding:22px 25px;margin-top:22px}
.detail-pager{display:flex;justify-content:space-between;gap:12px;padding-block:22px 5px}
.detail-pager a{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:#24536b;padding:9px 12px;border:1px solid #e6dfd5;border-radius:9px}
.detail-pager a:hover{background:#f7f1e7}
.detail-pager a:last-child .ico{transform:rotate(180deg)}
.side-note{font-size:12px;color:#829399;line-height:1.9;margin-top:16px}
.inline-audio:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.07);width:280px;height:280px;border-radius:50%;left:-145px;top:-165px;pointer-events:none}
.inline-audio-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.inline-heading{display:flex;align-items:center;gap:10px}
.inline-heading small{display:block;color:#b6d2d8;font-size:10px;line-height:1.3}
.inline-heading strong{font-family:var(--serif);font-size:23px;font-weight:400}
.sound-glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(237,216,177,.13);color:#f4d9a8}
.inline-tag{color:#dfbe88;border:1px solid rgba(233,199,151,.28);padding:4px 10px;border-radius:30px;font-size:10px}
.inline-main{display:flex;align-items:center;gap:15px}
.inline-play{flex:0 0 55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#f2d5a0;color:#15364b;box-shadow:0 6px 20px #0003}
.inline-play:hover{background:#fff0cd;transform:scale(1.045)}
.inline-track{flex:1;min-width:0}
.inline-track strong{display:block;font:400 27px/1.5 var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff9ec}
.inline-track span{font-size:11px;color:#aac4cd}
.inline-quick{display:flex;align-items:center;gap:6px}
.inline-quick button{border:1px solid rgba(209,222,223,.22);border-radius:8px;padding:8px 10px;color:#e3ebeb;min-width:42px;font-size:11px}
.inline-quick button:hover{background:rgba(255,255,255,.1)}
.inline-progress{margin-top:17px}
.inline-progress input{display:block;width:100%;height:5px;margin:0;accent-color:#e9c685;cursor:pointer}
.inline-time{display:flex;justify-content:space-between;font-size:10px;color:#acc6cd;margin-top:4px;font-variant-numeric:tabular-nums;direction:ltr}
.inline-audio-sources{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.13);margin-top:16px}
.inline-upload,.inline-audio-sources>a,.inline-url button{display:inline-flex;gap:6px;align-items:center;cursor:pointer;font-size:11px;padding:9px 12px;border-radius:9px;border:1px solid rgba(233,223,204,.26);color:#f4e3c6}
.inline-upload:hover,.inline-audio-sources>a:hover{background:rgba(255,255,255,.09)}
.inline-url{display:flex;flex:1;min-width:200px;max-width:370px;border:1px solid rgba(255,255,255,.2);border-radius:9px;overflow:hidden}
.inline-url input{flex:1;min-width:90px;background:rgba(5,25,34,.2);border:0;padding:9px 11px;color:white;outline:0;font-size:11px}
.inline-url input::placeholder{color:#bbced1}
.inline-url button{white-space:nowrap;background:#e5c990;color:#20394a;border:0;border-radius:0;font-weight:700;padding:9px 12px}
.inline-note{color:#b7d0d4;font-size:11px;line-height:1.9;margin:12px 0 0}
.inline-note.error{color:#ffdbab}
.saved-layout{min-height:510px}
.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.saved-card{border:1px solid #e3dfd6;border-radius:17px;background:#fff;padding:25px;display:flex;flex-direction:column;gap:8px;min-height:170px}
.saved-card:hover{border-color:#c4a066;transform:translateY(-2px)}
.saved-card small{color:#ae8750}
.saved-card h3{font:400 25px/1.5 var(--serif);margin:0;flex:1}
.saved-card span{font-size:12px;color:#345b6d}
.saved-empty{grid-column:1/-1;padding:50px 30px;border:1px dashed #d9ceba;border-radius:16px;text-align:center;color:#7d8990;background:#fff}
.saved-count{position:absolute;top:-4px;left:-5px;min-width:17px;height:17px;background:#c8a266;color:#142e3e;border-radius:50%;font-size:10px;line-height:17px;text-align:center}
.player-launch.hidden{display:none!important}
.search-overlay,.video-overlay{position:fixed;inset:0;background:rgba(8,28,40,.76);z-index:115;display:none;align-items:flex-start;justify-content:center;padding:11vh 18px 25px;backdrop-filter:blur(7px)}
.detail-section-title{font-size:30px;color:var(--navy);margin-top:18px}
.explore-card,.book-item,.subtle-panel{transition:transform .2s ease,box-shadow .2s ease}
.inline-audio input[type=range],.float-player input[type=range]{accent-color:#c6a36b}
.detail-content-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 22px;padding:12px 14px;background:#f7f5ee;border:1px solid #e8e0d3;border-radius:13px}
.detail-content-tools strong{font-size:12px;color:#536877;margin-left:auto}
.detail-content-tools button,.detail-content-tools a{font-size:12px;border:1px solid #e1d9c9;border-radius:9px;padding:6px 12px;background:#fff;min-height:35px}
.detail-content-tools button:hover,.detail-content-tools a:hover{border-color:#baa16f;color:#153b4e}
.detail-body.reading-large{font-size:1.12rem}
.detail-body.reading-larger{font-size:1.25rem}
.detail-body.reading-large p,.detail-body.reading-larger p{line-height:2}
.recent-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:#fff;border-bottom:1px solid #ebe5d8}
.recent-row:first-child{border-radius:14px 14px 0 0}
.recent-row:last-child{border-radius:0 0 14px 14px;border:0}
.recent-row small{color:#9b814f}
.recent-row a{font-size:14px;font-weight:600;color:var(--navy)}
.archive-hint{padding:13px 18px;background:#f4efe4;border-right:3px solid #b99758;color:#536575;border-radius:9px;margin:18px 0;font-size:12px}
.contact-top-link .ico{width:16px;height:16px}
.eyebrow:before{content:"";width:27px;height:1px;background:#bea06d}
.decor-divider i:nth-child(2){width:12px;background:#92b4b5;height:2px}
.catalog-row .arrow-circle{background:#f5f4f0;color:#286071}
.books-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,rgba(218,202,170,.14),transparent 45%);pointer-events:none}
.books-section>.container{position:relative}
.book-paper{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;min-width:0}
.book-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7b8d8f;gap:12px;text-align:center;max-width:165px}
.book-fallback svg{width:47px;height:47px;color:#b39b74}
.book-fallback small{font-size:11px}
.book-cover-stage.cover-loaded .book-fallback{visibility:hidden}
.book-cover-stage.missing-cover .book-fallback{display:flex;visibility:visible}
.book-cover-stage.missing-cover img{display:none}
.book-meta em span{font-size:19px;color:#a88551}
.books-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}
.book-archive-grid .book-meta{padding:13px 13px 16px!important}
.book-archive-grid .book-meta strong{font-size:19px}
.book-detail-showcase .book-cover-stage{height:286px;border:1px solid #e5e0d7;border-radius:13px;padding:18px}
.book-detail-meta p{color:#6a7980;font-size:13px;line-height:1.95;margin:0 0 20px}
.book-detail-meta .primary-btn{margin:4px 0 13px;display:inline-flex;min-height:42px;align-items:center;gap:9px;border-radius:10px;font-size:12px;padding:10px 16px;background:#173f4c;color:#fff}
.book-detail-meta>small{display:block;font-size:10px;color:#829195}
.detail-mini-label{font-size:11px;color:#b18b50}
.explore-card:nth-child(2n) .symbol{background:#f7efe4;color:#ad8e55}
.explore-card:nth-child(3n) .symbol{background:#eaf0f4;color:#355d74}
.player-launch:focus-visible{outline-offset:4px}
.launch-label{text-align:right;display:flex;flex-direction:column;line-height:1.45;white-space:nowrap}
.contact-copy{max-width:380px}
.social-mark svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.social-wa{color:#278a64}
.social-fb{color:#3264a9}
.social-x{color:#2d3c46}
.social-yt{color:#d4534f}
.social-tg{color:#258bb9}
.social-fb b,.social-x b{font-family:Arial,sans-serif;font-size:25px;line-height:1}
.social-yt svg path{fill:currentColor;stroke:none}
.social-tg svg{fill:currentColor;stroke:currentColor;stroke-width:.7}
:root{--navy:#102f3c;--navy2:#0c2833;--navy3:#275765;--gold:#a67834;--gold-soft:#f3d89f;--sand:#f7f6f2;--paper:#fffefa;--cream:#f2ede2;--white:#fff;--ink:#193643;--mute:#526873;--line:#dddcd4;--pale:#eaf1ef;--shadow:0 18px 52px rgba(16,48,61,.075),0 2px 8px rgba(16,48,61,.025);--serif:"Amiri",Georgia,serif;--sans:"IBM Plex Sans Arabic",Tahoma,sans-serif;--shadow-elevated:0 32px 70px rgba(8,34,48,.14),0 8px 20px rgba(8,34,48,.055)}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--sans);line-height:1.9;overflow-x:hidden;font-size:15px;letter-spacing:0;-webkit-font-smoothing:antialiased}
button,a,input{touch-action:manipulation}
button,a{transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
button:active,a:active{transform:scale(.985)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc8836;outline-offset:4px}
a:focus-visible{border-radius:4px}
::selection{background:#ebd7ac;color:#17313b}
.container{width:min(1240px,calc(100% - 76px));margin-inline:auto}
.announcement{height:4px;background:linear-gradient(90deg,#244d58 0%,#acc5bb 35%,#b9914b 50%,#1b424b 100%)}
.header{background:rgba(255,254,250,.965);position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(23,53,61,.085);backdrop-filter:blur(20px) saturate(1.3);box-shadow:0 8px 32px rgba(14,44,54,.035);border-bottom-color:rgba(9,46,62,.08)}
.header-inner{display:flex;align-items:center;gap:22px;min-height:86px}
.brand-img{width:91px;height:73px;object-fit:contain;filter:contrast(1.04)}
.brand-text{border-right:1px solid #e5e2d9;padding-right:13px;max-width:162px}
.brand-text strong{display:block;font-family:var(--serif);font-size:20px;line-height:1.35;color:#153946}
.brand-text span{font-size:11px;color:#556e74;letter-spacing:.2px;line-height:1.35}
.nav{display:flex;align-items:center;gap:21px;flex:1;justify-content:center}
.nav a,.nav button{font-size:13px;color:#47606b;position:relative;white-space:nowrap;font-weight:600}
.nav a.active:after{content:"";position:absolute;height:2px;bottom:-33px;right:0;left:0;background:#ad8748;border-radius:4px}
.icon-btn{height:44px;width:44px;border:1px solid #e1e5e3;border-radius:13px;display:grid;place-items:center;background:#fff;color:#214857}
.icon-btn:hover{border-color:var(--gold);background:#f6f7f2;color:#153d4a;box-shadow:0 7px 18px rgba(30,62,72,.08);transform:translateY(-1px)}
.top-listen:hover{background:#245668;transform:translateY(-2px)}
.drop{display:none;position:absolute;top:35px;right:-40px;width:190px;background:white;border:1px solid #e4e6df;border-radius:15px;padding:11px;box-shadow:var(--shadow)}
.drop a{padding:10px 12px;border-radius:8px;font-size:13px!important}
.contact-top-link{display:inline-flex;align-items:center;gap:7px;color:#294d53;background:#f9f7f0;border:1px solid #e9e1d2;padding:8px 12px;border-radius:22px;font-size:11px;font-weight:650;white-space:nowrap;border-color:#dfd9cc}
.contact-top-link:hover{background:#f0ebe0;border-color:#d6bd92}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 3% 22%,rgba(105,169,166,.19),transparent 45%),radial-gradient(ellipse at 81% 91%,rgba(11,56,67,.6),transparent 52%),linear-gradient(114deg,#254e5b 0%,#153b49 42%,#092c3a 100%);color:#fff;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;opacity:.038;background-image:linear-gradient(30deg,transparent 48%,#cce2d8 49%,transparent 50%),linear-gradient(-30deg,transparent 48%,#cce2d8 49%,transparent 50%);mask-image:linear-gradient(90deg,black,transparent 74%);background-size:90px 90px}
.hero:after{content:"";width:450px;height:450px;position:absolute;left:-310px;top:60px;border:1px solid rgba(237,207,148,.22);border-radius:50%;box-shadow:0 0 0 65px rgba(237,207,148,.014),0 0 0 133px rgba(237,207,148,.012)}
.hero-grid{min-height:590px;padding:88px 0 80px;display:grid;grid-template-columns:1.03fr .95fr;gap:clamp(45px,6vw,110px);align-items:center;position:relative;z-index:1}
.hero-intro{position:relative;z-index:4;max-width:610px}
.hero-tag{display:inline-flex;align-items:center;gap:12px;color:#f3dba9;font-size:13px;margin-bottom:26px;letter-spacing:.05px;font-weight:600}
.hero-tag:before{content:"✧";font-size:21px;color:#f4d49d}
.hero h1{font-family:var(--serif);font-size:clamp(57px,6vw,89px);line-height:1.12;font-weight:400;margin:0 0 19px;letter-spacing:-.9px;text-wrap:balance}
.hero h1 span{display:block;color:#f1d39b;text-shadow:0 1px 30px rgba(226,188,114,.08)}
.hero-copy{max-width:570px;font-size:15px;color:#e2e8e8;line-height:2.15;margin-bottom:30px;margin:23px 0 32px}
.btnrow{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.primary-btn,.ghost-btn{min-height:50px;border-radius:14px;padding:11px 20px;font-size:13px;font-weight:700;gap:11px}
.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:linear-gradient(130deg,#f3dfb5,#e6c994);border-radius:11px;padding:14px 22px;color:#18343d;font-weight:700;font-size:13px;transition:transform .2s,background .2s;border:1px solid #f4dcad;box-shadow:0 9px 20px rgba(11,30,34,.11)}
.primary-btn:hover{background:linear-gradient(130deg,#fff0cf,#ebce97);transform:translateY(-2px);box-shadow:0 13px 22px rgba(5,21,27,.17)}
.ghost-btn{display:inline-flex;align-items:center;gap:10px;color:#f4f7f5;border:1px solid rgba(235,244,241,.32);border-radius:11px;padding:13px 17px;font-size:12px;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.035)}
.ghost-btn:hover{background:rgba(255,255,255,.10);border-color:rgba(235,222,182,.7);transform:translateY(-2px)}
.hero-utility{display:flex;gap:17px;align-items:center;margin-top:41px;border-top:1px solid rgba(225,227,224,.16);padding-top:18px;font-size:11px;color:#8aaeba;flex-wrap:wrap;border-color:rgba(232,232,216,.17)}
.hero-utility a{display:flex;align-items:center;gap:6px;color:#cbdde0;font-size:12px}
.hero-utility a:hover{color:#fff0cd}
.hero-utility span{color:#edce94;font-size:12px}
.hero-footer{border-top:1px solid rgba(226,235,233,.12);position:relative;z-index:1;background:rgba(4,27,34,.14)}
.hero-footer-inner{display:flex;gap:20px;padding:15px 0;color:#cddde0;font-size:11px;min-height:61px}
.hero-footer-inner span{font-size:12px}
.showcase-aura{position:absolute;inset:-50px -12px -35px -40px;border-radius:50%;background:radial-gradient(circle at 40% 50%,rgba(130,200,195,.13),transparent 61%);filter:blur(4px);pointer-events:none}
.showcase-spark{margin-inline-start:auto;font-size:23px;color:#eed3a5}
.gold-line{height:1px;width:26px;background:#e5c98c}
.showcase-orbit{position:absolute;border:1px solid rgba(216,203,163,.15);border-radius:50%;width:235px;height:235px;left:-80px;top:-20px;display:none}
.showcase-wave i:nth-child(4n){background:linear-gradient(to top,rgba(220,183,120,.4),#e9d3a4)}
.showcase-play{display:inline-flex;align-items:center;gap:10px;background:#ebd2a0;color:#153846;border-radius:12px;font-weight:700;font-size:12px;padding:9px 17px;min-height:44px}
.showcase-play:hover{background:#fff0cc;transform:translateY(-2px)}
.showcase-caption{color:#d1e0df;font-size:11px}
.showcase-side-note{position:absolute;bottom:3px;right:8px;color:#adcad2;font-size:10px;letter-spacing:.1px;display:none}
.section,.books-section,.media-section,.explore{padding-top:94px;padding-bottom:102px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:31px}
.eyebrow{display:flex;gap:11px;align-items:center;color:#8b672e;font-size:12px;margin-bottom:10px;font-weight:700;letter-spacing:.1px}
.tiny-no{font-weight:400;color:var(--ink);font-family:var(--sans);font-size:11px}
.sec-title{font-family:var(--serif);font-size:clamp(38px,3.9vw,58px);font-weight:400;line-height:1.3;color:#153946;margin:0;letter-spacing:-.35px;position:relative;text-wrap:balance}
.title-leaf{color:#b98e50;font-size:17px;vertical-align:middle;margin-inline-start:10px}
.decor-divider{display:flex;gap:7px;margin:8px 0 0;margin-top:15px;margin-bottom:16px}
.decor-divider i:first-child{background:#bc9150;width:57px;height:2px}
.section-lead{font-size:14px;color:#526a72;margin:4px 0 0;line-height:2;max-width:600px;margin-top:15px}
.text-link{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #cbb38b;padding:8px 2px;color:#285667;font-size:12px;white-space:nowrap;min-height:42px;font-weight:700}
.text-link:hover{color:#9a6d2e}
.tabs-shell{background:#fff;border:1px solid #e0e1da;border-radius:17px;padding:7px;margin-bottom:20px;display:flex;align-items:center;gap:3px;overflow-x:auto;scrollbar-width:thin;margin-top:10px;scroll-padding-inline:16px;border-bottom:1px solid #dddcd5;box-shadow:0 7px 23px rgba(21,55,65,.035)}
.tab{font-size:13px;padding:12px 18px;border-radius:12px;white-space:nowrap;color:#425e69;position:relative;min-height:44px;transition:color .16s ease,background .16s ease,border-color .16s ease;margin-bottom:0;border:1px solid transparent;border-bottom:0;background:transparent;font-weight:600}
.tab:hover{background:#f3f5f1;color:#153d4b}
.tab.active{background:#164856;color:#fff;box-shadow:0 5px 10px rgba(18,63,75,.13);font-weight:700;border:1px solid #e5d7bd;border-color:#164856}
.tab.active:after{content:"";position:absolute;bottom:-2px;right:21%;left:21%;height:3px;background:#c5a068;border-radius:4px;display:none}
.catalog-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:20px;margin-top:22px}
.spotlight{border-radius:22px;min-height:385px;position:relative;overflow:hidden;padding:31px 35px;background:radial-gradient(circle at 7% 86%,rgba(118,173,169,.17),transparent 52%),linear-gradient(143deg,#21535d,#133b4c);color:#fff;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(243,228,195,.11);box-shadow:0 17px 40px rgba(17,53,63,.12)}
.spotlight-meta{display:flex;align-items:center;justify-content:space-between;color:#d8e7e3;font-size:12px;letter-spacing:2px}
.spotlight-mark{font-size:27px;color:#f1d3a1;opacity:.7;line-height:1;margin-bottom:10px}
.spotlight h3{font-family:var(--serif);font-size:clamp(28px,2.8vw,42px);line-height:1.6;font-weight:400;margin:10px 0 12px;position:relative;text-wrap:balance;color:#fff9ed}
.spotlight p{color:#dce8e7;font-size:13px;margin:0 0 18px;line-height:2}
.spotlight-btn{display:inline-flex;gap:10px;align-items:center;color:#153b48;border-bottom:1px solid rgba(235,208,150,.65);padding-bottom:6px;font-size:12px;background:#f0d7a7;border-radius:12px;min-height:44px;padding:9px 16px;font-weight:700}
.spotlight-btn:hover{background:#fff0cf;transform:translateY(-2px)}
.catalog-list{border:1px solid #e3e3dc;border-radius:22px;overflow:hidden;background:#fff;display:grid;grid-template-rows:repeat(4,1fr);box-shadow:var(--shadow)}
.catalog-row{display:grid;grid-template-columns:36px 1fr 25px;align-items:center;gap:15px;padding:18px 24px;border-bottom:1px solid #eeeee7;transition:background .22s,transform .22s;min-height:94px;background:#fff}
.catalog-row:hover{background:#f8faf7;transform:translateX(-2px)}
.catalog-row strong{display:block;font-weight:400;font-size:22px;margin-top:2px;font-family:var(--serif);color:#244653;line-height:1.45}
.catalog-row small{color:#8d6739;font-size:12px}
.row-index{color:#9b7842;font-size:12px}
.arrow-circle{height:37px;width:37px;border:1px solid #dfe5de;border-radius:50%;display:grid;place-items:center;color:#265363;background:#f1f4f0;padding:7px}
.catalog-row:hover .arrow-circle{border-color:#cbdcd5;color:#af834e;background:#dfe9e5}
.catalog-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:12px;color:#597078;flex-wrap:wrap}
.catalog-foot a{font-size:12px;color:#245565;border-bottom:1px solid #bea06a;font-weight:700}
.catalog-foot a:hover{color:#956826}
.books-section{background:radial-gradient(ellipse at 90% 0%,rgba(209,187,145,.11),transparent 42%),linear-gradient(145deg,#f1f0e9,#faf9f5);padding:81px 0;position:relative}
.books-grid,.book-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}
.book-item{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;min-width:0;border-radius:21px;background:var(--white);border:1px solid #e3e3d9;overflow:hidden;box-shadow:var(--shadow);transform:translateZ(0)}
.book-item:hover{transform:translateY(-7px);box-shadow:var(--shadow-elevated);border-color:#cabb9d}
.book-cover-stage{height:312px;display:flex;align-items:center;justify-content:center;padding:24px 28px;background:radial-gradient(circle at 20% 15%,rgba(239,222,187,.24),transparent 51%),linear-gradient(145deg,#f8f8f3,#edeee8);border-bottom:1px solid #e9e8df;position:relative}
.book-cover-stage:before{content:"";position:absolute;inset:14px;border:1px solid rgba(204,192,170,.45);border-radius:12px;pointer-events:none;border-color:rgba(188,183,170,.28)}
.book-cover-stage img{position:relative;inset:0;margin:auto;max-height:264px;height:100%;width:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 13px 14px rgba(19,43,48,.17));border-radius:2px;z-index:2;transition:transform .34s ease}
.book-item:hover .book-cover-stage img{transform:translateY(-3px) scale(1.025)}
.book-meta{padding:21px 21px 23px!important;display:flex;flex-direction:column;gap:8px;flex:1}
.book-meta span{font-size:12px;color:#8e6738;font-weight:600}
.book-meta strong{display:block;font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.55;color:#173b48}
.book-meta em{margin-top:auto;padding-top:10px;color:#38616c;font-size:12px;font-style:normal;display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #f0ede7;border-color:#ebece6}
.books-note{font-size:12px;color:#526b71;margin-top:20px;background:#e9eeea;border-radius:12px;padding:13px 17px}
.book-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:22px;gap:14px;background:#fdfdfa;border-radius:20px}
.book-archive-grid .book-cover-stage{height:262px;padding:18px}
.book-archive-grid .book-cover-stage img{max-height:218px}
.book-detail-showcase{background:linear-gradient(135deg,#f8f8f2,#f2eee6);border:1px solid #e4e3da;border-radius:21px;padding:25px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:27px;align-items:center;margin:22px 0;box-shadow:0 9px 28px rgba(20,58,70,.04)}
.book-detail-meta h3{font-family:var(--serif);font-size:31px;line-height:1.45;margin:10px 0;color:#173946;font-weight:400}
.media-section{background:radial-gradient(circle at 100% 0%,rgba(97,152,148,.12),transparent 45%),linear-gradient(135deg,#163d4a,#102f3d);color:white;padding:84px 0;position:relative;overflow:hidden}
.media-section .sec-title{color:#fff8e8}
.media-section .section-lead{color:#d5e1e0}
.media-section .eyebrow{color:#ecd3a5}
.video-panel,.listen-card{border-radius:22px;overflow:hidden;box-shadow:0 14px 39px rgba(2,20,26,.12)}
.video-play{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:69px;height:69px;display:grid;place-items:center;border-radius:50%;color:#203849;background:#f4e0b9;box-shadow:0 8px 32px rgba(6,30,40,.19)}
.video-play:hover{transform:scale(1.06)}
.explore-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.explore-card{min-height:160px;border:1px solid #e1e4de;border-radius:19px;background:#fff;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 7px 24px rgba(22,56,67,.035)}
.explore-card:hover{background:#fafbf8;border-color:#c7d2c8;transform:translateY(-4px);box-shadow:var(--shadow)}
.explore-card strong{font-family:var(--serif);font-weight:400;font-size:27px;display:block;color:#1e4651}
.explore-card small{font-size:12px;color:#526a71}
.explore-card .symbol{font-family:var(--serif);font-size:23px;color:#42747a;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#eef3ef;margin-bottom:7px}
.inner-hero{background:radial-gradient(ellipse at 5% 30%,rgba(115,173,163,.12),transparent 40%),linear-gradient(110deg,#1e4b59,#113443);color:white;min-height:215px;padding:56px 0 64px;display:flex;align-items:center;position:relative;overflow:hidden}
.inner-hero h1{font-family:var(--serif);font-size:clamp(37px,4vw,58px);font-weight:400;margin:20px 0 10px;line-height:1.35;max-width:960px;color:#fff8e8}
.inner-hero p{color:#d9e7e5;font-size:14px;max-width:680px;line-height:2}
.crumbs,.crumbs a{font-size:12px;color:#e9d1a5}
.crumbs a:hover{color:white}
.inner-main{padding:47px 0 88px;min-height:530px;padding-top:42px}
.section-layout,.detail-grid{gap:26px}
.subtle-panel,.side-box,.side-tip,.detail-body{border:1px solid #e4e5dc;border-radius:20px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.subject-pills{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px;margin-bottom:19px}
.subject-pills span{padding:5px 13px;border-radius:30px;background:#f4f6f2;color:#486b6e;font-size:12px;min-height:33px;display:inline-flex;align-items:center;border:1px solid #e2e6df}
.listing-toolbar{display:flex;align-items:center;gap:15px;justify-content:space-between;border-bottom:1px solid #ebede7;padding:21px 23px;flex-wrap:wrap;background:#fcfdf9}
.listing-toolbar strong{font-size:16px;color:#244a56}
.listing-toolbar small{color:#617780;font-size:12px}
.search-field{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #d7ded9;border-radius:12px;background:#fff;min-width:220px;min-height:44px}
.search-field input{border:0;outline:0;background:none;font-size:13px;width:100%;min-width:0;color:var(--ink);min-height:40px}
.article-row{display:grid;grid-template-columns:47px 1fr auto;gap:15px;padding:20px 23px;align-items:center;border-bottom:1px solid #eeece7;border-color:#eeefe9;transition:background .2s}
.article-row:hover{background:#f8faf7}
.article-row h3{font-family:var(--serif);font-size:23px;line-height:1.52;font-weight:400;margin:3px 0;color:#1b4350}
.article-row h3:hover{color:#8c652e}
.article-row p{font-size:12px;color:#677b80;margin:0;line-height:1.9}
.article-type{font-size:11px;color:#8a6537}
.side-box{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;margin-bottom:17px}
.side-box h3{font-family:var(--serif);font-weight:400;font-size:25px;margin:0 0 12px;color:#193c49}
.side-category{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border-bottom:1px solid #eeeae4;font-size:13px;color:#486771;min-height:43px;border-radius:10px}
.side-category:hover,.side-category.active{color:#184b59;background:#f1f5f1}
.side-tip{background:#f2f6f1;border-radius:15px;padding:25px}
.side-tip p{font-size:13px;color:#5f7478;line-height:2}
.notice{background:#edf2ed;color:#597074;border:1px solid #eddfba;border-radius:12px;padding:13px 16px;font-size:12px;margin-top:22px;line-height:2}
.detail-body{padding:36px 40px}
.detail-body h1,.detail-body h2{font-family:var(--serif);font-weight:400;color:#193d4b}
.detail-body h1{font-size:clamp(32px,3.8vw,53px);line-height:1.4}
.detail-body p{font-size:15px;line-height:2.15;color:#475f69}
.inline-audio{position:relative;background:radial-gradient(circle at 0 100%,rgba(112,174,162,.14),transparent 47%),linear-gradient(120deg,#1c4a56,#113744);color:white;border-radius:21px;padding:22px 25px;margin:22px 0 30px;overflow:hidden;box-shadow:0 17px 36px rgba(15,50,62,.13);border:1px solid rgba(235,218,176,.28)}
.inline-audio button,.inline-audio a{min-height:40px}
.detail-content-tools button{border-radius:10px;min-height:40px}
.search-overlay{backdrop-filter:blur(8px);background:rgba(9,32,43,.55);padding:22px}
.search-modal{width:min(830px,100%);background:#fffefa;border-radius:23px;box-shadow:0 35px 110px rgba(1,23,31,.28);padding:28px;max-height:min(780px,calc(100dvh - 36px));overflow-y:auto;border:1px solid #ebece7;overflow:auto}
.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:23px 27px 11px}
.modal-header h2{font-family:var(--serif);font-size:35px;font-weight:400;margin:0;color:#153b48}
.modal-search{display:flex;align-items:center;background:#f8faf7;padding:0 15px;border-radius:14px;border:1px solid #ccd8d2;gap:12px;margin:5px 27px 17px;min-height:56px}
.modal-search:focus-within{outline:2px solid #9dbbb4;outline-offset:2px}
.modal-search input{background:transparent;border:0;outline:none;flex:1;font-size:15px;color:#173a48;min-height:52px}
.search-categories{display:flex;flex-wrap:wrap;gap:8px;padding:0 27px 17px;border-bottom:1px solid #e9eae5}
.search-cat{border:1px solid #e1e6e0;border-radius:26px;min-height:39px;padding:7px 13px;font-size:12px;font-weight:600;color:#3f606a;background:#f8f9f5}
.search-cat:hover{border-color:#adc6bf;background:#f2f7f3}
.search-cat.active{background:#164b59;color:#fff;border-color:#164b59;box-shadow:0 4px 12px rgba(22,72,86,.12)}
.search-summary{padding:15px 27px 4px;font-size:12px;color:#526e75;display:flex;justify-content:space-between;gap:15px}
.search-summary strong{color:#183e49}
.search-results{display:grid;gap:8px;margin-top:16px;padding:10px 25px 26px;max-height:min(50vh,390px);overflow-y:auto}
.search-hit{width:100%;text-align:right;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#fff;border-radius:12px;border:1px solid #edf0e9;font-size:20px;margin-bottom:8px;font-family:var(--serif);line-height:1.55;color:#183c48}
.search-hit small{color:#8f6939;font-size:11px;font-family:var(--sans)}
.search-hit:hover{background:#f4f7f3;border-color:#cfded6;transform:translateX(-2px)}
.player-launch{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:24px;z-index:70;display:flex;align-items:center;gap:11px;border-radius:40px;background:rgba(17,57,71,.92);color:#fff;padding:7px 14px 7px 7px;box-shadow:0 16px 44px rgba(3,33,43,.23);font-size:11px;border:1px solid rgba(213,228,221,.35);min-height:57px;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px)}
.player-launch:hover{background:rgba(19,74,87,.95);transform:translateY(-3px);box-shadow:0 22px 52px rgba(4,35,46,.29)}
.player-launch-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f5dfb5,#e8c68e);color:#1b414e;box-shadow:inset 0 1px rgba(255,255,255,.55)}
.launch-label strong{font-size:12px;font-weight:700;color:#fff}
.launch-label small{font-size:11px;color:#e1e9e7}
.launch-pulse{width:6px;height:6px;background:#f1d29b;border-radius:50%;margin-inline:3px}
.float-player{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:22px;z-index:75;width:min(790px,calc(100vw - 44px));background:rgba(255,254,250,.93);border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:0 27px 80px rgba(8,37,49,.22),inset 0 1px rgba(255,255,255,.65);padding:13px 17px;direction:rtl;backdrop-filter:blur(25px) saturate(1.35);-webkit-backdrop-filter:blur(25px) saturate(1.35);overflow:hidden}
.player-layout{display:grid;grid-template-columns:minmax(130px,1.05fr) auto minmax(130px,1.2fr) auto;align-items:center;gap:14px;padding:16px 17px}
.track-info small{display:block;color:#9a6d35;font-size:11px;white-space:nowrap}
.track-info strong{display:block;font-weight:600;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#173f4c;line-height:1.5}
.track-info span{font-size:11px;color:#537078}
.player-transport{display:flex;align-items:center;gap:8px}
.player-transport button:not(.main-play){width:39px;height:39px;border:1px solid #e0e8e1;border-radius:12px;background:#f8faf7}
.player-transport button:hover{background:#e9f0eb}
.main-play{width:50px;height:50px;border-radius:50%;background:linear-gradient(140deg,#1e5564,#113e50);color:#fff;box-shadow:0 8px 20px rgba(20,71,83,.18)}
.main-play:hover{transform:scale(1.04);background:#286776}
.seek-wrap input[type=range],#volumeRange{accent-color:#b1874c}
.seek-times{font-size:10px;color:#61737b;display:flex;justify-content:space-between}
.player-extra button{min-width:33px;height:32px;display:grid;place-items:center;font-size:12px;color:#547080;min-height:36px;border-radius:9px}
.player-extra button:hover{background:#eaf0eb;border-radius:9px}
.player-drawer{display:none;border-top:1px solid #e3e6df;margin-top:11px;padding-top:11px;gap:10px;align-items:center;flex-wrap:wrap;background:rgba(249,250,246,.95);padding:16px 20px}
.player-drawer input[type=url]{width:min(320px,100%);padding:8px 12px;border-radius:9px;border:1px solid #d6dfd9;font-size:11px;min-height:41px;background:white}
.player-drawer button,.player-drawer label{font-size:12px}
.player-drawer button{background:#194c58;color:white;padding:8px 13px;border-radius:9px;min-height:40px}
.player-msg{display:block;flex-basis:100%;font-size:11px;color:#596f78}
.contact-social{background:linear-gradient(150deg,#edf1ed,#f7f7f2);border-top:1px solid #e3e5db;border-bottom:1px solid #dee3db;padding:66px 0}
.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:34px}
.contact-eyebrow{font-size:12px;font-weight:700;color:#916a32}
.contact-copy h2{font-family:var(--serif);font-weight:400;color:#1c4652;font-size:42px;margin:2px 0}
.contact-copy p{font-size:14px;margin:0;color:#567079;line-height:1.95}
.social-collection{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.social-item{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;color:#43636d;min-width:64px}
.social-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.92);border:1px solid #dbe3dd;box-shadow:0 7px 19px rgba(22,60,69,.045);transition:.2s;color:#2c6672}
.social-item:hover .social-mark{transform:translateY(-4px);border-color:#c8b58e;box-shadow:0 12px 26px rgba(19,56,63,.11)}
.footer{background:#102e40;color:#d2dfe1;padding:46px 0 28px;padding-top:49px}
.back-top{position:fixed;right:18px;bottom:20px;z-index:45;width:40px;height:40px;border-radius:13px;background:#173f4b;color:#254556;display:none;place-items:center;box-shadow:0 9px 23px rgba(12,53,69,.17)}
.mobile-toggle{display:none!important}
.hero-showcase{min-height:400px;position:relative;display:flex;align-items:center;justify-content:center;padding:10px 10px 4px;filter:none;max-width:550px;width:100%;margin-inline:auto}
.showcase-display{position:relative;isolation:isolate;width:100%;min-height:366px;padding:20px 30px 18px 18px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;backdrop-filter:none;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(235,222,185,.28)}
.showcase-display:before{content:"";position:absolute;inset:12px 12px auto auto;border:1px solid rgba(244,228,195,.06);border-radius:6px;z-index:-1;width:57px;height:2px;background:linear-gradient(90deg,#e2bf83,transparent);right:30px;top:12px}
.showcase-serial{position:absolute;font:700 240px/.9 Georgia,serif;letter-spacing:-30px;left:0;top:-50px;color:rgba(214,238,229,.055);direction:ltr;user-select:none;font-size:182px;line-height:1;font-family:var(--serif);font-weight:400;pointer-events:none}
.showcase-kicker{position:relative;display:flex;align-items:center;gap:12px;color:#f2dba6;font-size:12px;z-index:1;font-weight:700;letter-spacing:.05px;margin-top:10px}
.showcase-art{position:absolute;width:270px;height:120px;left:6px;top:86px;pointer-events:none;opacity:.24;margin:6px 0 4px;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:0;right:0;transform:rotate(-6deg)}
.showcase-wave{display:flex;gap:6px;align-items:center;position:absolute;inset:50px 12px 35px 0;opacity:.65;transform:rotate(-12deg);direction:ltr;justify-content:flex-start;width:100%;height:110px;filter:drop-shadow(0 0 13px rgba(188,216,202,.08))}
.showcase-wave i{height:var(--h);flex:1;border-radius:5px;background:linear-gradient(to top,rgba(124,186,188,.32),#a4c9c6);min-width:2px;display:block;width:6px;max-height:82px}
.showcase-content{position:relative;z-index:1;max-width:340px;margin-top:100px}
.showcase-content h2{font-family:var(--serif);font-size:clamp(38px,3.8vw,55px);font-weight:400;line-height:1.34;margin:10px 0 25px;color:#fff8ea;text-wrap:balance;text-shadow:0 2px 20px rgba(4,25,30,.08)}
.showcase-meta{font-size:12px;color:#d8e3dc;display:flex;gap:9px;align-items:center;letter-spacing:.07px}
.showcase-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid rgba(230,238,235,.14);padding-top:17px;border-color:rgba(236,226,207,.18)}
.skip-link{position:fixed;top:-70px;right:18px;z-index:300;background:#fff;color:#103745;border:2px solid #b48a48;padding:10px 18px;border-radius:11px;font-size:14px;font-weight:700;box-shadow:0 8px 24px rgba(15,42,54,.18)}
.skip-link:focus-visible{top:14px}
.top-listen{display:none!important;align-items:center;gap:8px;border-radius:12px;padding:9px 16px;background:#123c4c;color:white;font-size:12px;white-space:nowrap;min-height:44px;box-shadow:0 6px 16px rgba(17,57,73,.13)}
@media (min-width:1250px){
.books-grid{gap:22px}
.book-cover-stage{height:300px}
.book-cover-stage img{max-height:260px}
}
@media (max-width:1100px){
.container{width:min(1170px,calc(100% - 44px))}
.books-grid{gap:14px}
.player-layout{gap:10px}
.book-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-top-link span{display:none}
.contact-top-link{padding:8px}
.header-inner{gap:14px}
.nav{gap:12px}
.nav a,.nav button{font-size:12px}
.brand-text{display:none}
.hero-grid{gap:36px}
.section,.books-section,.media-section,.explore{padding-top:78px;padding-bottom:82px}
}
@media (max-width:1000px){
.showcase-display{padding:28px 26px}
.showcase-content{margin-top:50px}
.showcase-content h2{font-size:36px}
.saved-grid{grid-template-columns:repeat(2,1fr)}
.mobile-toggle{display:grid!important}
}
@media (max-width:950px){
.detail-grid{grid-template-columns:minmax(0,1fr)}
.detail-grid > *{min-width:0}
.detail-grid .sidebar{width:100%;grid-column:1}
}
@media (max-width:840px){
.nav{display:none}
.header-inner{min-height:73px}
.header-tools{margin-right:auto}
.brand-img{height:67px;width:91px}
.mobile-toggle{display:grid}
.mobile-menu{display:none;background:#fff;border-top:1px solid var(--line);padding:12px 22px 20px;grid-template-columns:repeat(3,1fr);gap:6px}
.mobile-menu.open{display:grid}
.mobile-menu a{border-radius:10px;background:#f8f6f1;padding:10px;text-align:center;font-size:12px}
.hero h1{font-size:55px}
.editor-card h3{font-size:29px}
.art-halo{width:340px;height:340px}
.section-layout,.detail-grid{grid-template-columns:1fr}
.sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.side-box{margin:0}
.book-cover{height:225px}
.book-cover h3{font-size:20px}
.book-meta strong{font-size:19px}
.media-grid{grid-template-columns:1fr 1fr}
.showcase-caption{display:none}
.inline-quick button{min-width:36px;padding:7px}
.books-layout{grid-template-columns:1fr}
.books-layout .sidebar{display:none}
.books-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.social-collection{justify-content:flex-start}
.container{width:min(100% - 38px,720px)}
.hero-grid{grid-template-columns:1fr;gap:27px;display:grid;min-height:0;padding:65px 0 60px}
.hero-intro{max-width:100%}
.catalog-grid{grid-template-columns:1fr}
.catalog-list{grid-column:auto}
.contact-inner{flex-direction:column;align-items:flex-start}
.float-player{width:calc(100vw - 34px);left:17px}
.hero-showcase{max-width:610px;min-height:250px}
.showcase-display{min-height:260px;padding:14px 24px 12px 12px}
.showcase-art{opacity:.16;top:42px}
.showcase-content{margin-top:65px}
.showcase-content h2{font-size:39px}
}
@media (max-width:650px){
.announcement{height:4px}
.top-listen{display:none}
.hero-editorial{min-height:280px}
.editor-card{max-width:390px;transform:none;width:100%;padding:20px 24px}
.editor-card h3{font-size:28px;margin:13px 0}
.editor-bottom{padding-top:12px}
.art-halo{width:270px;height:270px;left:calc(50% - 135px);top:-10px}
.books-section,.media-section,.explore{padding:60px 0}
.media-grid{grid-template-columns:1fr}
.video-panel{min-height:280px}
.explore-links{grid-template-columns:1fr 1fr;gap:10px}
.explore-card{min-height:116px;padding:16px}
.explore-card strong{font-size:21px}
.footer-grid{grid-template-columns:1fr 1fr;gap:23px}
.footer-grid>div:first-child{grid-column:1/-1}
.footer-bottom{flex-wrap:wrap}
.search-field{min-width:100%;width:100%}
.article-row-index{width:30px;height:32px;font-size:10px}
.article-row p{font-size:10px}
.mini-actions{gap:4px}
.mini-actions button,.mini-actions a{height:31px;width:31px}
.sidebar{grid-template-columns:1fr}
.side-tip{display:none}
.resource-player{padding:20px}
.resource-player h3{font-size:25px}
.track-info{grid-area:track}
.player-transport{grid-area:buttons}
.seek-wrap{grid-area:seek}
.player-extra{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #f0eee9;padding-top:5px}
.player-extra button{height:23px}
.mobile-menu{grid-template-columns:repeat(3,1fr)}
.showcase-side-note{display:none}
.section{padding:61px 0 65px}
.title-leaf{font-size:13px;margin-inline-start:7px}
.book-cover{height:220px;padding:24px 12px}
.book-cover h3{font-size:20px}
.detail-title{font-size:32px}
.inline-audio{padding:17px 15px;margin-inline:-5px}
.inline-main{gap:10px;flex-wrap:wrap}
.inline-play{height:49px;flex-basis:49px}
.inline-track strong{font-size:24px}
.inline-track span{font-size:10px}
.inline-quick{width:100%;justify-content:flex-start;order:3}
.inline-tag{display:none}
.inline-url{flex:1 1 100%;max-width:none}
.inline-audio-sources>a{flex:1;justify-content:center}
.saved-grid{grid-template-columns:1fr}
.detail-section-title{font-size:27px}
.detail-hero h1{font-size:clamp(32px,7.6vw,42px)}
.detail-content-tools strong{width:100%;margin:0}
.recent-row{padding:14px}
.books-section{padding:63px 0}
.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.book-archive-grid .book-meta strong{font-size:16px}
.book-detail-showcase{grid-template-columns:1fr;gap:15px;padding:16px}
.book-detail-showcase .book-cover-stage{width:220px;max-width:100%;margin-inline:auto}
.book-detail-meta h3{font-size:25px}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.detail-grid .sidebar{display:grid;grid-template-columns:minmax(0,1fr)}
.detail-grid .side-box{min-width:0}
.detail-content-tools{gap:7px;max-width:100%}
html{scroll-padding-top:72px}
body{font-size:14px}
.container{width:calc(100% - 34px)}
.header-inner{min-height:70px}
.brand-img{width:73px;height:59px}
.icon-btn{height:40px;width:40px}
.hero-grid{grid-template-columns:1fr;gap:26px;padding:50px 0 48px}
.hero-tag{font-size:12px;margin-bottom:15px}
.hero h1{font-size:clamp(50px,12.7vw,70px);line-height:1.16}
.hero-copy{font-size:13.5px;line-height:2.05;margin:18px 0 27px}
.btnrow{gap:10px}
.primary-btn,.ghost-btn{font-size:12px;min-height:47px;padding:10px 14px;border-radius:12px}
.hero-utility{margin-top:26px;gap:12px}
.hero-utility a{font-size:11px}
.showcase-serial{font-size:66px;top:-20px;opacity:.55}
.showcase-art{top:52px;height:70px}
.showcase-wave{opacity:.17;height:56px}
.showcase-wave i{max-height:49px;width:4px;gap:4px}
.showcase-caption{display:none}
.hero-footer-inner{gap:8px;flex-wrap:wrap;font-size:10px;padding:13px 0;justify-content:space-between}
.hero-footer-inner span{font-size:10px}
.section,.books-section,.media-section,.explore{padding:64px 0 72px}
.section-head{align-items:flex-start;gap:10px;flex-direction:column;margin-bottom:23px}
.sec-title{font-size:38px;line-height:1.37}
.section-lead{font-size:12.5px;line-height:1.95}
.text-link{font-size:12px}
.tabs-shell{margin-inline:-5px;padding:6px;border-radius:13px;gap:4px;overflow-x:auto;flex-wrap:nowrap}
.tab{font-size:12px;padding:9px 14px;min-height:41px;border-radius:9px}
.catalog-grid{grid-template-columns:1fr;gap:14px}
.spotlight{min-height:305px;padding:25px;border-radius:17px}
.spotlight h3{font-size:32px}
.catalog-list{grid-template-rows:auto;border-radius:17px}
.catalog-row{padding:15px 16px;min-height:82px}
.catalog-row strong{font-size:19px}
.catalog-foot{align-items:start;flex-direction:column;font-size:11px}
.books-grid,.book-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.book-cover-stage{height:220px;padding:13px}
.book-cover-stage img{max-height:189px}
.book-meta{padding:14px 13px 16px!important;gap:4px}
.book-meta strong{font-size:17.5px;line-height:1.6}
.book-meta span,.book-meta em{font-size:10.5px}
.books-note{font-size:11px}
.book-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:11px}
.book-archive-grid .book-cover-stage{height:209px;padding:12px}
.book-archive-grid .book-cover-stage img{max-height:177px}
.inner-hero{min-height:205px;padding:39px 0 48px}
.inner-hero h1{font-size:39px}
.inner-hero p{font-size:12.5px}
.inner-main{padding:25px 0 75px}
.listing-toolbar{padding:16px}
.article-row{grid-template-columns:30px 1fr auto;gap:8px;padding:17px}
.article-row h3{font-size:20px}
.detail-body{padding:22px 17px}
.detail-body p{font-size:14px}
.search-overlay{padding:9px}
.search-modal{padding:18px;border-radius:17px;max-height:calc(100dvh - 18px)}
.modal-header{padding:18px 18px 10px}
.modal-header h2{font-size:28px}
.modal-search{margin:4px 17px 13px;min-height:49px}
.modal-search input{min-height:48px;font-size:13px}
.search-categories{flex-wrap:nowrap;overflow:auto;scrollbar-width:thin;padding:0 17px 12px;gap:6px}
.search-cat{white-space:nowrap;min-height:37px;padding:6px 12px}
.search-summary{padding:10px 17px 0;font-size:11px}
.search-results{padding:12px 15px 17px}
.search-hit{padding:12px;font-size:17px}
.float-player{bottom:max(10px,env(safe-area-inset-bottom));left:10px;width:calc(100vw - 20px);padding:12px;border-radius:17px}
.player-launch{bottom:max(14px,env(safe-area-inset-bottom));left:14px;padding:6px;min-height:54px}
.player-launch-icon{width:41px;height:41px}
.launch-label{display:none}
.launch-pulse{display:none}
.player-layout{grid-template-columns:1fr auto;grid-template-areas:"track buttons" "seek seek";gap:8px;padding:11px}
.track-info strong{font-size:13px}
.player-transport button:not(.main-play){width:33px;height:33px}
.main-play{width:44px;height:44px}
.player-drawer{margin-top:7px;padding:13px}
.player-msg{font-size:10px}
.contact-social{padding:50px 0}
.contact-copy h2{font-size:35px}
.contact-copy p{font-size:12px}
.social-collection{gap:9px;width:100%;justify-content:space-between}
.social-mark{width:45px;height:45px;border-radius:13px}
.social-item{min-width:45px;font-size:10.5px}
.hero-showcase{min-height:0;padding:0;max-width:100%;width:100%;margin:0;display:block;margin-top:2px}
.showcase-display{min-height:0;padding:13px 17px;width:100%;border-radius:17px;border-right:2px solid rgba(229,197,137,.45);display:block}
.showcase-display:before,.showcase-serial,.showcase-art{display:none}
.showcase-kicker{font-size:11px;margin:0 0 8px}
.showcase-content{margin-top:0}
.showcase-meta{font-size:10.5px}
.showcase-content h2{font-size:25px;line-height:1.37;margin:5px 0 13px}
.showcase-actions{padding-top:0;border:0;justify-content:flex-start}
.showcase-play{min-height:39px;padding:7px 13px;font-size:11px;border-radius:10px}
}
@media (max-width:390px){
.hero-cta{gap:6px}
.primary-btn,.ghost-btn{padding:12px;font-size:11px}
.book-cover{height:208px}
.explore-card strong{font-size:19px}
.editor-card h3{font-size:25px}
.hero h1{font-size:49px}
.tab{padding:9px 11px}
.catalog-row strong{font-size:18px}
.book-meta strong{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;animation-duration:.001ms!important;transition-duration:.001ms!important}
html{scroll-behavior:auto!important}
*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}
}
@media print{
.header,.footer,.float-player,.player-launch,.inline-quick,.inline-audio-sources,.detail-content-tools button,.sidebar{display:none!important}
.detail-grid{display:block}
.detail-body{border:0;box-shadow:none}
.contact-social,.player-launch,.float-player,.book-meta em{display:none!important}
.header,.player-launch,.float-player,.contact-social,.back-top,.top-listen,.search-overlay{display:none!important}
.detail-body,.subtle-panel{border:none;box-shadow:none}
body{background:white;color:#111}
}

#homeCatalog{min-height:420px}@media(max-width:760px){#homeCatalog{min-height:840px}}