
.ls-half{box-sizing:border-box;position:relative;background:#f5f1ea;border-top:1px solid #e2ddd7;border-bottom:1px solid #e2ddd7;margin:96px 0;padding:112px 24px 104px;font-family:Alegreya,Georgia,serif;color:#1a1410}
.ls-half__in{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px}
.ls-half__kicker{margin:0!important;font-size:13px!important;line-height:16px!important;letter-spacing:.18em;text-transform:uppercase;color:#6f645b!important}
.ls-half__mark{font-family:Fraunces,Georgia,serif;font-size:120px;line-height:.6;height:56px;color:#e8c4b0}
.ls-half blockquote{margin:0!important;padding:0!important;border:0!important;background:none!important;font-family:Fraunces,Georgia,serif!important;font-weight:350!important;font-style:normal!important;font-size:40px!important;line-height:1.25!important;letter-spacing:-.01em;color:#1a1410!important;quotes:none}
.ls-half blockquote:before,.ls-half blockquote:after{content:none!important;display:none!important}
.ls-half__src{margin:0!important;font-size:15px!important;color:#6f645b!important}
.ls-half__dots{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}
.ls-half__dots span{width:12px;height:12px;border-radius:9999px;box-sizing:border-box;border:1.5px solid #1a1410}
.ls-half__dots span.on{background:#1a1410}
.ls-half__line{margin:0!important;font-family:Fraunces,Georgia,serif!important;font-weight:350!important;font-size:40px!important;line-height:1.2!important;color:#1a1410!important}
.ls-half ul{list-style:none!important;margin:6px auto 0!important;padding:0!important;width:100%;max-width:780px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;text-align:left;border-top:1px solid #e2ddd7}
.ls-half li{margin:0!important;padding:0!important;list-style:none!important;border-bottom:1px solid #e2ddd7}
.ls-half li:before{content:none!important}
.ls-half ul a{display:grid;grid-template-columns:34px 1fr 14px;align-items:baseline;column-gap:10px;min-height:48px;padding:13px 2px;box-sizing:border-box;color:#1a1410!important;text-decoration:none!important;background-image:none;font-size:18px;line-height:1.35}
.ls-half ul a:hover{color:#d13b1c!important}
.ls-half ul a span{font-family:Fraunces,Georgia,serif;color:#6f645b;margin:0;font-size:18px;line-height:1.3}
.ls-half ul a:after{content:"\2192";color:#6f645b;font-size:14px;justify-self:end}
.ls-half ul a:hover:after{color:#d13b1c}
@media (max-width:767px){
.ls-half{margin:64px 0;padding:64px 20px 56px}
.ls-half__in{gap:18px}
.ls-half__mark{font-size:96px;height:44px}
.ls-half__dots{gap:8px}
.ls-half__dots span{width:8px;height:8px;border-width:1.25px}
.ls-half blockquote,.ls-half__line{font-size:26px!important;line-height:1.25!important}
.ls-half__src{font-size:14px!important}
.ls-half ul{grid-template-columns:1fr;max-width:440px}
.ls-half ul a{font-size:17px}
}


#grve-content .book-kicker,#grve-content .ls-au-kicker,#grve-content .ls-au-qa-label,#grve-content .al-qa-label,#grve-content .ls-au-rc-tag,#grve-content .ls-au-rc-sub,#grve-content .ls-au-fact-k,#grve-content .ls-au-watch-top,#grve-content .hst-breadcrumb,#grve-content .book-tag,#grve-content .jl-row-tag,#grve-content .ls-mfs-tag,#grve-content .au-kick,#grve-content .bk-lbl,#grve-content .al-more-lbl,#grve-content .nob-label,#grve-content .gg-k,#grve-content .ls-buy-lbl,#grve-content .book-worth-k,#grve-content .ls-sh-label,#grve-content .ls-rk-tk,#grve-content .ls-bs-table th,#grve-content .bk-tbl th{font-size:13px !important}
#grve-content .book-kicker,#grve-content .ls-au-kicker,#grve-content .ls-au-qa-label,#grve-content .al-qa-label,#grve-content .ls-au-rc-tag,#grve-content .ls-au-rc-sub,#grve-content .ls-au-fact-k,#grve-content .ls-au-watch-top,#grve-content .hst-breadcrumb,#grve-content .au-kick,#grve-content .al-more-lbl,#grve-content .nob-label,#grve-content .gg-k,#grve-content .ls-buy-lbl,#grve-content .book-worth-k,#grve-content .ls-sh-label,#grve-content .ls-rk-tk,#grve-content .ls-bs-sub,#grve-content .ls-mv-film,#grve-content .ls-sc-startw,#grve-content .ls-au-shelf-note,#grve-content .ls-bs-table th,#grve-content .bk-tbl th{color:#5a5048 !important}
#grve-content .hst-breadcrumb a{color:#5a5048 !important}
#grve-content .bk-sup-a{color:#8a7d72 !important}
#grve-content .bk-lbl{color:#6b5f56}
#grve-content a.ls-hl,#grve-content a.ls-year{color:#6f645b !important}
#grve-content a.book-link{color:#d13b1c !important}
#grve-content .affiliate-btn,#grve-content .affiliate-more-sum{font-size:max(13px,.8rem) !important}
@media (max-width:600px){
 #grve-content table.ls-stack,#grve-content table.ls-stack tbody,#grve-content table.ls-stack tr,#grve-content table.ls-stack td{display:block !important;width:auto !important;min-width:0 !important;max-width:100% !important}
 #grve-content table.ls-stack thead{display:none !important}
 #grve-content table.ls-stack tr{padding:14px 0 !important;border-bottom:1px solid #e2ddd7 !important}
 #grve-content table.ls-stack td{padding:2px 0 !important;border:0 !important;text-align:left !important}
 #grve-content table.ls-stack td[data-label]::before{content:attr(data-label) ": ";font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#5a5048}
 #grve-content table.ls-stack td:first-child[data-label]::before{content:none}
 #grve-content .ls-stack-wrap{overflow:visible !important}
}

/* Cookiebanner in huisstijl, Accept en Decline even prominent (cmplz-site-1011) */
.cmplz-cookiebanner.cmplz-cookiebanner{background:#fcfaf7 !important;border:1px solid #1a1410 !important;border-radius:2px !important;box-shadow:6px 6px 0 #1a1410 !important;color:#1a1410 !important;font-family:'Domine',Georgia,serif !important}
.cmplz-cookiebanner .cmplz-title{font-family:'Domine',Georgia,serif !important;font-size:17px !important;font-weight:700 !important;color:#1a1410 !important}
.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-message p{font-size:14px !important;line-height:1.6 !important;color:#2b2420 !important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny{background:#1a1410 !important;border:1px solid #1a1410 !important;color:#fcfaf7 !important;border-radius:2px !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;font-weight:600 !important;font-size:14px !important;text-transform:none !important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover,.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover{background:#d13b1c !important;border-color:#d13b1c !important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences{background:transparent !important;border:1px solid #e2ddd7 !important;color:#1a1410 !important;border-radius:2px !important;font-size:14px !important}
.cmplz-cookiebanner .cmplz-links a,.cmplz-cookiebanner .cmplz-documents a{color:#5a5048 !important;font-size:13px !important}
@media (min-width:601px){.cmplz-cookiebanner .cmplz-buttons{display:grid !important;grid-template-columns:1fr 1fr;gap:8px}.cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences,.cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences{grid-column:1/-1}}
body:has(.cmplz-cookiebanner.cmplz-show) #ls-bf{display:none !important}

/* Homepage: ronde foto op mobiel groter (hero-photo-1011) */
@media (max-width:767px){html body.home .ls-hero-photo.ls-hero-photo{width:140px !important;height:140px !important;box-shadow:0 0 0 1.5px #2e2216,6px 8px 0 1.5px rgba(46,34,22,.10) !important}html body.home .ls-hero-photo.ls-hero-photo img{width:220% !important;left:-84% !important;top:-28% !important}html body.home .ls-hero.ls-hero{padding-bottom:64px !important}}
/* Bookshelf: donkerder rood voor het accent in de H1 (10 nov) */
html body h1.gg-h1 .gg-acc.gg-acc.gg-acc,html body .nob h1.gg-h1 .gg-acc.gg-acc{color:#a8311a !important}
/* Poor Things (bookshelf): lila band in plaats van roze (10 nov) */
html:not(.ls-night) body.page-id-42790 .nob.ls-h2 .nob-hero.nob-hero,html:not(.ls-night) body.page-id-42790 .nob.ls-h2 .nob-hero.nob-hero::before{background-color:#e6dcf2 !important}
html:not(.ls-night) body.page-id-42790 .grve-simple-sticky{--ls-hd-bg:#e6dcf2 !important}

/* Meer ruimte tussen kruimelpad en "Author Guide"-label op auteursgidsen (11 nov 2026) */
html body.parent-pageid-59679 #grve-content nav.hst-breadcrumb.hst-breadcrumb{margin-bottom:36px !important}

/* Bookshelf-pagina's: sprongmenu "Why it's on my shelf · Reviews · FAQ" dezelfde stijl als Lord of the Flies (11 nov 2026) */
.nob .gg-crumb{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.nob .gg-jump{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8a7d72}
.nob .gg-jump a{color:#6f645b;text-decoration:none !important;border:0 !important;background:none !important}
.nob .gg-jump a:hover{color:#d13b1c}
@media (max-width:767px){.nob .gg-jump{display:none}}

/* Winkel-tekstlinks zonder kader in donkere modus, alleen onderstreping (11 nov) */
html.ls-ntm-light body #grve-content .ls-buyb .ls-buyb-alt a.ls-buyb-l.ls-buyb-l{border:0 !important;border-radius:0 !important;background:none !important}

.ls-shop-note.ls-shop-note{font-size:0.82rem;line-height:1.5;color:#6f645b;font-style:italic;margin:10px 0 0 !important}

/* Layout: a launcher pinned bottom right; it opens a 400px panel above it (a bottom sheet on phones) that steps through intro, five questions, email, result */
#ls-bf{
  --bf-ground:#f5f1ea; --bf-paper:#fcfaf7; --bf-ink:#1a1410; --bf-text:#2b2b2b; --bf-muted:#6f645b;
  --bf-rule:#e2ddd7; --bf-peach:#e8c4b0; --bf-red:#d13b1c; --bf-violet:#7250c8; --bf-owl:#c9502f;
  --bf-soft:#faf8f6; --bf-pick:#f3e5de; --bf-on-ink:#fcfaf7;
  --bf-serif:"Domine",Georgia,"Times New Roman",serif;
  --bf-hand:"Caveat Brush","Segoe Print","Bradley Hand",cursive;
  --bf-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) #ls-bf.ls-bf-themed{
  --bf-ground:#1d1814; --bf-paper:#26201b; --bf-ink:#f7f3ee; --bf-text:#e6dfd7; --bf-muted:#b3a89d;
  --bf-rule:#3d352e; --bf-peach:#8a5a44; --bf-red:#f07656; --bf-violet:#a68cf0; --bf-owl:#e2795a;
  --bf-soft:#2d2620; --bf-pick:#3a2c25; --bf-on-ink:#1a1410; color-scheme:dark } }
:root[data-theme="dark"] #ls-bf.ls-bf-themed{
  --bf-ground:#1d1814; --bf-paper:#26201b; --bf-ink:#f7f3ee; --bf-text:#e6dfd7; --bf-muted:#b3a89d;
  --bf-rule:#3d352e; --bf-peach:#8a5a44; --bf-red:#f07656; --bf-violet:#a68cf0; --bf-owl:#e2795a;
  --bf-soft:#2d2620; --bf-pick:#3a2c25; --bf-on-ink:#1a1410; color-scheme:dark }

#ls-bf.ls-bf.ls-bf{position:fixed;z-index:99990;right:max(32px,env(safe-area-inset-right,0px));bottom:max(24px,env(safe-area-inset-bottom,0px));
  display:flex !important;flex-direction:column;align-items:flex-end;gap:12px;font-family:var(--bf-sans);color:var(--bf-text);line-height:1.55;
  font-size:16px;pointer-events:none;max-width:calc(100vw - 32px)}
#ls-bf *,#ls-bf *::before,#ls-bf *::after{box-sizing:border-box}
#ls-bf > *{pointer-events:auto}
#ls-bf [hidden][hidden][hidden][hidden]{display:none !important}
#ls-bf .bf-x.bf-x.bf-x,#ls-bf .bf-back.bf-back.bf-back{display:inline-grid;place-items:center;width:40px !important;height:40px !important;min-width:40px;border:0 !important;border-radius:50% !important;background:transparent !important;box-shadow:none !important;padding:0 !important;margin:0 !important;color:var(--bf-muted) !important;min-height:0 !important;line-height:1 !important;font-size:1.4rem !important}
#ls-bf .bf-x.bf-x.bf-x:hover,#ls-bf .bf-back.bf-back.bf-back:hover{background:var(--bf-soft) !important;color:var(--bf-ink) !important}

/* Launcher: a note with the Night Owl stamp on its corner */
#ls-bf .bf-launch.bf-launch{position:relative;display:flex !important;flex-direction:column;align-items:flex-start;gap:7px;width:300px;max-width:100%;
  padding:18px 58px 16px 18px !important;margin:0 !important;text-align:left;background:var(--bf-paper) !important;color:var(--bf-ink) !important;
  border:1px solid var(--bf-rule) !important;border-radius:2px !important;box-shadow:8px 8px 0 var(--bf-peach),0 12px 30px rgba(26,20,16,.12) !important;
  font:inherit;line-height:1.3;cursor:pointer;text-decoration:none !important;transform:rotate(-1.5deg);transition:transform .2s;text-transform:none !important;letter-spacing:0 !important}
#ls-bf .bf-launch:hover{transform:rotate(-1.5deg) translateY(-2px)}
#ls-bf .bf-l-title{display:block;font-family:var(--bf-serif);font-size:17px;font-weight:700;color:var(--bf-ink)}
#ls-bf .bf-l-title .bf-hand{font-size:1.55em}
#ls-bf .bf-l-sub{display:inline-block;font-family:var(--bf-sans);font-size:13px;font-weight:600;color:var(--bf-ink);border-bottom:1px solid var(--bf-peach);padding-bottom:1px}
#ls-bf .bf-l-sub-s{display:none}
#ls-bf .bf-l-stamp{position:absolute;top:-34px;right:-14px;width:78px;height:78px;transform:rotate(-12deg);pointer-events:none}
#ls-bf.bf-is-open .bf-launch.bf-launch{display:none !important}
#ls-bf:not(.bf-is-open) .bf-card.bf-card{display:none !important}

/* Panel */
#ls-bf .bf-card.bf-card{display:block !important;width:400px;max-width:100%;max-height:min(680px,calc(100vh - 120px));max-height:min(680px,calc(100dvh - 120px));overflow-y:auto;
  overscroll-behavior:contain;background:var(--bf-paper);border:1px solid var(--bf-rule);border-radius:2px;box-shadow:8px 8px 0 var(--bf-peach),0 18px 50px rgba(26,20,16,.2);
  padding:0 26px 26px;position:relative;transform-origin:bottom right;animation:bfPop .3s ease both}
#ls-bf .bf-top.bf-top{display:flex !important;align-items:center;justify-content:space-between;gap:10px;min-height:56px;position:sticky;top:0;z-index:2;
  background:var(--bf-paper);margin:0 -26px 14px;padding:6px 14px 6px 22px;border-bottom:1px solid var(--bf-rule)}
#ls-bf .bf-top-l.bf-top-l{display:flex !important;align-items:center;gap:8px;min-width:0}
#ls-bf .bf-eyebrow{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--bf-muted);font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ls-bf .bf-back.bf-back{display:inline-grid !important;place-items:center;width:36px;height:36px;margin-left:-10px;background:none;border:0;border-radius:50%;
  color:var(--bf-muted);font:inherit;font-size:1.05rem;cursor:pointer;text-decoration:none !important}
#ls-bf .bf-back:hover{background:var(--bf-soft);color:var(--bf-ink)}
#ls-bf .bf-progress.bf-progress{display:flex !important;gap:4px;height:3px;margin:0 0 20px}
#ls-bf .bf-progress span{flex:1;border-radius:2px;background:var(--bf-rule);transition:background .3s}
#ls-bf .bf-progress span.on{background:var(--bf-ink)}
#ls-bf .bf-progress span.now{background:var(--bf-red)}

#ls-bf h2.bf-h,#ls-bf .bf-h{font-family:var(--bf-serif);font-weight:700;color:var(--bf-ink);font-size:1.38rem;line-height:1.3;margin:0 0 10px;text-wrap:balance;letter-spacing:-0.01em}
#ls-bf .bf-h:focus{outline:none}
#ls-bf .bf-hand{font-family:var(--bf-hand);font-weight:400;color:var(--bf-red);font-size:1.4em;line-height:1}
#ls-bf .bf-lead{font-family:var(--bf-serif);font-size:0.95rem;line-height:1.65;color:var(--bf-text);margin:0 0 20px}

/* Intro */
#ls-bf .bf-intro-shelf.bf-intro-shelf{display:flex !important;align-items:flex-end;gap:4px;height:74px;margin:6px 0 20px}
#ls-bf .bf-intro-shelf i{display:block;width:17px;border-radius:2px 2px 0 0;background:var(--c);height:var(--h);transform:rotate(var(--r,0deg));transform-origin:bottom;
  box-shadow:inset -3px 0 0 rgba(0,0,0,.08)}
#ls-bf .bf-promise.bf-promise{display:flex !important;flex-wrap:wrap;gap:6px 16px;margin:0 0 22px;padding:0;list-style:none;font-size:0.82rem;color:var(--bf-muted)}
#ls-bf .bf-promise li{margin:0;display:flex;align-items:center;gap:6px}
#ls-bf .bf-promise li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--bf-red)}

/* Buttons */
#ls-bf .bf-btn.bf-btn{display:flex !important;width:100%;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 22px;
  background:var(--bf-ink);color:var(--bf-on-ink);border:1px solid var(--bf-ink);border-radius:2px;font:inherit;font-weight:600;font-size:0.95rem;
  letter-spacing:0.02em;cursor:pointer;text-decoration:none !important;transition:transform .15s}
#ls-bf .bf-btn:hover{transform:translateY(-1px)}
#ls-bf .bf-btn:disabled{opacity:.55;cursor:default;transform:none}
#ls-bf .bf-btn .bf-arrow{transition:transform .2s}
#ls-bf .bf-btn:hover .bf-arrow{transform:translateX(3px)}
#ls-bf .bf-ghost.bf-ghost{display:inline-flex !important;align-items:center;min-height:44px;background:none;border:0;padding:0;font:inherit;font-size:0.85rem;
  color:var(--bf-muted);cursor:pointer;text-decoration:underline !important;text-underline-offset:3px;text-decoration-color:var(--bf-rule) !important}
#ls-bf .bf-ghost:hover{color:var(--bf-ink)}
#ls-bf .bf-center{text-align:center}
#ls-bf .bf-meta{font-size:0.82rem;color:var(--bf-muted);margin:16px 0 0}

/* Options */
#ls-bf .bf-options.bf-options{display:grid !important;grid-template-columns:1fr;gap:8px;margin:0;padding:0;list-style:none}
#ls-bf .bf-options.bf-two{grid-template-columns:repeat(2,minmax(0,1fr))}
#ls-bf .bf-options li{margin:0;min-width:0}
#ls-bf .bf-opt.bf-opt{display:flex !important;align-items:center;gap:12px;width:100%;height:100%;min-height:54px;padding:11px 14px;text-align:left;
  background:var(--bf-soft);border:1px solid var(--bf-rule);border-radius:2px;color:var(--bf-ink);font:inherit;font-size:0.94rem;line-height:1.4;
  cursor:pointer;transition:border-color .15s,background .15s,transform .15s;text-decoration:none !important}
#ls-bf .bf-opt:hover{border-color:var(--bf-ink)}
#ls-bf .bf-opt[aria-pressed="true"]{background:var(--bf-ink);color:var(--bf-on-ink);border-color:var(--bf-ink)}
#ls-bf .bf-opt[aria-pressed="true"] .bf-key{background:var(--bf-red);color:#fff;border-color:var(--bf-red)}
#ls-bf .bf-key{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--bf-rule);border-radius:50%;
  font-size:0.72rem;font-weight:700;color:var(--bf-muted);background:var(--bf-paper)}
#ls-bf .bf-two .bf-key{display:none}
#ls-bf .bf-opt small{display:block;font-size:0.78rem;color:var(--bf-muted);margin-top:2px}
#ls-bf .bf-opt[aria-pressed="true"] small{color:var(--bf-rule)}
#ls-bf .bf-quote .bf-opt{font-family:var(--bf-serif);font-style:italic;font-size:0.9rem}
#ls-bf .bf-hint{font-size:0.82rem;color:var(--bf-muted);margin:-4px 0 16px}

/* Email */
#ls-bf .bf-form.bf-form{display:grid !important;gap:12px;margin:0}
#ls-bf .bf-field label{display:block;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.14em;color:var(--bf-muted);font-weight:600;margin-bottom:5px}
#ls-bf .bf-field input{width:100%;min-height:50px;padding:11px 14px;border:1px solid var(--bf-rule);border-radius:2px;background:var(--bf-paper);
  color:var(--bf-ink);font:inherit;font-size:1rem}
#ls-bf .bf-field input:focus,#ls-bf button:focus-visible,#ls-bf a:focus-visible,#ls-bf .bf-check input:focus-visible{outline:3px solid var(--bf-violet);outline-offset:2px}
#ls-bf .bf-field input[aria-invalid="true"]{border-color:var(--bf-red)}
#ls-bf .bf-err{color:var(--bf-red);font-size:0.84rem;margin:6px 0 0}
#ls-bf .bf-err:empty{display:none}
#ls-bf .bf-check.bf-check{display:flex !important;gap:10px;align-items:flex-start;font-size:0.84rem;line-height:1.5;color:var(--bf-muted);cursor:pointer;margin:2px 0 4px}
#ls-bf .bf-check input[type="checkbox"]{-webkit-appearance:checkbox !important;appearance:auto !important;display:inline-block !important;position:static !important;opacity:1 !important;visibility:visible !important;width:20px !important;height:20px !important;margin:1px 0 0 !important;accent-color:var(--bf-ink);flex:none;clip:auto !important}
#ls-bf .bf-teaser.bf-teaser{display:flex !important;align-items:center;gap:14px;padding:14px 16px;margin:0 0 20px;background:var(--bf-pick);border-radius:2px}
#ls-bf .bf-teaser-spines.bf-teaser-spines{display:flex !important;gap:3px;align-items:flex-end;height:46px;flex:none;filter:blur(1.5px)}
#ls-bf .bf-teaser-spines i{display:block;width:12px;background:var(--c);height:var(--h);border-radius:1px}
#ls-bf .bf-teaser p{margin:0;font-size:0.9rem;color:var(--bf-text);line-height:1.45}
#ls-bf .bf-teaser b{color:var(--bf-ink)}

#ls-bf .bf-sugg.bf-sugg{display:grid !important;gap:0;margin:6px 0 0;padding:4px;list-style:none;border:1px solid var(--bf-rule);border-radius:2px;background:var(--bf-paper);box-shadow:0 8px 24px rgba(26,20,16,.08)}
#ls-bf .bf-sugg[hidden]{display:none !important}
#ls-bf .bf-sugg li{margin:0}
#ls-bf .bf-sugg-opt.bf-sugg-opt{display:flex !important;flex-direction:column;align-items:flex-start;width:100%;min-height:44px;padding:8px 12px;background:none;border:0;border-radius:2px;
  text-align:left;font:inherit;font-size:0.92rem;color:var(--bf-ink);cursor:pointer;text-decoration:none !important}
#ls-bf .bf-sugg-opt:hover,#ls-bf .bf-sugg-opt:focus-visible{background:var(--bf-soft)}
#ls-bf .bf-sugg-opt small{font-size:0.78rem;color:var(--bf-muted);font-style:italic}

#ls-bf .bf-covers.bf-covers{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px;padding:0;list-style:none}
#ls-bf .bf-covers li{margin:0;min-width:0}
#ls-bf .bf-cv.bf-cv{display:flex !important;align-items:flex-end;width:100%;aspect-ratio:2/3;max-width:100%;padding:10px 8px 10px 12px;background:var(--c);color:#fcfaf7;
  border:0;border-radius:2px 4px 4px 2px;box-shadow:inset 6px 0 0 rgba(0,0,0,.18),3px 3px 0 var(--bf-rule);font-family:var(--bf-serif);font-weight:700;font-size:0.78rem;
  line-height:1.25;text-align:left;cursor:pointer;position:relative;transition:transform .15s,box-shadow .15s;text-decoration:none !important}
#ls-bf .bf-cv:hover{transform:translateY(-2px)}
#ls-bf .bf-cv[aria-pressed="true"]{box-shadow:inset 6px 0 0 rgba(0,0,0,.18),0 0 0 3px var(--bf-paper),0 0 0 5px var(--bf-red)}
#ls-bf .bf-cv[aria-pressed="true"]::after{content:"";position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--bf-red);
  background-image:linear-gradient(45deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%);box-shadow:0 0 0 2px #fcfaf7}

#ls-bf .bf-btn.bf-btn,#ls-bf .bf-opt.bf-opt,#ls-bf .bf-cv.bf-cv,#ls-bf .bf-sugg-opt.bf-sugg-opt,#ls-bf .bf-ghost.bf-ghost{text-transform:none !important;letter-spacing:normal !important}
#ls-bf .bf-btn.bf-btn{letter-spacing:0.02em !important}

/* Result */
#ls-bf .bf-result-head{position:relative;padding-right:92px;min-height:96px}
#ls-bf .bf-type-label{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.14em;color:var(--bf-muted);font-weight:600;margin:4px 0 2px}
#ls-bf h2.bf-type.bf-type{font-family:var(--bf-hand);color:var(--bf-red);font-size:2.7rem;line-height:0.95;margin:0 0 10px;font-weight:400;letter-spacing:0}
#ls-bf .bf-stamp{position:absolute;top:-4px;right:-8px;width:92px;height:92px;transform:rotate(-9deg);pointer-events:none}
#ls-bf .bf-picks-h{font-family:var(--bf-serif);font-size:1rem;font-weight:700;color:var(--bf-ink);margin:22px 0 10px}
#ls-bf .bf-picks.bf-picks{display:grid !important;gap:10px;margin:0;padding:0;list-style:none}
#ls-bf .bf-pick.bf-pick{display:grid !important;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border:1px solid var(--bf-rule);
  border-radius:2px;background:var(--bf-soft);margin:0}
#ls-bf .bf-cover{width:44px;height:64px;border-radius:1px 3px 3px 1px;background:var(--c);box-shadow:inset 4px 0 0 rgba(0,0,0,.16),3px 3px 0 var(--bf-rule)}
#ls-bf .bf-pick-k{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--bf-muted);margin:0 0 2px}
#ls-bf .bf-pick h3{font-family:var(--bf-serif);font-size:0.98rem;color:var(--bf-ink);margin:0;line-height:1.3}
#ls-bf .bf-pick-a{font-style:italic;color:var(--bf-muted);font-size:0.84rem;margin:2px 0 6px}
#ls-bf .bf-pick-why{font-size:0.88rem;margin:0 0 6px;color:var(--bf-text);line-height:1.55}
#ls-bf .bf-link.bf-link{color:var(--bf-red);font-weight:600;font-size:0.86rem;text-decoration:none !important;border-bottom:1px solid var(--bf-peach);
  display:inline-flex !important;align-items:center;min-height:30px}
#ls-bf .bf-link:hover{border-bottom-color:var(--bf-red)}
#ls-bf .bf-sent.bf-sent{display:block !important;margin:0 0 16px;padding:10px 14px;border-left:3px solid var(--bf-red);background:var(--bf-pick);font-size:0.86rem;line-height:1.45}
#ls-bf .bf-more.bf-more{display:grid !important;grid-template-columns:1fr;gap:8px;margin:16px 0 0;padding:0;list-style:none}
#ls-bf .bf-more li{margin:0}
#ls-bf .bf-more a{display:flex !important;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 14px;border:1px solid var(--bf-rule);
  border-radius:2px;color:var(--bf-ink);text-decoration:none !important;font-size:0.88rem;background:var(--bf-paper)}
#ls-bf .bf-more a:hover{border-color:var(--bf-ink)}
#ls-bf .bf-foot.bf-foot{display:flex !important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}
#ls-bf .bf-sign{font-family:var(--bf-hand);font-size:1.5rem;color:var(--bf-red);margin:0}

#ls-bf .bf-scene{animation:bfIn .32s ease both}
@keyframes bfIn{from{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes bfPop{from{opacity:.001;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#ls-bf .bf-scene,#ls-bf .bf-card{animation:none}#ls-bf *{transition:none !important}}

/* Phones: the panel becomes a sheet from the bottom edge */
@media (max-width:600px){
  #ls-bf.ls-bf.ls-bf{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));max-width:none}
  #ls-bf.ls-bf.bf-is-open{left:0;right:0;bottom:0;max-width:none;gap:0}
  #ls-bf.bf-is-open .bf-launch{display:none !important}
  #ls-bf .bf-card.bf-card{width:100%;max-height:92vh;max-height:92dvh;border-radius:12px 12px 0 0;border-bottom:0;box-shadow:0 -10px 40px rgba(26,20,16,.25);
    padding:0 max(20px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));transform-origin:bottom center}
  #ls-bf .bf-top.bf-top{margin:0 calc(-1 * max(20px,env(safe-area-inset-right,0px))) 14px;padding-left:20px}
  #ls-bf .bf-launch.bf-launch{width:100%;min-height:56px;gap:2px;padding:10px 70px 10px 14px !important;transform:none;box-shadow:4px 4px 0 var(--bf-peach),0 8px 24px rgba(26,20,16,.14) !important}
  #ls-bf .bf-launch:hover{transform:none}
  #ls-bf .bf-l-title{font-size:14px}
  #ls-bf .bf-l-sub{font-size:12px;border-bottom:0}
  #ls-bf .bf-l-sub-l{display:none}
  #ls-bf .bf-l-sub-s{display:inline-block}
  #ls-bf .bf-l-stamp{top:-16px;right:6px;width:60px;height:60px}
  #ls-bf .bf-covers.bf-covers{gap:8px;margin-bottom:16px}
  #ls-bf .bf-cv.bf-cv{aspect-ratio:auto;height:96px;font-size:0.74rem;padding:8px 6px 8px 11px}
}


/* Book Finder polish, 10 nov 2026 */
#ls-bf .bf-cv[aria-pressed=true]:after{background:var(--bf-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 14px no-repeat !important}
#ls-bf .bf-progress span:last-child:not(.now){display:none}
#ls-bf .bf-card.bf-card{scrollbar-width:thin;scrollbar-color:var(--bf-rule) transparent}
#ls-bf .bf-card.bf-card::-webkit-scrollbar{width:6px}
#ls-bf .bf-card.bf-card::-webkit-scrollbar-thumb{background:var(--bf-rule);border-radius:3px}
#ls-bf .bf-cv.bf-cv{aspect-ratio:auto;height:104px}
#ls-bf .bf-covers.bf-covers{margin-bottom:16px}
#ls-bf #bf-next{position:sticky;bottom:0;z-index:2;box-shadow:0 -14px 14px -6px var(--bf-paper)}
body:has(#ls-bf.bf-is-open) .grve-back-top{opacity:0 !important;pointer-events:none !important}
body:has(#ls-bf:not(.bf-is-open) .bf-launch) .grve-back-top{bottom:210px !important}
@media (max-width:600px){body:has(#ls-bf:not(.bf-is-open) .bf-launch) .grve-back-top{bottom:150px !important}#ls-bf .bf-cv.bf-cv{height:92px}}
#ls-bf .bf-cv.bf-cv{overflow:hidden}
#ls-bf .bf-cv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:0}
#ls-bf .bf-cv:has(.bf-cv-img) span{position:relative;z-index:1;background:rgba(26,20,16,.72);padding:3px 6px;border-radius:2px;font-size:.72rem}
#ls-bf .bf-cv[aria-pressed=true]:after{z-index:2}
#ls-bf .bf-none.bf-none{display:flex !important;justify-content:center;width:100%;margin:10px 0 0;font-size:.9rem;color:var(--bf-muted);text-decoration:underline !important;text-underline-offset:3px}
#ls-bf .bf-none:hover{color:var(--bf-ink)}
@media (min-width:601px){#ls-bf .bf-card.bf-card{min-height:min(580px,calc(100vh - 120px))}}
/* Launcher redesign 10 nov */
@media (min-width:601px){
#ls-bf .bf-launch.bf-launch{display:grid !important;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:9px;align-items:center;width:360px;padding:16px 44px 16px 18px !important;transform:none;box-shadow:6px 6px 0 var(--bf-peach),0 10px 28px rgba(26,20,16,.14) !important}
#ls-bf .bf-launch.bf-launch::before{content:"";grid-row:1/3;align-self:center;width:42px;height:54px;border-bottom:2px solid #2e2216;background:linear-gradient(#b0452a,#b0452a) 0 100%/8px 44px no-repeat,linear-gradient(#2f5a4c,#2f5a4c) 11px 100%/8px 54px no-repeat,linear-gradient(#e8c4b0,#e8c4b0) 22px 100%/8px 40px no-repeat,linear-gradient(#3c3a52,#3c3a52) 33px 100%/9px 49px no-repeat}
#ls-bf .bf-launch:hover{transform:translateY(-2px)}
#ls-bf .bf-l-title{font-size:16px;line-height:1.25}
#ls-bf .bf-l-title .bf-hand{font-size:1.4em;white-space:nowrap}
#ls-bf .bf-l-sub-l{justify-self:start;background:var(--bf-ink);color:#fcfaf7 !important;border:0 !important;padding:8px 13px !important;border-radius:2px;font-size:13px;transition:background .15s}
#ls-bf .bf-launch:hover .bf-l-sub-l{background:var(--bf-red)}
#ls-bf .bf-l-stamp{top:-24px;right:-18px;width:62px;height:62px}
}
@media (max-width:600px){
#ls-bf .bf-launch.bf-launch{display:grid !important;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:10px 12px 10px 16px !important;min-height:58px}
#ls-bf .bf-l-title{font-size:15px}
#ls-bf .bf-l-title .bf-hand{font-size:1.35em;white-space:nowrap}
#ls-bf .bf-l-sub-s{background:var(--bf-ink);color:#fcfaf7 !important;padding:9px 12px;border-radius:2px;font-size:13px;white-space:nowrap}
#ls-bf .bf-l-stamp{display:none}
}
/* Launcher: A24-style touch, 10 nov */
#ls-bf .bf-launch.bf-launch{background:#0e0c0a !important;color:#f2ede6 !important;border:1px solid #0e0c0a !important;border-radius:0 !important;overflow:hidden;isolation:isolate}
#ls-bf .bf-launch.bf-launch::after{content:"";position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.35;pointer-events:none}
#ls-bf .bf-l-title{color:#f2ede6 !important;font-weight:400 !important;letter-spacing:-.005em}
#ls-bf .bf-l-title .bf-hand{color:#e0573a !important}
#ls-bf .bf-l-stamp{display:none !important}
@media (min-width:601px){
#ls-bf .bf-launch.bf-launch{grid-template-columns:1fr;grid-template-rows:auto;row-gap:14px;width:340px;padding:18px 22px 22px !important;box-shadow:0 22px 48px rgba(14,12,10,.38) !important}
#ls-bf .bf-launch.bf-launch::before{content:"THE NIGHT OWL \2014  BOOK FINDER";grid-row:auto;width:auto;height:auto;align-self:stretch;background:none;border:0;border-bottom:1px solid #2c2824;padding:0 0 12px;font:600 12px/1.2 var(--bf-sans);letter-spacing:.26em;color:#a39a90}
#ls-bf .bf-l-title{font-size:21px;line-height:1.2}
#ls-bf .bf-l-sub-l{background:transparent !important;color:#f2ede6 !important;border:1px solid #f2ede6 !important;text-transform:uppercase;letter-spacing:.1em !important;font-size:12px !important;padding:11px 14px !important;white-space:nowrap;border-radius:0 !important;transition:background .2s,color .2s}
#ls-bf .bf-launch:hover .bf-l-sub-l{background:#f2ede6 !important;color:#0e0c0a !important}
#ls-bf .bf-launch:hover{transform:translateY(-2px)}
}
@media (max-width:600px){
#ls-bf .bf-launch.bf-launch{box-shadow:0 -8px 30px rgba(14,12,10,.3) !important}
#ls-bf .bf-l-sub-s{background:transparent !important;color:#f2ede6 !important;border:1px solid #f2ede6;text-transform:uppercase;letter-spacing:.14em;font-size:12px;padding:9px 11px;border-radius:0}
}
/* Launcher: lichter, 10 nov */
#ls-bf .bf-launch.bf-launch{background:#f4efe7 !important;color:#1a1410 !important;border:1px solid #1a1410 !important}
#ls-bf .bf-launch.bf-launch::after{mix-blend-mode:multiply;opacity:.18}
#ls-bf .bf-l-title{color:#1a1410 !important}
#ls-bf .bf-l-title .bf-hand{color:#d13b1c !important}
@media (min-width:601px){
#ls-bf .bf-launch.bf-launch{box-shadow:6px 6px 0 #1a1410 !important}
#ls-bf .bf-launch.bf-launch::before{color:#5a5048;border-bottom-color:#d9d1c6}
#ls-bf .bf-l-sub-l{color:#1a1410 !important;border-color:#1a1410 !important}
#ls-bf .bf-launch:hover .bf-l-sub-l{background:#1a1410 !important;color:#f4efe7 !important}
}
@media (max-width:600px){
#ls-bf .bf-launch.bf-launch{box-shadow:0 -6px 24px rgba(26,20,16,.16) !important;border-width:1px 0 0 !important}
#ls-bf .bf-l-sub-s{color:#1a1410 !important;border-color:#1a1410 !important}
}

.nob-bar.nob-bar.nob-bar{background:#121a33}
