@font-face{font-family:Cinzel;src:url('./fonts/decorative/cinzel.ttf') format('truetype');font-display:swap}@font-face{font-family:'EB Garamond';src:url('./fonts/baskerville/regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#e9dfc7;--gold:#d0a967;--dim:#b5a88e;--wood:#271b15;--panel:#1a1512}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#14100e;color:var(--ink);font:18px/1.6 'EB Garamond',Georgia,serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}h1,h2,h3,.eyebrow,.topbar,.explore{font-family:Cinzel,Georgia,serif}h1,h2,h3{font-weight:500;line-height:1.22}h2{font-size:clamp(2rem,3.8vw,3.2rem)}p{margin:.5rem 0 1rem}.skip{position:absolute;left:-9999px;top:1rem;z-index:20}.skip:focus{left:1rem;background:#fff;color:#111;padding:.5rem}.topbar{height:auto;min-height:90px;background:#14100ef0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem max(5vw,18px);border-bottom:1px solid #675232;position:relative;z-index:2}.brand img{width:160px;max-width:30vw;height:auto}.topbar nav{display:flex;flex-wrap:wrap;gap:1.4rem}.topbar a{text-decoration:none;font-size:.75rem;letter-spacing:.06em}.topbar nav a:hover,.topbar nav a:focus-visible{color:#f8cd81}.crest{font:1.5rem Cinzel,serif;color:var(--gold);border:1px solid #af884c75;border-radius:50%;width:116px;height:116px;display:grid;place-items:center;margin-bottom:2rem;background:#1c1410c9;box-shadow:0 0 55px #a8743133}.eyebrow{font-size:.7rem;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.hero h1{font-size:clamp(3.3rem,8vw,7.3rem);letter-spacing:.075em;margin:.5rem 0 1rem;text-shadow:0 5px 22px #000;line-height:1.08}.hero h1 em{font-style:normal;color:#f5d49c}.lead{font-size:clamp(1.2rem,2vw,1.6rem);color:#e4d7bb;max-width:530px}.explore{display:inline-block;background:linear-gradient(#c7a15f,#986e36);color:#1a110b;padding:.85rem 1.5rem;text-decoration:none;font-size:.78rem;font-weight:bold;border-radius:4px;border:1px solid #f4d89a;box-shadow:0 4px 0 #51371e;margin:1rem}.collection,.membership,.author{padding:5rem max(5vw,18px);max-width:1460px;margin:auto}.heading{text-align:center;margin:0 auto 2rem;max-width:740px}.heading h2,.membership h2,.author h2{color:#f3dfb8;margin:.25rem 0 1rem}.heading>p:last-child{color:var(--dim)}.search-panel{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,210px) auto;align-items:end;column-gap:1rem;row-gap:.3rem;padding:1.4rem;background:linear-gradient(120deg,#31241b,#1a1512);border:1px solid #816235;border-radius:8px;box-shadow:0 10px 45px #0006}.search-panel label{font:600 .72rem Cinzel,serif;color:var(--gold);letter-spacing:.07em}.search-panel label:nth-of-type(1){grid-column:1}.search-panel label:nth-of-type(2){grid-column:2}.search{display:flex;align-items:center;gap:.6rem;background:#0e0c0a;border:1px solid #81643f;padding:0 .7rem}.search span{font-size:1.8rem;color:var(--gold)}.search input{border:0;background:transparent;width:100%;color:var(--ink);padding:.8rem .1rem;min-width:0}.search-panel select,.author input,.author textarea,.author select{background:#130f0d;border:1px solid #806137;color:var(--ink);padding:.75rem;width:100%;border-radius:3px}.search-panel button,.results-line button,#more,.author button{color:#ebdcbd;background:#362719;border:1px solid #a07b42;padding:.78rem 1rem;border-radius:4px}.search-panel button:hover,.results-line button:hover,.author button:hover{background:#553a20}.results-line{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.4rem 0;color:var(--dim)}.results-line button{padding:.4rem .8rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1.6rem}.book-card{border:1px solid #745b39;padding:1rem;background:linear-gradient(125deg,#2e221b,#17120f);display:flex;flex-direction:column;gap:.45rem;min-width:0;box-shadow:0 13px 28px #0005}.book-cover{aspect-ratio:2/3;max-height:310px;display:grid;place-items:center;background:radial-gradient(#625039,#231710);border:2px solid #c7a46970;overflow:hidden;color:#d8b575;text-align:center;padding:1rem;font:1.4rem Cinzel,serif}.book-cover img{height:100%;width:100%;object-fit:contain}.book-card h3{margin:.55rem 0 0;font-size:1.05rem;overflow-wrap:anywhere}.byline{color:#cbb991;margin:0}.genre-tag{font:.65rem Cinzel,serif;color:#f5cf8a;letter-spacing:.08em}.description{color:#bbad96;font-size:.98rem;flex:1;overflow-wrap:anywhere}.buy-link{display:block;text-decoration:none;text-align:center;border:1px solid #cba468;padding:.55rem;color:#f6deb1;font:700 .72rem Cinzel,serif}.buy-link:hover{background:#4a321b}#more{display:block;margin:2rem auto}#more[hidden],#book-form[hidden],#add-book[hidden]{display:none!important}.membership{text-align:center;max-width:none;background:radial-gradient(ellipse at 50% 0%,#4b3020,#120e0c 75%);border-block:1px solid #5d492d}.membership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-width:1000px;margin:2.5rem auto}.membership article{padding:2.5rem;background:#201811;border:1px solid #ac8b51;box-shadow:inset 0 0 0 6px #201811,inset 0 0 0 7px #6c5034}.symbol{font-size:2.8rem;color:var(--gold)}.membership h3{font-size:1.45rem}.membership-note{color:#c8b492}.author{max-width:1100px}.author>p{color:#c9baa0}.author-books-list{display:grid;gap:.65rem;margin:1rem 0}.author-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#251c17;border:1px solid #81633d}.author-row button{margin-left:.4rem}.author form{padding:1.6rem;border:1px solid #997649;background:#201914;display:grid;gap:1rem;margin:1.5rem 0}.author form label{display:grid;gap:.3rem;color:var(--gold);font:600 .8rem Cinzel,serif}.author form h3{margin:0}.form-actions{display:flex;gap:.7rem;flex-wrap:wrap}.smallprint{font-size:.9rem;color:var(--dim)}footer{padding:2rem 5vw;border-top:1px solid #604c33;display:flex;gap:2rem;justify-content:space-between;color:#ab9578;font:.65rem Cinzel,serif}footer a{color:#e9cc98}@media(max-width:700px){.topbar{flex-direction:column;align-items:start}.search-panel{grid-template-columns:1fr}.search-panel label:nth-of-type(1),.search-panel label:nth-of-type(2){grid-column:1}.search-panel label:nth-of-type(2){grid-row:3}.membership-grid{grid-template-columns:1fr}.author-row{flex-direction:column;align-items:start}.results-line{align-items:start;flex-direction:column}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


:root{--gold:#d9b679;--ink:#eee5d3;--dim:#b8aa94}
body{background:#100e0c;color:var(--ink)}
.topbar{min-height:112px;padding:12px 3.6%;gap:30px;background:#0b0a09e8;border-bottom:1px solid #b9955147}
.brand{flex:0 0 290px;display:flex;align-items:center}.brand img{width:270px;max-width:100%;height:86px;object-fit:contain}
.topbar nav{align-items:center;justify-content:flex-end;gap:clamp(14px,2vw,38px)}.topbar nav a{font:14px Georgia,serif;letter-spacing:.03em;white-space:nowrap}.topbar a[aria-current]{color:var(--gold)}.topbar .join{background:linear-gradient(#edcf94,#b48a48);border:1px solid #e5c488;color:#21170d;padding:10px 24px;border-radius:4px;font-weight:bold;box-shadow:0 3px 9px #0008}
.hero{height:395px;min-height:0;display:flex;align-items:center;text-align:left;padding:28px 4.5%;position:relative;isolation:isolate;overflow:visible;background:#100e0c}
.hero-art{position:absolute;inset:-112px 0 -20px;z-index:-2;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 50%}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08080738,transparent 66%)}.hero:after{display:none}.hero-copy{width:58%;max-width:850px}.hero .eyebrow{font:17px Cinzel,serif;letter-spacing:.24em;color:#e9ddc3;margin:0 0 14px}.hero h1{font:500 clamp(30px,3.5vw,64px)/1.1 Cinzel,Georgia,serif;text-transform:uppercase;white-space:nowrap;letter-spacing:.025em;margin:0;text-shadow:0 3px 15px #000}.hero h1 em{font-style:normal;color:#e4bb75}.ornament{display:flex;align-items:center;gap:14px;color:#dbb674;margin:15px 0}.ornament:before,.ornament:after{content:'';height:1px;width:175px;background:#b18c4e88}.hero .lead{font-size:clamp(17px,1.6vw,27px);line-height:1.4;color:#e1d5bf;margin:12px 0 20px}.hero-search{display:flex;align-items:center;gap:10px;background:#171717ef;border:1px solid #9a7a4b;border-radius:8px;max-width:650px;padding:6px 8px;box-shadow:0 4px 16px #0008}.hero-search>span{font-size:28px;color:#c1ac89;padding:0 8px}.hero-search input{font:17px Georgia,serif;min-width:0;flex:1;background:transparent;border:0;color:#eee5d5;padding:12px 0}.hero-search button{background:#cba563;color:#1d160e;border:1px solid #e4c48b;border-radius:4px;padding:12px 18px;font-weight:bold}
.genre-gallery,.featured{padding:18px 3.6% 22px;max-width:1920px;margin:auto;background:#100e0c}.genre-gallery{border-bottom:1px solid #6d553446}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.section-top h2{font:500 26px Cinzel,Georgia,serif;margin:0;color:#e9dcc6}.section-top a{font:14px Georgia,serif;text-decoration:none;color:#d6b375}.genre-tiles{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px}.genre-tile{padding:0;overflow:hidden;border:1px solid #80643f;border-radius:7px;background:#171310;color:#f1e5d3;min-width:0;box-shadow:0 5px 12px #0009;transition:transform .18s,border-color .18s}.genre-art{display:block;width:100%;height:auto;aspect-ratio:1.56;object-fit:cover}.genre-tile>span{display:block;padding:10px 3px;font:clamp(11px,1.05vw,18px) Georgia,serif;white-space:nowrap}.genre-tile:hover{transform:translateY(-3px);border-color:#e4bf7d}.genre-tile[aria-pressed=true]{outline:2px solid #e4bf7d;outline-offset:3px}
.featured{padding-top:22px}.featured-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.featured-empty{grid-column:1/-1;padding:22px 26px;border:1px solid #80643f66;background:#1a1510;color:#c4b59c;margin:0}.featured-card{display:flex;gap:18px;border:1px solid #80643f;border-radius:6px;background:#1b1611;padding:16px;min-width:0}.featured-card img{width:92px;height:132px;object-fit:contain}.featured-card h3{font-size:20px;margin:0 0 8px}.featured-card p{font-size:15px;line-height:1.4;color:#c4b59c}.featured-card a{color:#e6bf77;font-size:15px}.collection{padding-top:36px}.collection .heading h2{font-size:32px}.collection .heading{text-align:left;max-width:none}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffe3a7;outline-offset:4px}
@media(min-width:1700px){.hero{height:440px}.topbar{min-height:125px}.brand{flex-basis:370px}.brand img{width:350px;height:100px}.hero-art{top:-125px}.genre-gallery{padding-top:20px}.genre-tile>span{padding:13px 3px}}
@media(max-width:1000px){.topbar{gap:12px;flex-wrap:wrap}.brand{flex-basis:230px}.brand img{width:220px}.topbar nav{gap:16px}.hero-copy{width:66%}.hero h1{font-size:clamp(27px,3.7vw,38px)}.genre-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.genre-tile>span{font-size:14px}.featured-cards{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.topbar{align-items:center;flex-direction:column;padding:10px 16px}.brand{flex-basis:auto}.brand img{height:76px;width:230px}.topbar nav{justify-content:center;gap:13px;flex-wrap:wrap}.topbar nav a{font-size:13px}.topbar .join{padding:7px 14px}.hero{height:470px;padding:30px 6% 155px;align-items:flex-start}.hero-copy{width:100%}.hero h1{white-space:normal;font-size:36px;max-width:380px}.hero .eyebrow{font-size:13px}.hero .lead{font-size:18px}.hero-art{inset:0 0 0;}.hero-art img{object-position:67% center}.hero:before{background:linear-gradient(#080807d9,#080807c9 60%,transparent)}.hero-search input{font-size:14px}.hero-search button{padding:10px}.hero-search>span{padding:0;font-size:23px}.genre-gallery,.featured{padding:20px 16px}.genre-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.genre-tile>span{font-size:12px;padding:10px 1px}.section-top h2{font-size:20px}.section-top a{font-size:12px}.featured-cards{grid-template-columns:1fr}.featured-empty{padding:18px;font-size:17px}.collection{padding-top:24px}.hero .ornament{margin:12px 0}.hero .ornament:before,.hero .ornament:after{width:95px}}
@media(prefers-reduced-motion:reduce){.genre-tile{transition:none}.genre-tile:hover{transform:none}}

/* Reference-aligned refinement — presentation only; no API, auth, or filtering changes. */
.topbar{min-height:96px;padding:8px clamp(22px,5.5vw,105px);gap:22px}
.brand{flex:0 0 clamp(265px,27vw,425px)}
.brand img{width:100%;max-width:425px;height:auto;max-height:88px;object-fit:contain;object-position:left center}
.topbar nav{gap:clamp(13px,1.7vw,32px)}
.topbar nav a{font-size:clamp(12px,.89vw,17px)}
.topbar .join{padding:12px 24px}
.hero{height:clamp(410px,26vw,485px);padding:36px clamp(32px,6.2vw,140px);overflow:hidden}
.hero-art{inset:-96px 0 0}
.hero-art img{object-position:center 50%}
.hero:before{background:linear-gradient(90deg,rgba(8,7,6,.68) 0%,rgba(8,7,6,.45) 38%,rgba(8,7,6,.05) 68%,transparent 100%)}
.hero-copy{width:56%;max-width:810px;position:relative}
.hero .eyebrow{font-size:clamp(12px,.85vw,17px);letter-spacing:.29em;margin:0 0 5px}
.hero h1{font-size:clamp(43px,4.25vw,80px);line-height:1.1;letter-spacing:-.012em;white-space:normal;max-width:790px}
.hero .ornament{margin:16px 0 14px;max-width:510px}
.hero .ornament:before,.hero .ornament:after{width:40%;max-width:230px}
.hero .lead{font-size:clamp(19px,1.55vw,27px);line-height:1.35;margin:12px 0 20px;max-width:610px}
.hero-search{width:min(100%,730px);max-width:none;padding:7px 8px;min-height:64px}
.hero-search input{font-size:clamp(14px,1vw,19px)}
.hero-search button{font-size:15px;padding:12px 24px}
.genre-gallery,.featured{max-width:1920px;padding-left:clamp(28px,3.7vw,72px);padding-right:clamp(28px,3.7vw,72px)}
.genre-tile>span{padding:12px 3px;font-size:clamp(11px,1vw,17px)}
.featured-empty{min-height:88px;display:flex;align-items:center;border-radius:5px;background:linear-gradient(120deg,#251b13,#16120e)}
@media(max-width:1200px){.brand{flex-basis:275px}.hero-copy{width:62%}.hero h1{font-size:clamp(42px,4.5vw,59px)}.hero .lead{font-size:20px}}
@media(max-width:900px){.topbar{flex-wrap:wrap;justify-content:center}.brand{flex-basis:290px}.topbar nav{justify-content:center}.hero{padding:26px 5%;height:430px}.hero-copy{width:70%}.hero h1{font-size:clamp(35px,5vw,49px)}.genre-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.topbar{min-height:0;flex-direction:column;padding:10px 15px;gap:6px}.brand{flex-basis:auto}.brand img{width:min(76vw,320px);height:auto;max-height:75px}.topbar nav{gap:9px 16px}.topbar nav a{font-size:12px}.hero{height:475px;padding:31px 6% 90px}.hero-art{inset:0}.hero-art img{object-position:65% center}.hero-copy{width:100%}.hero h1{font-size:clamp(32px,9vw,46px);max-width:440px}.hero .lead{font-size:17px}.hero:before{background:linear-gradient(90deg,#090807e8 0%,#090807c2 70%,#09080775 100%)}.hero-search{min-height:56px}.hero-search button{padding:10px 13px;font-size:12px}.genre-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.genre-tile>span{font-size:12px;padding:8px 1px}.hero .ornament:before,.hero .ornament:after{width:95px}}
@media(max-width:390px){.topbar nav{gap:8px 11px}.topbar nav a{font-size:11px}.hero h1{font-size:31px}.hero .lead{font-size:16px}.genre-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact bookshelves: full synopses expand only on reader request. */
.book-card .book-description-details{margin:.55rem 0 .85rem;min-width:0}
.book-card .book-description-details summary{cursor:pointer;display:list-item;list-style:disclosure-closed inside;color:#eac88b;font-weight:600;font-size:.95em;padding:.35rem .25rem;border:1px solid #8a663f;border-radius:4px;background:#261c15}
.book-card .book-description-details[open] summary{list-style:disclosure-open inside}
.book-card .book-description-details summary:hover,.book-card .book-description-details summary:focus-visible{background:#3c2b1d;color:#fff1d3}
.book-card .book-description-details .description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin:.75rem 0 0;font-size:.92em}
.library-member-greeting:not([hidden]){position:relative;z-index:3;text-align:center;background:linear-gradient(90deg,#15100d,#352319,#15100d);border-bottom:1px solid #8c692e;color:#f9dba0;font-family:Georgia,serif;font-size:clamp(18px,2vw,27px);padding:12px 18px;letter-spacing:.04em}

/* Keep the Library welcome sentence balanced without forced desktop line breaks. */
.hero .lead{max-width:min(700px,100%);text-wrap:balance}

/* Quill's membership greeting is informational; entitlements remain server-controlled. */
.quill-library-welcome:not([hidden]){max-width:1180px;margin:14px auto 0;padding:12px 24px;display:flex;gap:24px;align-items:center;text-align:left;background:linear-gradient(110deg,#221911,#443021,#211810);border:1px solid #987b4f;border-radius:8px;box-shadow:0 12px 35px #0005}
.quill-library-welcome[hidden]{display:none}
.quill-library-art{display:block;flex:0 0 auto;width:108px;height:130px;object-fit:cover;object-position:70% center;border-radius:6px;mask-image:linear-gradient(90deg,transparent 0,black 28%)}
.quill-library-art[hidden]{display:none}
.quill-library-copy{flex:1;min-width:0}.quill-library-copy h2{font:500 clamp(1.25rem,3vw,2rem) Cinzel,Georgia,serif;margin:0;color:#f5dba9}.quill-library-copy p{margin:.35rem 0 0;font-size:1rem;color:#eedfc5}.quill-library-copy .quill-library-eyebrow{font:700 .7rem Cinzel,Georgia,serif;letter-spacing:.15em;color:#c9a56d}
@media(max-width:650px){.quill-library-welcome:not([hidden]){margin:10px 14px;padding:12px;gap:12px}.quill-library-art{width:75px;height:90px}}

/* Quill greets signed-in members on a parchment panel, without changing Gothic Library's hero. */
.quill-library-welcome:not([hidden]){max-width:1200px;min-height:165px;padding:16px 30px;gap:26px;background:radial-gradient(ellipse at 85% 40%,#493023,#1b1410 80%);border:1px solid #bf9658;border-radius:9px;box-shadow:inset 0 0 0 2px #1c120e,0 14px 38px #0009}
.quill-library-art{width:120px;height:143px;object-fit:contain;object-position:center;mask-image:none;border-radius:0;filter:drop-shadow(0 6px 6px #0009)}
.quill-library-copy{background:linear-gradient(135deg,#f8e4ba,#dfc18a);color:#2b1b13;padding:18px 28px;border:2px solid #9c743f;border-radius:6px;box-shadow:0 6px 13px #0005}
.quill-library-copy h2{color:#29170f;text-shadow:none}
.quill-library-copy p{color:#513723}
.quill-library-copy .quill-library-eyebrow{color:#7d582b}
@media(max-width:650px){.quill-library-welcome:not([hidden]){padding:12px;gap:10px}.quill-library-art{width:75px;height:100px}.quill-library-copy{padding:12px}.quill-library-copy p{font-size:.88rem}}
/* Exact approved Quill Library entrance */
.hero {
  height: auto;
  min-height: 344px;
  aspect-ratio: 1672 / 344;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: block;
}

.hero-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.hero-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.hero::before,
.hero::after {
  display: none;
}

.hero-copy {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  max-width: none;
  pointer-events: none;
}

.hero-copy > .eyebrow,
.hero-copy > h1,
.hero-copy > .ornament,
.hero-copy > .lead {
  display: none;
}

.hero-search {
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
  width: min(90%, 650px);
  pointer-events: auto;
}

@media (max-width: 700px) {
  .hero {
    min-height: 0;
    height: auto;
    aspect-ratio: 1672 / 344;
    padding: 0;
  }

  .hero-art {
    inset: 0;
  }
}
/* Keep the approved Quill Library artwork unobstructed. */
.hero {
  overflow: visible;
}

.hero-search {
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 12px;
  z-index: 5;
}

.genre-gallery {
  padding-top: 85px;
}

@media (max-width: 700px) {
  .genre-gallery {
    padding-top: 85px;
  }
}
/* Exact approved Quill membership artwork */
.library-member-greeting.quill-library-welcome:not([hidden]){
  position:relative;
  display:block;
  width:min(100% - 32px,532px);
  max-width:532px;
  min-height:0;
  margin:20px auto;
  padding:0;
  overflow:hidden;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  text-align:center;
}
.quill-membership-art{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.library-member-greeting .quill-library-copy{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
#quill-membership-enter{
  position:absolute;
  left:30%;
  bottom:7%;
  width:40%;
  height:18%;
  overflow:hidden;
  color:transparent;
  font-size:0;
  background:transparent;
  border:0;
  cursor:pointer;
}
#quill-membership-enter:focus-visible{
  outline:3px solid #f5dba9;
  outline-offset:2px;
}
@media(max-width:650px){
  .library-member-greeting.quill-library-welcome:not([hidden]){
    width:calc(100% - 24px);
    margin:12px auto;
    padding:0;
  }
}

/* Four real book features frame the existing Quill welcome card. */
.library-welcome-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,532px) minmax(0,1fr);gap:24px;align-items:center;width:min(100% - 48px,1800px);margin:20px auto}
.library-welcome-showcase .library-member-greeting.quill-library-welcome:not([hidden]){width:100%;margin:0;max-width:532px}
.library-featured-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.library-featured-book{min-width:0;text-align:center;padding:12px 10px;background:linear-gradient(145deg,#251d15,#100e0c);border:1px solid #947443;border-radius:6px;box-shadow:0 8px 20px #0005}
.library-featured-label{font:500 12px/1.3 Cinzel,Georgia,serif;letter-spacing:.07em;color:#dfbf7f;margin:0 0 10px}
.library-featured-book a{display:block;text-decoration:none;border-radius:3px}
.library-featured-cover{aspect-ratio:2/3;max-height:245px;max-width:164px;margin:0 auto 10px;background:#17120e;border:1px solid #7f653c;overflow:hidden;display:flex;align-items:center;justify-content:center}
.library-featured-cover img{display:block;width:100%;height:100%;object-fit:contain}
.library-cover-unavailable:after,.library-featured-vacant .library-featured-cover:after{content:'◇';font-size:32px;color:#b8955e}
.library-featured-book h2{font:500 16px/1.25 'EB Garamond',Georgia,serif;margin:8px 0 5px;overflow-wrap:anywhere}
.library-featured-author{font:14px/1.3 'EB Garamond',Georgia,serif;color:#c9b999;margin:0;overflow-wrap:anywhere}
.library-featured-vacant{border-style:dashed}
@media(max-width:1199px){.library-welcome-showcase{grid-template-columns:minmax(0,1fr) minmax(280px,440px) minmax(0,1fr);gap:16px;width:calc(100% - 32px)}.library-featured-side{grid-template-columns:1fr}.library-featured-cover{max-height:170px;max-width:114px}.library-featured-book{padding:8px}.library-featured-book h2{font-size:14px}}
@media(max-width:760px){.library-welcome-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px auto}.library-welcome-showcase .library-member-greeting.quill-library-welcome:not([hidden]){grid-column:1/-1;grid-row:1;justify-self:center;width:min(100%,532px)}.library-featured-side{grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-featured-cover{max-height:180px;width:100%}.library-featured-label{font-size:10px;letter-spacing:0}.library-featured-author{font-size:12px}}
@media(max-width:480px){.library-welcome-showcase{gap:12px;width:calc(100% - 24px)}.library-featured-side{grid-template-columns:1fr}.library-featured-cover{max-height:220px;max-width:146px}.library-featured-label{font-size:12px}.library-featured-book h2{font-size:17px}.library-featured-author{font-size:14px}}

#library-featured-left{grid-column:1;grid-row:1}#library-featured-right{grid-column:3;grid-row:1}.library-welcome-showcase .library-member-greeting{grid-column:2;grid-row:1}
@media(max-width:760px){#library-featured-left{grid-column:1;grid-row:2}#library-featured-right{grid-column:2;grid-row:2}}