/* Eich Dyn visual alignment — V11.8. Reuses original Eich Dyn brand artwork. */
:root{--navy:#071b2b;--orange:#d87d3f;--teal:#68c9bf;--cream:#e5eef1}
body{font-family:Inter,'Segoe UI',Arial,sans-serif}
.site-header{background:rgba(6,24,39,.985)!important;border-bottom:1px solid rgba(122,193,194,.19)!important;box-shadow:0 5px 22px rgba(0,0,0,.15)}
.header-inner{max-width:1480px!important;min-height:89px;gap:clamp(9px,1.3vw,23px);padding:9px clamp(17px,2.1vw,37px)!important}
.site-header .brandmark{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none}
.site-header .brandmark img{width:57px!important;height:57px!important;object-fit:contain}
.site-header .brandtype strong{display:block;font-size:20px!important;font-weight:800!important;letter-spacing:.14em!important;line-height:1.15;color:#f6fcfd}
.site-header .brandtype small{display:block;font-size:9px!important;letter-spacing:.115em!important;font-weight:600!important;color:#a4cbd3!important;margin-top:6px;white-space:nowrap}
.site-header .site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.25vw,23px)}
.site-header .site-nav a{font-size:12px!important;white-space:nowrap;font-weight:600!important;letter-spacing:0!important;color:#e2eaf0!important;text-decoration:none}
.site-header .site-nav a:hover,.site-header .site-nav a:focus-visible{color:#9de2d9!important}
.site-header .site-cta{margin-left:auto;background:linear-gradient(140deg,rgba(224,132,65,.23),rgba(145,70,29,.20))!important;border:1px solid rgba(235,145,80,.82)!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 3px 18px rgba(202,99,45,.15)!important;color:#f7ebe5!important;border-radius:8px!important;font-weight:700!important;padding:13px 17px!important;letter-spacing:.01em}
/* All main library controls use consistent restrained glass, no plastic gradients. */
.btn,.site-cta,.glass-access-link,.arrow-button,.carousel-controls button,.audio-controls-row button,.audio-book-tab,.audio-track,.shelf3d-list-button,.shelf3d-arrow,.shelf3d-card button,.access-panel-buttons button,.access-dialog-head button,button.audio-reconnect{
 background:linear-gradient(135deg,rgba(61,151,149,.27),rgba(12,54,73,.58))!important;
 border:1px solid rgba(103,208,202,.48)!important;
 color:#eefbfb!important;
 border-radius:13px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 22px rgba(0,0,0,.16)!important;
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
 transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;
}
.btn:hover,.glass-access-link:hover,.arrow-button:hover,.audio-controls-row button:hover,.audio-book-tab:hover,.audio-track:hover,.shelf3d-list-button:hover{border-color:rgba(146,244,228,.96)!important;box-shadow:0 0 0 1px rgba(76,196,185,.13),0 13px 28px rgba(9,142,142,.17)!important;transform:translateY(-1px)}
.btn-primary,.btn.orange,.site-cta,.footer-cta,.access-register.orange,.library-access-dialog button[type='submit']{background:linear-gradient(140deg,rgba(220,120,60,.9),rgba(170,75,39,.9))!important;border:1px solid rgba(251,187,118,.85)!important;color:#fff!important}
.audio-controls-row button,.audio-book-tab,.glass-access-link{min-height:43px;padding:10px 15px!important;font-size:12px}
.audio-track{min-height:52px!important;display:grid!important;grid-template-columns:26px 1fr 23px;gap:9px;align-items:center;text-align:left;width:100%}
.audio-track.active,.audio-book-tab.active{background:linear-gradient(145deg,rgba(30,132,132,.68),rgba(17,85,104,.58))!important;border-color:#88dfd5!important}
.audio-book-tabs{display:flex;flex-wrap:wrap;gap:11px}.audio-player-layout{gap:20px}
.audio-now,.audio-track-panel{border-radius:19px!important;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.audio-controls-row{gap:10px!important;flex-wrap:wrap}
.audio-now select,.audio-now option,.library-access-dialog input,.library-access-dialog select{color:#ecffff;background:#0b2b3d;border:1px solid #689da3}
.library-access-dialog .access-dialog-head{gap:25px}.access-panel-buttons{display:flex!important;flex-wrap:wrap!important;gap:15px!important;align-items:center}.access-panel-buttons>*{padding:12px 18px!important;white-space:normal;line-height:1.4;flex:0 1 auto}
/* Restore V9 premium motion bookshelf as the ONLY article browsing control. */
.free-catalogue,.free-catalogue-note,#free-carousel{display:none!important}
#free-premium-shelf{margin-top:24px}
#v9-bookshelf,#free-premium-shelf{position:relative;overflow:hidden}
.free-premium-shelf .shelf3d-shell,.shelf3d-shell{border-color:rgba(112,208,201,.24)}
/* Hero: one quiet, refined teal aureole, not overlaid flourishes. */
.hero-visual,.hero-image-shell,.hero-media{isolation:isolate}
.hero-visual:before,.hero-image-shell:before,.hero-media:before{content:'';position:absolute!important;z-index:-1;width:82%;height:83%;top:12%;left:10%;border-radius:50%;background:radial-gradient(ellipse,rgba(77,206,192,.19) 0%,rgba(58,169,166,.10) 30%,rgba(40,101,118,.04) 57%,transparent 76%);filter:blur(35px);pointer-events:none}
/* Footer: same deep navy site-wide grid, real Eich Dyn logos and original 3D socials. */
.site-footer{background:#0a1b2c!important;border-top:1px solid rgba(112,203,199,.26);color:#dbe9ef}
.footer-premium-head{max-width:1480px;margin:0 auto;padding:40px clamp(19px,3vw,48px) 33px!important;gap:23px!important;border-bottom:1px solid rgba(115,196,198,.19)}
.footer-premium-head .brand-logos-footer{gap:17px!important;align-self:center}
.footer-premium-head .brand-logos-footer img{width:60px!important;height:60px!important;object-fit:contain!important}
.footer-premium-copy strong{font-size:23px!important;letter-spacing:.13em!important}
.footer-premium-copy span{font-size:12px!important;color:#c9dedf!important;letter-spacing:.02em!important}
.footer-premium-copy p{color:#b1cbd0;max-width:650px;font-size:12px!important;line-height:1.7!important}
.footer-premium-socials{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
.footer-premium-socials a{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:38px}
.footer-premium-socials .footer-social-icon{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}
.footer-links-grid{max-width:1480px!important;grid-template-columns:repeat(7,minmax(120px,1fr))!important;gap:clamp(15px,2vw,27px)!important;padding:37px clamp(19px,3vw,48px)!important}
.footer-column h3{color:#f0f8f9;font-weight:700;font-size:13px!important;line-height:1.3;margin:0 0 15px}
.footer-column a{display:block;color:#b3c8d0;font-size:11px!important;line-height:1.75!important;text-decoration:none}
.footer-column a:hover{color:#83dfd2}
.footer-bottom{max-width:1480px!important;padding:20px clamp(19px,3vw,48px) 33px!important;margin:auto;color:#a8bfca;border-top:1px solid rgba(115,196,198,.14)}
@media(max-width:1320px){.site-header .site-nav{gap:10px}.site-header .brandtype strong{font-size:17px!important}.site-header .brandtype small{font-size:8px!important}.site-header .site-nav a{font-size:10px!important}.site-header .site-cta{padding:10px!important}.footer-links-grid{grid-template-columns:repeat(4,minmax(150px,1fr))!important}}
@media(max-width:1080px){.site-header .site-nav{display:none!important}.site-header .menu-toggle{display:block!important}.site-header .header-inner{min-height:70px!important}.footer-premium-head{grid-template-columns:auto 1fr!important}.footer-premium-right{grid-column:1/-1;justify-content:flex-start!important}.footer-premium-socials{justify-content:flex-start!important}}
@media(max-width:650px){.site-header .brandmark img{width:42px!important;height:42px!important}.site-header .brandtype strong{font-size:15px!important}.site-header .brandtype small{font-size:7px!important}.footer-links-grid{grid-template-columns:repeat(2,minmax(125px,1fr))!important;gap:21px!important}.footer-premium-head{grid-template-columns:1fr!important}.footer-premium-right{grid-column:1}.audio-player-layout{display:flex;flex-direction:column}.access-panel-buttons>*{width:100%}}
.catalogue-tools{display:none!important}
