body.library-page { --serif:'Cormorant Garamond',Georgia,serif; --narrow:'Cormorant Garamond',Georgia,serif; font-size:16px; --conservatory-corners:url('../home/ornaments/brass-tl.svg'),url('../home/ornaments/brass-tr.svg'),url('../home/ornaments/brass-bl.svg'),url('../home/ornaments/brass-br.svg'); }
.library-page .empire-bar { margin:10px 10px 0; padding:24px 32px; border:1px solid #d1ad6866; background-color:#102b24; background-image:var(--conservatory-corners); background-position:left top,right top,left bottom,right bottom; background-repeat:no-repeat; background-size:58px; box-shadow:inset 0 0 0 5px #0a1e19,inset 0 0 0 6px #b4914e66; }
.library-page .brand { font:400 15px/1.4 'Cinzel Decorative',Georgia,serif; letter-spacing:.08em; }
.library-page .brand span { font:500 13px/1.6 var(--serif); }
.library-page .view-link { font-size:20px; }
.library-page .navlink,.library-page .btn { font-family:var(--serif); font-size:16px; }
.library-page .btn.primary,.library-page .g-button.primary { background:linear-gradient(120deg,#b9965b,#ecd29c 48%,#c5a367); }
.library-page .folio { border:1px solid #bca06a99; outline:1px solid #bca06a44; outline-offset:-5px; }
.library-page .folio h2,.library-page .workbench h2 { font:400 19px/1.3 'Cinzel Decorative',Georgia,serif; }
.library-page .workbench { border:1px solid #bca06a66; background-color:#102822; background-image:var(--conservatory-corners); background-position:left top,right top,left bottom,right bottom; background-repeat:no-repeat; background-size:65px; }
.library-page .g-shell { margin:24px auto; padding:38px clamp(18px,3vw,42px) 48px; border:1px solid #d1ad6866; background-color:#0b211c; background-image:var(--conservatory-corners); background-position:left top,right top,left bottom,right bottom; background-repeat:no-repeat; background-size:100px; box-shadow:inset 0 0 0 5px #0a1e19,inset 0 0 0 6px #b4914e66; }
.library-page .g-head:before { content:''; flex-basis:100%; height:54px; background:url('../home/ornaments/conservatory-crest.svg') center/195px auto no-repeat; }
.library-page .gallery h1 { font:400 clamp(28px,3.5vw,44px)/1.2 'Cinzel Decorative',Georgia,serif; color:#ecd5a9; letter-spacing:0; }
.library-page .gallery h2 { font-family:'Cinzel Decorative',Georgia,serif; font-weight:400; }
.library-page .g-intro { font-size:21px; }
.library-page .g-name { font:400 19px/1.3 'Cinzel Decorative',Georgia,serif; color:#edcf94; }
.library-page .g-card { border-color:#bca06a77; background:linear-gradient(135deg,#1c3b30,#102822); }
.library-page .g-card-body { padding:16px; }
.library-page .g-ab,.library-page .g-meta { font-size:16px; }
.library-page .g-filters,.library-page .kg-preview { border-color:#bca06a88; outline:1px solid #bca06a33; outline-offset:-5px; background:linear-gradient(135deg,#19372e,#102822); }
.library-page .g-chip,.library-page .g-search input { font-size:17px; }
.library-page .g-eyebrow,.library-page .g-tally,.library-page .g-search span,.library-page .g-crumbs,.library-page .g-button,.library-page .kg-guide { font-family:var(--serif); font-size:16px; }
.library-page .kg-preview h2 { font:400 22px/1.3 'Cinzel Decorative',Georgia,serif; }
.library-page .kg-preview h3 { font:600 20px/1.35 var(--serif); }
.library-page .kg-glass text { font-family:var(--serif); }
@media(max-width:650px) { .library-page .empire-bar {padding:22px 24px;gap:12px;background-size:44px}.library-page .g-shell {width:calc(100% - 20px);padding:30px 18px;background-size:65px}.library-page .views {margin-left:0;flex-wrap:wrap}.library-page .g-name {font-size:18px} }
.library-page .g-view-switch { justify-content:center; gap:24px; margin:0 0 34px; }
.library-page .g-view-switch .g-button { flex:0 1 380px; text-align:center; display:flex; justify-content:center; align-items:center; min-height:105px; padding:25px 36px; font:400 clamp(19px,2.4vw,28px)/1.3 'Cinzel Decorative',Georgia,serif; color:#ecd5a9; border:1px solid #d1ad6899; background-color:#143127; background-image:var(--conservatory-corners); background-position:left top,right top,left bottom,right bottom; background-size:48px; background-repeat:no-repeat; box-shadow:inset 0 0 0 5px #0a1e19,inset 0 0 0 6px #b4914e66; }
.library-page .g-view-switch a[aria-current=page] { background-color:#4b452a; color:#ffe5ac; border-color:#e5c58a; }
.library-page .g-filters { --filter-gap:10px; --filter-width:calc((100% - 70px)/8); padding:28px 20px 32px; gap:18px; }
.library-page .g-search { width:100%; max-width:none; align-items:center; gap:20px; }
.library-page .g-search span,.library-page .g-filter-title { font:400 clamp(17.42px,2.01vw,25.46px)/1.25 'Cinzel Decorative',Georgia,serif; letter-spacing:0; color:#ecd5a9; text-align:center; margin:16px 0 2px; }
.library-page .g-loci .g-chip svg { width:21px; height:21px; }
.library-page .g-rarities .pips { gap:3px; }
.library-page .g-rarities .pips i { width:9px; height:9px; }
.library-page .g-search input { width:min(900px,100%); text-align:center; font:400 clamp(18px,2.1vw,27px)/1.4 'Cinzel Decorative',Georgia,serif; padding:14px; }
.library-page .g-loci,.library-page .g-rarities { display:flex; justify-content:center; flex-wrap:wrap; gap:var(--filter-gap); }
.library-page .g-chips .g-chip { flex:0 0 var(--filter-width); min-width:0; justify-content:center; flex-direction:column; gap:7px; min-height:68px; padding:10px 3px; font-size:17px; }
@media(max-width:950px) { .library-page .g-filters {--filter-width:calc((100% - 30px)/4)} }
@media(max-width:500px) { .library-page .g-filters {--filter-width:calc((100% - 10px)/2);padding:20px 12px}.library-page .g-view-switch {gap:14px}.library-page .g-view-switch .g-button {flex-basis:100%;min-height:85px} }