tb-nilo-book{display:block;--nb-paper:#fffaf1;--nb-line:rgba(216,180,121,.3)}
.tb-nilo-book{background:var(--tb-night);color:var(--tb-cream);border-radius:18px;overflow:hidden;margin-block:16px 40px;scroll-margin-top:96px}
.tb-nilo-book--home{border-radius:0;margin:0}
.tb-nilo-book__inner{padding:46px clamp(24px,4vw,52px) 26px}
.tb-nilo-book--home .tb-nilo-book__inner{max-width:1264px;margin-inline:auto;padding:50px 48px 28px}
.tb-nilo-book__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
.tb-nilo-book__stage{position:relative;aspect-ratio:1.12;max-width:550px;width:100%;margin:auto;background:radial-gradient(ellipse at 50% 52%,#d8b47921,transparent 68%)}
.tb-nilo-book__spread{position:absolute;left:23%;top:12%;width:69%;display:grid;grid-template-columns:1fr 1fr;transform:rotate(6deg);box-shadow:3px 15px 32px #0007;background:var(--nb-paper);border:3px solid var(--nb-paper)}
.tb-nilo-book__spread img{width:100%;height:auto}
.tb-nilo-book__cover{position:absolute;left:4%;top:5%;width:48%;height:auto;transform:rotate(-8deg);box-shadow:7px 13px 25px #0008;border-radius:1px 3px 3px 1px}
.tb-nilo-book__caption{position:absolute;bottom:1%;right:1%;color:#ecd6af;font-size:12px;letter-spacing:.03em}
.tb-nilo-book__stage-open{position:absolute;inset:0;background:transparent;border-radius:14px}
.tb-nilo-book__stage-open:hover{background:#ffffff05}
.tb-nilo-book__eyebrow{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tb-gold);margin-bottom:17px}
.tb-nilo-book__copy h2{font-size:clamp(31px,3.4vw,45px);line-height:1.12;letter-spacing:-.03em;color:var(--tb-cream);margin:0 0 20px}
.tb-nilo-book__intro{font-size:17px;line-height:1.65;max-width:490px;color:#e3e6e1}
.tb-nilo-book__intro+p{font-size:15px;line-height:1.6;margin-top:12px;color:#c8d0ce;max-width:490px}
.tb-nilo-book__facts{display:flex;gap:26px;align-items:center;padding-block:19px;margin-top:19px;border-block:1px solid var(--nb-line)}
.tb-nilo-book__facts p{font-size:13px;line-height:1.4;color:#e3d5bc}
.tb-nilo-book__facts strong{display:block;color:var(--tb-gold);font:500 30px/1.1 var(--tb-serif);margin-bottom:3px}
.tb-nilo-book__author{font-size:13px;color:#c8d0ce;margin-top:13px}
.tb-nilo-book__author strong{font-weight:600;color:#f2e4cb}
.tb-nilo-book__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:23px}
.tb-nilo-book__actions .tb-primary{border-radius:999px;justify-content:center;min-height:48px;padding:12px 23px;font-size:15px}
.tb-nilo-book__order{border:1px solid #d8b47970;border-radius:999px;padding:12px 20px;font-size:14px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}
.tb-nilo-book__order:hover{background:#d8b47918}
.tb-nilo-book__included{font-size:12px;color:#bac7c7;line-height:1.5;margin-top:13px}
.tb-nilo-book__ritual{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--nb-line);padding-top:24px;margin-top:35px;padding-bottom:4px}
.tb-nilo-book__ritual p{font-size:14px;line-height:1.5;color:#cbd5d2}
.tb-nilo-book__ritual strong{display:block;font-family:var(--tb-serif);font-size:21px;color:#f3e2c5;font-weight:500;margin-bottom:6px}
.tb-nilo-book__ritual span{color:var(--tb-gold);font-family:var(--tb-sans);font-size:11px;letter-spacing:.09em;margin-right:7px;vertical-align:3px}
.tb-nilo-book__promise{color:#e3d5bc;font-family:var(--tb-serif);font-size:20px;text-align:start;padding-block:23px 3px}
.tb-nilo-book__dialog{padding:0;border:1px solid #d8b47955;border-radius:14px;background:#ede7dc;color:var(--tb-ink);width:min(860px,calc(100vw - 24px));height:min(920px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);max-width:100vw;box-shadow:0 25px 90px #0008;overflow:hidden}
.tb-nilo-book__dialog::backdrop{background:#041421dc;backdrop-filter:blur(6px)}
.tb-nilo-book__reader{height:100%;display:flex;flex-direction:column}
.tb-nilo-book__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--tb-night);color:var(--tb-cream);padding:12px 18px;flex-shrink:0}
.tb-nilo-book__bar p{font-size:13px;line-height:1.4}
.tb-nilo-book__bar p strong{display:block;font-family:var(--tb-serif);font-size:20px;font-weight:500}
.tb-nilo-book__bar button{background:transparent;color:var(--tb-cream);border:1px solid #d8b47970;padding:9px 15px;border-radius:999px;font-size:14px;min-height:42px;white-space:nowrap}
.tb-nilo-book__viewport{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;background:#ede7dc}
.tb-nilo-book__page{display:block;width:min(100%,690px);height:auto;margin:auto}
.tb-nilo-book__text{display:none;padding:30px clamp(22px,5vw,55px) 38px;background:var(--nb-paper);min-height:100%;max-width:720px;margin:auto;font-family:var(--tb-serif);font-size:20px;line-height:1.65}
.tb-nilo-book__text h3{font-size:clamp(26px,4vw,34px);margin-bottom:24px;line-height:1.2}
.tb-nilo-book__text p+p{margin-top:17px}
.tb-nilo-book__text .tb-nilo-book__day{font-family:var(--tb-sans);font-size:12px;letter-spacing:.04em;color:#8b6029;margin-bottom:10px}
.tb-nilo-book__viewport[data-mode=text] .tb-nilo-book__page{display:none}
.tb-nilo-book__viewport[data-mode=text] .tb-nilo-book__text{display:block}
.tb-nilo-book__reader-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:var(--tb-night);color:var(--tb-cream);flex-shrink:0}
.tb-nilo-book__reader-nav button{border-radius:999px;padding:10px 17px;min-height:42px;font-size:14px;background:var(--tb-gold);color:var(--tb-night)}
.tb-nilo-book__reader-nav button[data-book-mode]{background:transparent;border:1px solid #d8b47970;color:var(--tb-cream);font-size:12px;padding-inline:12px}
.tb-nilo-book__reader-nav button:disabled{opacity:.35;cursor:default}
.tb-nilo-book__teaser{display:flex;align-items:center;gap:13px;padding:11px 13px;border:1px solid var(--tb-line);border-radius:9px;margin-block:18px;background:#fffaf180}
.tb-nilo-book__teaser img{width:42px;height:auto;box-shadow:2px 3px 5px #071c2e22}
.tb-nilo-book__teaser p{font-size:13px;line-height:1.5}
.tb-nilo-book__teaser strong{display:block;font-size:15px;font-weight:600}
.tb-nilo-book__teaser span{color:#7f6134;text-decoration:underline;text-underline-offset:3px}
tb-nilo-book [hidden]{display:none!important}
@media(max-width:900px){.tb-nilo-book__grid{gap:25px}.tb-nilo-book__facts{gap:20px}.tb-nilo-book__stage{aspect-ratio:1}.tb-nilo-book__caption{bottom:5%;font-size:11px}.tb-nilo-book__actions{gap:10px}.tb-nilo-book__order{padding-inline:16px}}
@media(max-width:720px){.tb-nilo-book{border-radius:12px;margin-block:0 24px}.tb-nilo-book--home{border-radius:0;margin:0}.tb-nilo-book__inner,.tb-nilo-book--home .tb-nilo-book__inner{padding:25px 22px}.tb-nilo-book__grid{display:flex;flex-direction:column;gap:23px;align-items:stretch}.tb-nilo-book__stage{max-width:420px;aspect-ratio:1.2}.tb-nilo-book__cover{top:4%;width:44%;left:7%}.tb-nilo-book__spread{top:10%;left:27%;width:64%}.tb-nilo-book__caption{bottom:1%}.tb-nilo-book__eyebrow{font-size:10px;margin-bottom:12px}.tb-nilo-book__copy h2{font-size:34px;margin-bottom:15px}.tb-nilo-book__intro{font-size:16px}.tb-nilo-book__intro+p{font-size:14px}.tb-nilo-book__facts{margin-top:15px;padding-block:15px;gap:28px}.tb-nilo-book__facts strong{font-size:29px}.tb-nilo-book__actions{margin-top:20px;display:grid;grid-template-columns:1fr}.tb-nilo-book__actions a,.tb-nilo-book__actions button{width:100%}.tb-nilo-book__ritual{grid-template-columns:1fr;gap:15px;margin-top:26px;padding-top:22px}.tb-nilo-book__ritual strong{font-size:20px;margin-bottom:3px}.tb-nilo-book__ritual p{font-size:13px}.tb-nilo-book__promise{font-size:20px;padding-top:20px}.tb-nilo-book__dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}.tb-nilo-book__bar{padding:10px 14px}.tb-nilo-book__bar p{font-size:11px}.tb-nilo-book__bar p strong{font-size:18px}.tb-nilo-book__reader-nav{padding:10px 12px max(10px,env(safe-area-inset-bottom));gap:6px}.tb-nilo-book__reader-nav button{font-size:13px;padding:9px 13px}.tb-nilo-book__reader-nav button[data-book-mode]{font-size:11px;padding-inline:9px}.tb-nilo-book__teaser{margin-block:15px}.tb-nilo-book__text{font-size:20px}}
@media(prefers-reduced-motion:reduce){.tb-nilo-book__order{transition:none}}

html:has(.tb-nilo-book__dialog[open]){overflow:hidden}
.tb-product-buy#nilo-bestellen{scroll-margin-top:100px}
tb-nilo-book :is(button,a):focus-visible,.tb-nilo-book__teaser:focus-visible{outline:3px solid #d8b479;outline-offset:4px}
.tb-nilo-book__text ol{padding-left:1.3em}.tb-nilo-book__text li+li{margin-top:10px}

@media(max-width:720px){.tb-nilo-book__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px}.tb-nilo-book__facts p{font-size:12px}.tb-nilo-book__facts strong{font-size:26px}.tb-nilo-book__facts p:last-child strong{font-size:24px;line-height:1.2}}
