/* SEKTABOOKS — The Archive, a restrained monumental bookplate aesthetic. */
:root{
 --paper:#e4e1d9;--cream:#f0ede6;--ink:#181c1d;--muted:#666a68;
 --gold:#8d8270;--forest:#212b30;--line:#bcbcb6;--red:#8f3234;
}
body{font-family:Arial,Helvetica,sans-serif;font-size:13px;background:#e3e4e0;color:#252a2c;background-image:linear-gradient(90deg,rgba(27,34,37,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(27,34,37,.025) 1px,transparent 1px);background-size:72px 72px}
.grain{opacity:.09;filter:grayscale(1)}
.masthead{background:#161e21;color:#e7e5df;box-shadow:0 12px 35px rgba(20,25,26,.16)}
.rule{height:3px;background:repeating-linear-gradient(90deg,#1b2426 0 56px,#8f3234 56px 60px,#1b2426 60px 114px)}
.mast-inner{padding-top:25px;padding-bottom:25px}
.seal{color:#dedbd4;border:2px solid #a6a59e;outline:1px solid #626967;border-radius:2px;background:#232d30;font-family:Georgia,serif;transform:rotate(-2deg)}
.seal span{color:#a64a48}
.overline,.edition,.side-label,.eyebrow,.colophon{color:#8f3234;letter-spacing:.24em;text-transform:uppercase}
.masthead .overline{color:#c8c5ba}
.brand-title{font-family:Georgia,'Times New Roman',serif;font-size:37px;letter-spacing:.02em;font-weight:700;text-transform:uppercase}
.brand-title em{font-style:normal;color:#c9b9a3;font-weight:400}
.subtitle{font:italic 14px Georgia,serif;color:#b9c1bb;letter-spacing:.02em}
.mast-actions,.mast-actions .plain{color:#eeece5}
.intro{padding:66px 0 50px;position:relative;border-bottom:2px solid #838987}
.intro:after{content:'✣';position:absolute;right:0;top:46px;font:88px Georgia,serif;color:#b5b8b0;opacity:.35}
.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5vw,76px);letter-spacing:-.036em;line-height:1.08;font-weight:700;max-width:900px}
.intro h1 em{color:#8f3234;font-style:italic}
.intro p{font:18px/1.65 Georgia,serif;max-width:690px;color:#525756}
.library-grid{gap:56px}
.sidenav{border-right:1px solid #a5aaa6}
.sidenav .side-label{color:#7c3c3d}
.nav{color:#4c5556;border-radius:0;transition:background .18s,color .18s,border-color .18s}
.nav:hover,.nav.active{color:#792c2d;background:rgba(143,50,52,.06);border-bottom-color:#8f3234}
.nav span{color:#887c73}
.collection h2,.dialog h2,.auth-panel h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.03em;color:#22282a}
.collection h2{font-size:43px}
.count{border-color:#abb1ad;color:#656a68}
.searchbar{background:#f4f4f0;border:1px solid #a9ada9;border-left:4px solid #8f3234;border-radius:0}
.searchbar span,.searchbar button{color:#8f3234}
.book-grid{gap:38px 25px}
.cover{background:linear-gradient(145deg,#29353a,#151c20 65%,#3c2226);box-shadow:5px 5px 0 #a9aca7,7px 9px 16px #1a202029;border-radius:1px 4px 4px 1px}
.book:hover .cover{box-shadow:6px 10px 0 #9da49d,8px 14px 22px #151d2030}
.cover:before{content:'';position:absolute;inset:8px;border:1px solid rgba(213,210,197,.32);pointer-events:none}
.book-title{font-family:Georgia,'Times New Roman',serif}
.button{background:#29353a;border-color:#29353a;color:#f0ede6;border-radius:2px}
.button:hover{background:#8f3234;border-color:#8f3234}
.plain,.text-button{color:#8f3234}
.auth-panel{background:#eeede6;border:1px solid #aab0ac;box-shadow:16px 18px 0 rgba(33,43,48,.09);border-radius:2px}
.auth-panel input,.dialog input{background:#fafaf7;border-color:#abb0ab}
.player{background:#182225;color:#f1f0eb;border-top:3px solid #8f3234;box-shadow:0 -15px 45px #18222525}
.player-art{background:#7c3538;color:#f4ede7}
.buttons .play{background:#d9d9d0;color:#192124}
.timeline input{accent-color:#a74647}
.player-extra select{border-color:#697477}
.dialog{background:#e7e7e1;border:2px solid #7f8581;box-shadow:14px 14px 0 rgba(18,28,31,.18);border-radius:2px}
.shade{background:#11191cbb}
.chapter.active{background:#d6d8d2}
.toast{background:#263236;border-left:4px solid #b24a4c}
.author-portrait img{filter:grayscale(.8) contrast(1.1);border:5px solid #d2d3cc;box-shadow:7px 8px 0 #adb0a9}
@media(max-width:760px){.intro:after{display:none}.intro h1{font-size:47px}.brand-title{font-size:26px}.mast-inner{padding-top:16px;padding-bottom:16px}.library-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}