.book-world{--book-stage:#e5dfcf;--book-dark:#182c25;--book-gold:#bca978}
.book-world main{max-width:1520px}
.book-world svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
.book-wayfinding{display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:13px;color:var(--muted)}
.book-wayfinding a{display:flex;gap:12px;align-items:center;min-height:44px}
.book-wayfinding a:hover{text-decoration:underline;text-underline-offset:5px}
.book-opening{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(35px,6vw,95px);align-items:center;padding:8px 0 88px}
.opening-copy{padding-bottom:12px}
.opening-copy h1{font-size:clamp(46px,5.25vw,78px);line-height:1.04;letter-spacing:-.04em;text-wrap:initial}
.opening-copy h1 em{display:block}
.opening-copy h1 span{display:block;margin-top:20px;font-size:30px;letter-spacing:-.02em;color:var(--muted)}
.book-byline{font-size:13px;color:var(--muted);margin-top:27px}
.opening-description{max-width:30ch;font-size:20px;line-height:1.6;margin-top:28px}
.opening-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:33px}
.quiet-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid var(--ink)}
.quiet-link:hover{color:var(--muted)}
.book-availability{font-size:12px;color:var(--muted);margin-top:24px}
.cover-stage{padding:35px 35px 0;background:var(--book-stage);overflow:hidden}
.cover-stage>a{display:block;width:75%;max-width:350px;margin:0 auto;perspective:1300px}
.hero-cover{width:100%;height:auto;box-shadow:16px 24px 28px -8px #1c281d66;transform:rotate(-4deg) rotateY(-8deg);transform-origin:50% 100%;transition:transform .65s var(--ease),box-shadow .65s var(--ease)}
.cover-stage figcaption{display:flex;justify-content:space-between;margin-top:34px;padding:20px 0;font-size:12px;color:var(--muted);border-top:1px solid #b9b5a5}
.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end;margin-bottom:44px}
.section-heading h2,.inside-copy h2,.reading-invitation h2{font-size:clamp(38px,4.2vw,60px);line-height:1.07}
.section-heading p{color:var(--muted);font-size:16px;max-width:43ch}
.chapter-section{padding:48px 0 92px;border-top:1px solid var(--line)}
.chapter-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.chapter-gallery figure{min-width:0}
.swipe-hint{display:none}
.chapter-gallery img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#060e15}
.chapter-gallery figcaption{padding-top:24px}
.chapter-gallery figcaption>span{font-size:12px;color:var(--muted)}
.chapter-gallery h3{font-size:30px;margin:10px 0}
.chapter-gallery p{font-size:15px;color:var(--muted)}
.book-quote{background:var(--book-dark);color:var(--cream);margin:0 calc(-1 * var(--gutter));padding:75px var(--gutter);display:grid;grid-template-columns:1.4fr 1fr;gap:7%;align-items:end}
.book-quote blockquote{font-family:var(--serif);font-size:clamp(38px,4.6vw,66px);line-height:1.1;letter-spacing:-.025em;margin:0}
.book-quote em{color:#d9c9a5}
.book-quote figcaption{font-size:14px;line-height:1.7;padding-bottom:8px}
.book-quote figcaption span{display:block;max-width:30ch;margin-top:14px;color:#d1d6c4;font-size:12px}
.inside-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:40px 9%;padding:96px 0;scroll-margin-top:28px}
.inside-copy{padding-top:30px}
.inside-copy>p{margin-top:25px;font-size:17px;color:var(--muted);max-width:35ch}
.reader-current{margin-top:55px;padding-top:25px;border-top:1px solid var(--line);min-height:170px}
.reader-current h3{font-size:27px}
.reader-current p{margin:14px 0;max-width:36ch;font-size:15px;color:var(--muted)}
.reader-current>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.reader-controls{display:flex;align-items:center;gap:10px;margin-top:20px}
.round-control{background:transparent;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}
.round-control:hover{background:var(--green);color:var(--cream);border-color:var(--green)}
.reader-controls>span{font-size:12px;color:var(--muted);max-width:15ch;margin-left:8px}
.reader-stage{background:var(--book-stage);padding:32px;display:grid;place-items:center;min-width:0}
.reader-stage>a{display:block;position:relative;width:100%;max-width:420px}
.reader-stage img{width:100%;height:auto;aspect-ratio:1191/1684;object-fit:contain;background:#fff;box-shadow:5px 10px 22px #192a2322}
.enlarge-label{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;background:var(--green);color:var(--cream);font-size:12px;padding:12px 15px;border-radius:24px}
.enlarge-label svg{width:17px;height:17px}
.page-thumbnails{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.page-thumbnails a{padding:12px 12px 0;border:1px solid transparent;border-bottom:1px solid var(--line);min-width:0;transition:background .2s,border-color .2s}
.page-thumbnails a[aria-current]{border-color:var(--green);background:var(--book-stage)}
.page-thumbnails img{height:134px;width:auto;margin:auto;object-fit:contain}
.page-thumbnails span{display:block;text-align:center;font-size:13px;padding:14px 0}
.page-thumbnails a:hover{background:var(--book-stage)}
.reading-invitation{border-top:1px solid var(--line);padding:80px 0;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;scroll-margin-top:28px}
.reading-invitation p{font-size:17px;max-width:43ch;margin:24px 0 28px;color:var(--muted)}
.email-link{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;min-height:44px;padding-top:18px;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.reading-invitation figure{display:flex;align-items:center;gap:32px;justify-content:center}
.reading-invitation img{width:37%;max-width:170px;height:auto;transform:rotate(-6deg);box-shadow:8px 14px 24px #22352c33}
.reading-invitation figcaption{font-family:var(--serif);font-size:clamp(22px,2.3vw,34px);line-height:1.45;max-width:12ch}
.book-continuation{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:40px;padding:36px 0 56px}
.book-continuation a:first-child{display:flex;align-items:center;gap:16px;min-height:44px;font-size:14px}
.book-continuation a:last-child{display:grid;grid-template-columns:1fr 24px;gap:12px 30px}
.book-continuation a:last-child span{font-size:12px;color:var(--muted);grid-column:1/-1}
.book-continuation strong{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.2}
.book-continuation a:hover strong{text-decoration:underline;text-underline-offset:5px}
#page-dialog{position:fixed;inset:0;width:min(1050px,96vw);height:94dvh;max-width:none;max-height:none;margin:auto;padding:0;border:0;background:var(--paper);color:var(--ink)}
#page-dialog[open]{display:grid;grid-template-rows:auto 1fr auto}
#page-dialog::backdrop{background:#07120ee6}
.dialog-toolbar{display:flex;align-items:center;gap:18px;padding:12px 20px;border-bottom:1px solid var(--line)}
.dialog-toolbar h2{font-family:inherit;font-size:14px;letter-spacing:0;margin-right:auto}
.dialog-toolbar button{background:none;border:0;min-height:44px;padding:10px;font-size:13px}
#dialog-close{display:grid;place-items:center;min-width:44px}
.dialog-scroll{overflow:auto;min-height:0;padding:24px;overscroll-behavior:contain}
.dialog-scroll img{display:block;width:auto;height:auto;max-height:100%;max-width:100%;margin:auto;background:white}
.dialog-scroll.is-zoomed img{width:1191px;max-width:none;max-height:none}
.dialog-bottom{display:flex;justify-content:center;align-items:center;gap:35px;padding:8px 16px;border-top:1px solid var(--line);font-size:13px}
.dialog-bottom button{background:none;border:0;padding:12px;min-height:44px}
.dialog-bottom button:hover,.dialog-toolbar button:hover{background:var(--book-stage)}
.book-world:has(#page-dialog[open]){overflow:hidden}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cover-stage a:hover .hero-cover{transform:rotate(-1deg) rotateY(0) translateY(-5px);box-shadow:18px 30px 32px -8px #1c281d66}}
@media(prefers-reduced-motion:no-preference){.hero-cover{animation:cover-arrive 1.2s cubic-bezier(.16,1,.3,1) both}@keyframes cover-arrive{from{transform:translateY(18px) rotate(-7deg) rotateY(-14deg);box-shadow:10px 12px 18px -8px #1c281d44}to{transform:rotate(-4deg) rotateY(-8deg);box-shadow:16px 24px 28px -8px #1c281d66}}}
@media(max-width:1050px){.book-opening{gap:35px}.opening-copy h1{font-size:clamp(43px,5.5vw,60px)}.cover-stage{padding:28px 20px 0}.cover-stage>a{width:83%}.opening-actions{gap:12px 20px}.chapter-gallery{gap:22px}.chapter-gallery h3{font-size:26px}.inside-section{gap:32px 5%}.page-thumbnails{gap:12px}.reading-invitation{gap:6%}.reading-invitation figure{gap:24px}}
@media(max-width:760px){.book-opening{grid-template-columns:1fr;gap:35px;padding-bottom:48px}.opening-copy h1{font-size:clamp(42px,7vw,58px);max-width:14ch}.opening-copy h1 span{font-size:25px;margin-top:16px}.book-wayfinding{padding:12px 0 18px}.book-byline{margin-top:21px}.opening-description{font-size:18px;margin-top:20px;max-width:32ch}.opening-actions{margin-top:24px}.book-availability{margin-top:18px}.cover-stage{padding:30px 25px 0}.cover-stage>a{width:65%;max-width:260px}.cover-stage figcaption{margin-top:24px;padding:16px 0}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.section-heading p{max-width:45ch}.chapter-section{padding:42px 0 48px}.chapter-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:0 0 18px;scrollbar-width:thin}.chapter-gallery figure{flex:0 0 72%;scroll-snap-align:start}.chapter-gallery figcaption{padding-top:18px}.chapter-gallery h3{font-size:28px}.book-quote{grid-template-columns:1fr;gap:35px;padding:50px var(--gutter)}.book-quote blockquote{font-size:clamp(36px,6.7vw,50px)}.book-quote figcaption span{max-width:100%;margin-top:6px}.inside-section{grid-template-columns:1fr;padding:50px 0;gap:28px}.inside-copy{padding:0}.inside-copy h2 br{display:none}.inside-copy>p{max-width:43ch;margin-top:20px}.reader-current{margin-top:28px;padding-top:22px;min-height:0}.reader-controls{margin-top:18px}.reader-stage{padding:22px}.page-thumbnails{display:flex;overflow-x:auto;gap:10px;padding-bottom:10px;scrollbar-width:thin}.page-thumbnails a{flex:0 0 106px;padding:9px 8px 0}.page-thumbnails img{height:104px}.page-thumbnails span{font-size:12px;padding:12px 0}.reading-invitation{grid-template-columns:1fr;padding:48px 0;gap:45px}.reading-invitation figure{justify-content:flex-start;padding:10px 15px;gap:35px}.reading-invitation img{width:32%}.reading-invitation figcaption{font-size:28px}.book-continuation{align-items:flex-start;gap:25px;padding:28px 0 42px}.book-continuation a:first-child{max-width:14ch;line-height:1.5}.book-continuation a:last-child{gap:10px}.book-continuation strong{font-size:19px}.book-continuation a:last-child svg{display:none}#page-dialog{width:100vw;height:100dvh}.dialog-toolbar{padding:8px 12px;gap:6px}.dialog-toolbar h2{font-size:12px}.dialog-toolbar button{font-size:12px}.dialog-scroll{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.book-world *, .book-world *::before,.book-world *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.swipe-hint{display:block;font-size:12px;color:var(--muted);margin:-8px 0 20px}}
#inside-title em{display:block}@media(max-width:760px){#inside-title em{display:inline}}
.book-world:not(.collection-book) .book-quote{background:linear-gradient(90deg,#10241edc,#10241e92),url('/assets/visuals/books/instrukcja-obslugi-rzeczywistosci-tom-i/backdrop.webp') center/cover}