@font-face{font-family:'Mackinac Catalogo';src:url('/fonts/Mackinac-Catalogo-Medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:'Mackinac Catalogo';src:url('/fonts/Mackinac-Catalogo-ExtraBold.woff') format('woff');font-weight:800;font-display:swap}
@font-face{font-family:Satoshi;src:url('/fonts/Satoshi-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('/fonts/Satoshi-Medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url('/fonts/Satoshi-Bold.woff') format('woff');font-weight:700;font-display:swap}
:root{color-scheme:light;--cream:#fcfaf1;--paper:#fff;--graphite:#1c1c1c;--ink:#2b2320;--muted:#6b5d55;--technical:#37474f;--orange:#e07a4f;--blue:#e5eff2;--border:#dcd2c6;--radius:8px;font-family:Satoshi,Arial,sans-serif;color:var(--graphite);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
button,a,input{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
button:disabled{cursor:default}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
button,a{touch-action:manipulation}
::selection{background:var(--blue)}
html{scroll-behavior:smooth;scroll-padding-top:90px;scrollbar-gutter:stable}
body.dialog-open{overflow:hidden}
.wrap{width:min(1264px,calc(100% - 96px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:100;padding:12px;background:var(--paper)}
.skip-link:focus{transform:none}
.preview-bar{height:29px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:.025em;background:var(--cream);color:var(--muted)}
.preview-dot{width:5px;height:5px;background:var(--orange);border-radius:50%}
.preview-separator{opacity:.45}
.site-header{display:flex;align-items:center;gap:36px;height:106px}
.brand{flex-shrink:0}
.brand img{width:138px;height:57px;object-fit:contain}
.header-center{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;font-size:13px}
.header-title{font-weight:700;font-size:14px;line-height:1.4}
.header-caption{color:var(--muted);font-size:11px;line-height:1.5}
.pdf-button{min-height:46px;display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:6px;padding:0 17px;text-decoration:none;font-size:12px;font-weight:700;background:rgba(255,255,255,.5)}
.pdf-button>span:first-child{font-size:24px;font-weight:400;line-height:1}
.pdf-button small{font-size:10px;color:var(--muted);margin-left:6px;font-weight:400}
.pdf-button:hover{background:var(--paper);border-color:var(--graphite)}
.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;padding-top:26px;padding-bottom:53px}
.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;margin:0 0 15px;line-height:1.5;color:var(--muted)}
.intro .eyebrow{display:flex;gap:9px;align-items:center;color:var(--muted)}
.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--orange)}
.intro h1{font-size:clamp(38px,4.2vw,61px);line-height:1.07;letter-spacing:-.05em;font-weight:500;margin:0 0 21px}
.intro h1 span{color:var(--orange)}
.intro-description{max-width:450px;font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 20px}
.editorial-button{padding:8px 0;background:none;border:0;border-bottom:1px solid var(--border);font-size:12px;display:flex;gap:13px;align-items:center;min-height:38px}
.editorial-button:hover{color:var(--orange);border-color:var(--orange)}
.intro-shelf{position:relative;height:302px;max-width:490px;width:100%;margin:0 0 0 auto;isolation:isolate}
.shelf-backdrop{position:absolute;inset:33px -8px 35px 8px;border-radius:46% 48% 36% 38%;background:var(--blue);transform:rotate(-4deg);z-index:-1}
.shelf-book{position:absolute;object-fit:contain;filter:drop-shadow(7px 14px 9px rgba(29,39,41,.2))}
.shelf-first{width:150px;max-height:217px;left:3%;top:47px;transform:rotate(-12deg)}
.shelf-middle{width:168px;max-height:239px;left:34%;top:14px;transform:rotate(3deg);z-index:2}
.shelf-last{width:147px;max-height:217px;right:0;top:50px;transform:rotate(13deg)}
.shelf-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:.04em;color:var(--muted);display:flex;gap:11px;align-items:center}
.catalog-section{background:var(--paper);border-top:1px solid var(--border)}
.stage-bar{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border)}
.stage-inner{display:flex;gap:25px;align-items:center;min-height:79px}
.stage-label{font-size:9px;letter-spacing:.1em;color:var(--muted);white-space:nowrap}
.stage-tabs{display:flex;align-items:center;gap:9px;overflow-x:auto;padding:12px 3px;scrollbar-width:thin}
.stage-tab{flex-shrink:0;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;border-radius:6px;padding:12px 16px;min-height:46px;font-size:12px;white-space:nowrap;transition:background .18s,border-color .18s}
.stage-tab:hover{background:var(--cream)}
.stage-tab[aria-pressed=true]{background:var(--orange);color:var(--graphite)}
.stage-tab .tab-count{font-size:10px;color:var(--muted)}
.stage-tab[aria-pressed=true] .tab-count{color:var(--graphite)}
.catalog-content{padding-top:40px;padding-bottom:35px}
.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}
.results-heading .eyebrow{font-size:9px;margin-bottom:7px}
.results-heading h2{font-size:31px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 8px}
.results-heading p:not(.eyebrow){color:var(--muted);font-size:12px;margin:0;line-height:1.6}
.results-count{display:flex;align-items:center;gap:11px;border-left:1px solid var(--border);padding-left:24px}
.results-count strong{font-weight:500;font-size:37px;line-height:1}
.results-count span{color:var(--muted);font-size:10px;line-height:1.5;max-width:65px}
.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 26px;min-height:220px}
.book-card{min-width:0;display:flex;flex-direction:column}
.book-open{display:flex;flex-direction:column;align-items:stretch;text-align:left;width:100%;padding:0;background:transparent;border:0;flex:1;border-radius:6px}
.cover-well{height:258px;display:flex;align-items:center;justify-content:center;background:var(--blue);border-radius:6px;overflow:hidden;margin-bottom:15px;position:relative}
.cover-well img{max-height:208px;max-width:calc(100% - 68px);width:auto;object-fit:contain;filter:drop-shadow(4px 7px 5px rgba(28,28,28,.17));transition:transform .23s}
.book-open:hover .cover-well img{transform:translateY(-4px) rotate(-2deg)}
.book-open:hover .book-title{color:var(--orange)}
.card-collection{color:var(--muted);font-size:9px;letter-spacing:.035em;margin:0 0 5px;line-height:1.5}
.book-title{font-size:18px;letter-spacing:-.022em;font-weight:700;margin:0 0 7px;line-height:1.28;transition:color .18s}
.book-author{font-size:10px;color:var(--muted);margin:0;line-height:1.55}
.card-bottom{margin-top:13px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:11px}
.book-price{font-size:13px;font-weight:500;white-space:nowrap;background:var(--orange);color:var(--ink);border-radius:999px;padding:3px 10px}
.price-pending{background:none;padding:0;font-size:10px;color:var(--muted);font-weight:400}
.cover-unavailable{font-size:18px;text-align:center;max-width:150px;padding:25px 10px;background:var(--cream);min-height:180px;display:flex;align-items:center}
.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:23px;margin-top:38px;gap:15px}
.pagination-summary{font-size:11px;color:var(--muted)}
.pagination-buttons{display:flex;gap:5px;align-items:center}
.page-button{height:39px;min-width:39px;background:none;border:1px solid transparent;border-radius:4px;font-size:11px;padding:0 12px}
.page-button:hover:not(:disabled){border-color:var(--border);background:var(--cream)}
.page-button[aria-current=page]{background:var(--orange);color:var(--graphite)}
.page-button:disabled{opacity:.35}
.page-ellipsis{font-size:12px;color:var(--muted);padding:0 3px}
.catalog-note{padding-top:42px;display:flex;justify-content:center;align-items:center;gap:25px}
.catalog-note p{font-size:10px;line-height:1.6;color:var(--muted);margin:0;max-width:460px}
.catalog-note-line{width:1px;height:24px;background:var(--border)}
.site-footer{background:var(--cream);border-top:1px solid var(--border)}
.footer-inner{display:flex;gap:40px;align-items:center;padding:39px 0}
.footer-inner>p{font-family:'p22-mackinac-pro','Mackinac Catalogo',Georgia,serif;font-size:16px;flex:1;margin:0;color:var(--muted)}
.footer-inner>div>span{font-size:9px;letter-spacing:.12em;color:var(--muted)}
.footer-inner>div>div{display:flex;gap:15px;margin-top:9px;font-size:10px;flex-wrap:wrap}
.footer-inner a{text-decoration:none}
.footer-inner a:hover{text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}
.load-error{padding:35px;background:var(--cream);border:1px solid var(--border)}
dialog{border:0;padding:0;max-width:calc(100vw - 36px);max-height:calc(100dvh - 40px);background:var(--cream);color:var(--graphite);border-radius:10px;box-shadow:0 35px 90px rgba(28,28,28,.22);overscroll-behavior:contain}
dialog::backdrop{background:rgba(28,28,28,.58)}
.dialog-close{position:sticky;top:14px;float:right;margin:14px 14px -53px 0;width:39px;height:39px;z-index:2;border:1px solid var(--border);border-radius:50%;background:var(--paper);font-family:Arial,sans-serif;font-weight:400;font-size:27px;line-height:1}
.dialog-close:hover{background:var(--cream);border-color:var(--orange)}
.about-dialog,.store-dialog{width:620px;padding:42px}
.about-dialog .dialog-close,.store-dialog .dialog-close{margin:-28px -28px 0 0;top:0;position:relative}
.about-dialog h2,.store-dialog h2{font-size:33px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:0 20px 22px 0}
.about-dialog p:not(.eyebrow){font-family:'p22-mackinac-pro','Mackinac Catalogo',Georgia,serif;font-size:14px;line-height:1.8;color:var(--muted)}
.store-dialog p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted)}
.store-url{overflow-wrap:anywhere;padding:13px;background:var(--paper);border:1px solid var(--border);border-radius:5px}
.copy-status{min-height:20px}
.noscript-note{padding:30px}
@media(min-width:1500px){.intro{gap:85px;padding-top:34px;padding-bottom:65px}
.intro-shelf{margin-right:35px}
.cover-well{height:276px}
.cover-well img{max-height:225px}
}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}
.site-header{gap:25px}
.intro{gap:25px}
.intro-shelf{height:285px}
.shelf-first{width:125px;top:56px}
.shelf-middle{width:145px;left:32%;top:29px}
.shelf-last{width:120px;top:63px}
.stage-inner{gap:15px}
.stage-tab{padding:12px 11px;gap:7px;font-size:11px}
.stage-label{font-size:8px}
.book-grid{gap:30px 19px}
.cover-well{height:227px}
.cover-well img{max-height:182px;max-width:calc(100% - 40px)}
.book-title{font-size:16px}
.book-price{font-size:12px}
.footer-inner{gap:25px}
}
@media(max-width:820px){.wrap{width:calc(100% - 48px)}
.header-center{gap:0}
.site-header{height:94px}
.intro{grid-template-columns:1.1fr 1fr;gap:12px;padding-top:20px;padding-bottom:35px}
.intro h1{font-size:40px}
.intro .eyebrow{font-size:8px;letter-spacing:.1em}
.intro-description{font-size:13px}
.intro-shelf{height:248px}
.shelf-first{width:105px;top:60px}
.shelf-middle{width:122px;top:36px;left:31%}
.shelf-last{width:99px;top:72px}
.shelf-backdrop{inset:38px -5px 30px 0}
.shelf-caption{font-size:8px;bottom:0}
.stage-inner{display:block;padding-top:11px;min-height:85px}
.stage-label{padding-left:3px}
.stage-tabs{padding:8px 3px 11px;gap:7px}
.stage-tab{font-size:11px;padding:10px 14px;min-height:42px}
.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 20px}
.cover-well{height:236px}
.cover-well img{max-height:191px;max-width:calc(100% - 40px)}
.results-heading h2{font-size:28px}
.footer-inner{flex-wrap:wrap}
.footer-inner>div{width:100%;border-top:1px solid var(--border);padding-top:15px}
.catalog-note{gap:16px}
}
@media(max-width:600px){html{scroll-padding-top:95px}
.wrap{width:calc(100% - 36px)}
.preview-bar{font-size:9px;height:26px}
.site-header{height:82px;gap:15px;justify-content:space-between}
.brand img{width:117px;height:48px}
.header-center{display:none}
.pdf-button{min-height:39px;padding:0 11px;font-size:10px;gap:7px}
.pdf-button small{display:none}
.pdf-button>span:first-child{font-size:20px}
.intro{grid-template-columns:1fr;padding-top:15px;padding-bottom:21px;gap:15px}
.intro h1{font-size:43px;margin-bottom:16px}
.intro .eyebrow{font-size:8px;margin-bottom:11px}
.intro-description{font-size:13px;max-width:360px;margin-bottom:12px}
.editorial-button{font-size:10px;min-height:36px}
.intro-shelf{height:203px;margin:0 auto;max-width:350px}
.shelf-backdrop{inset:19px 0 28px 0}
.shelf-first{width:100px;top:28px;left:8%}
.shelf-middle{width:116px;top:7px;left:36%}
.shelf-last{width:95px;top:40px;right:2%}
.shelf-caption{font-size:8px;bottom:0}
.stage-inner{width:100%;padding-top:10px}
.stage-label{display:block;padding-left:20px;font-size:8px}
.stage-tabs{padding:8px 18px 11px;gap:6px;scrollbar-width:none}
.stage-tabs::-webkit-scrollbar{display:none}
.stage-tab{font-size:10px;padding:11px 13px;gap:8px}
.stage-tab .tab-count{font-size:9px}
.catalog-content{padding-top:28px;padding-bottom:26px}
.results-heading{margin-bottom:24px;gap:14px;align-items:flex-start}
.results-heading .eyebrow{font-size:7px;letter-spacing:.11em;margin-bottom:8px}
.results-heading h2{font-size:25px;margin-bottom:8px}
.results-heading p:not(.eyebrow){font-size:10px;max-width:230px}
.results-count{flex-direction:column;gap:4px;padding-left:12px;margin-top:15px;align-items:flex-start;min-width:53px}
.results-count strong{font-size:29px}
.results-count span{font-size:8px;max-width:51px}
.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 15px}
.cover-well{height:205px;margin-bottom:12px;border-radius:5px}
.cover-well img{max-height:165px;max-width:calc(100% - 35px)}
.book-title{font-size:15px;line-height:1.3;margin-bottom:6px}
.book-author{font-size:9px}
.card-collection{font-size:8px}
.card-bottom{margin-top:10px;padding-top:9px;gap:6px;align-items:flex-start}
.book-price{font-size:11px}
.price-pending{font-size:8px}
.pagination{display:block;padding-top:17px;margin-top:28px}
.pagination-summary{font-size:10px;margin:0 0 13px;text-align:center}
.pagination-buttons{justify-content:center;gap:3px}
.page-button{min-width:35px;height:39px;padding:0 8px;font-size:10px}
.catalog-note{display:block;padding-top:29px}
.catalog-note p{font-size:9px;text-align:center;margin:0 0 9px}
.catalog-note-line{display:none}
.footer-inner{gap:18px;padding:28px 0}
.footer-inner img{width:96px}
.footer-inner>p{font-size:13px;max-width:180px}
.footer-inner>div>div{gap:11px;font-size:9px}
.footer-bottom{font-size:8px;padding:14px 0;gap:12px}
.dialog-close{top:10px;margin:10px 10px -45px 0;width:36px;height:36px;font-size:25px}
.about-dialog,.store-dialog{padding:29px;max-width:calc(100vw - 24px)}
.about-dialog .dialog-close,.store-dialog .dialog-close{margin:-19px -19px 0 0}
.about-dialog h2,.store-dialog h2{font-size:30px;margin-right:20px}
.about-dialog p:not(.eyebrow){font-size:13px}
}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}
.intro h1{font-size:38px}
.cover-well{height:182px}
.cover-well img{max-height:147px}
.book-grid{gap:25px 12px}
.book-title{font-size:14px}
.shelf-first{left:4%}
.shelf-middle{left:32%}
.results-heading h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}
.price-note{text-align:center;font-size:10px;line-height:1.6;color:var(--muted);margin:17px 0 0}
.editorial-button,.pdf-button,.stage-tab{min-height:44px}
.page-button{height:44px;min-width:44px}
.dialog-close{width:44px;height:44px}
.footer-inner a{display:inline-flex;align-items:center;min-height:44px}
.pagination-buttons{flex-wrap:wrap}

/* Links editoriais preservam a aparência dos controles e continuam rastreáveis sem JavaScript. */
.book-open,.stage-tab,.page-button{text-decoration:none;color:inherit}
.page-button{display:inline-flex;align-items:center;justify-content:center}
.page-button[aria-disabled=true]{opacity:.35;pointer-events:none}
.page-button:hover:not([aria-disabled=true]){border-color:var(--border);background:var(--cream)}


/* Ficha: proporções e paleta da referência aprovada no Figma. */
.book-dialog{position:fixed;inset:0;margin:auto;width:698px;max-height:calc(100dvh - 32px);padding-right:6px;border-radius:26px;overflow:hidden;contain:layout paint}
.book-dialog>.dialog-close{position:absolute;top:14px;right:26px;float:none;margin:0;z-index:4}
.book-dialog-scroll{max-height:calc(100dvh - 32px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;touch-action:pan-y}
.book-dialog-scroll::-webkit-scrollbar{width:12px}
.book-dialog-scroll::-webkit-scrollbar-track{background:var(--cream);margin-block:76px 20px;border-radius:999px}
.book-dialog-scroll::-webkit-scrollbar-thumb{min-height:52px;background:var(--orange);border:3px solid var(--cream);border-radius:999px}
.book-dialog-scroll::-webkit-scrollbar-thumb:hover{background:var(--ink)}
.book-dialog-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}
.book-dialog-scroll::-webkit-scrollbar-corner{background:transparent}
@supports not selector(::-webkit-scrollbar){.book-dialog-scroll{scrollbar-width:thin;scrollbar-color:var(--orange) var(--cream)}}
.detail-layout{padding:52px 24px 42px}
.detail-visual{position:relative;isolation:isolate;display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;padding:0 26px 0 38px;min-height:334px}
.detail-visual::before{content:'';position:absolute;inset:58px 0 0;border-radius:25px;background:var(--blue);z-index:-1}
.detail-cover-well{display:flex;align-items:center;justify-content:center;min-width:0;min-height:334px}
.detail-cover-well img{--cover-ratio:.74285714;width:min(230px,calc(314px * var(--cover-ratio)));height:auto;max-width:100%;box-shadow:0 10px 18px rgba(28,28,28,.16)}
.detail-summary{padding-top:98px;min-width:0}
.detail-price{display:inline-block;background:var(--orange);color:var(--ink);border-radius:999px;font-size:22px;font-weight:500;line-height:1.15;padding:5px 16px;margin:0 0 19px}
.technical-info{font-size:13.5px;line-height:1.5;color:var(--technical);margin:0}
.technical-info>div{margin:0 0 4px}
.technical-info dt,.technical-info dd{display:inline;margin:0}
.technical-info dt{font-weight:700;margin-right:3px}
.technical-info dd{font-weight:400}
.detail-content{margin:34px 46px 0}
.detail-heading h2{font-size:40px;letter-spacing:-.035em;line-height:1.18;font-weight:700;margin:0 0 25px;color:var(--graphite)}
.detail-credits{border-left:3px solid var(--orange);padding-left:10px;font-size:10px;font-weight:400;line-height:1.8;color:var(--graphite);margin:0 0 27px}
.detail-credits p{margin:0}
.detail-credits strong{font-weight:500}
.detail-synopsis p{font-family:'p22-mackinac-pro','Mackinac Catalogo',Georgia,serif;font-weight:500;font-size:15px;line-height:1.55;margin:0 0 16px;color:var(--graphite)}
.reading-info{display:grid;grid-template-columns:1fr 1.13fr 1.43fr;gap:20px;border-top:1px dashed var(--orange);padding-top:17px;margin-top:125px}
.reading-info h3{font-size:10px;font-weight:500;color:var(--orange);letter-spacing:.06em;line-height:1.5;margin:0 0 7px}
.reading-info h2{font-size:10px;font-weight:500;color:var(--orange);letter-spacing:.06em;line-height:1.5;margin:0 0 7px}
.reading-info p{font-family:'p22-mackinac-pro','Mackinac Catalogo',Georgia,serif;font-size:15px;font-weight:800;line-height:1.45;color:var(--graphite);margin:0}
.detail-actions{margin-top:32px}
.button{border:1px solid transparent;border-radius:6px;padding:12px 20px;min-height:46px;background:var(--orange);color:var(--ink);font-size:13px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:15px}
.button:hover{border-color:var(--graphite)}
.button:disabled{background:var(--blue);color:var(--muted)}
.store-button{width:100%;text-decoration:none}
.about-dialog .button{margin-top:15px}
.detail-label{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}
.detail-label span{font-size:16px}
.book-open:hover .detail-label{color:var(--orange)}
.book-page{background:var(--cream)}
.book-page-main{padding-top:20px;padding-bottom:72px}
.breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 18px;font-size:11px;color:var(--muted)}
.breadcrumb a,.book-stage-links a{text-decoration-color:var(--orange);text-underline-offset:3px}
.book-page-card{max-width:820px;margin-inline:auto;background:var(--paper);border:1px solid var(--border);border-radius:26px;overflow:hidden;box-shadow:0 24px 55px rgba(28,28,28,.08)}
.book-page-card .detail-layout{padding-bottom:54px}
.book-page .detail-heading h1{font-size:40px;letter-spacing:-.035em;line-height:1.18;font-weight:700;margin:0 0 25px;color:var(--graphite)}
.book-page .reading-info{margin-top:42px}
.book-stage-links{margin:28px 0 0;font-size:12px;line-height:1.7;color:var(--muted)}
.book-stage-links strong{color:var(--graphite)}
.book-page .detail-actions .price-note{margin-top:12px}
.book-page-back{justify-content:center}
.not-found{min-height:70vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:620px}
.not-found h1{font-size:clamp(40px,7vw,72px);letter-spacing:-.045em;line-height:1;margin:0 0 18px}
.not-found>p:not(.eyebrow){color:var(--muted);line-height:1.7;margin:0 0 24px}
.catalog-consent{position:fixed;z-index:90;left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,calc(100% - 36px));display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:19px 21px;background:var(--graphite);color:var(--paper);border:1px solid rgba(255,255,255,.18);border-radius:10px;box-shadow:0 18px 55px rgba(28,28,28,.3)}
.catalog-consent strong{font-size:14px}
.catalog-consent p{margin:5px 0 0;font-size:11px;line-height:1.55;color:#e7dfd5}
.catalog-consent-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}
.catalog-consent .button{min-height:42px;padding:10px 15px;font-size:11px}
.consent-secondary{min-height:42px;padding:8px 10px;border:0;background:transparent;color:var(--paper);font-size:10px;text-decoration:underline;text-underline-offset:3px}
.catalog-privacy-settings{position:fixed;z-index:20;left:10px;bottom:9px;border:1px solid var(--border);border-radius:999px;padding:7px 10px;background:rgba(252,250,241,.94);color:var(--muted);font-size:9px;box-shadow:0 3px 12px rgba(28,28,28,.08)}
.catalog-privacy-settings:hover{color:var(--graphite);border-color:var(--orange)}
@media(max-width:820px){.detail-label{font-size:9px}}
@media(max-width:600px){
 .book-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding-right:4px;border-radius:18px}
 .book-dialog>.dialog-close{top:11px;right:18px}
 .book-dialog-scroll{max-height:calc(100dvh - 16px)}
 .book-dialog-scroll::-webkit-scrollbar{width:9px}
 .book-dialog-scroll::-webkit-scrollbar-track{margin-block:66px 14px}
 .book-dialog-scroll::-webkit-scrollbar-thumb{border-width:2px}
 .detail-layout{padding:40px 15px 26px}
 .detail-visual{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:20px;padding:0 12px;min-height:0;align-items:start}
 .detail-visual::before{top:39px;border-radius:16px}
 .detail-cover-well{min-height:218px}
 .detail-cover-well img{width:min(100%,calc(218px * var(--cover-ratio)));height:auto;max-width:100%;box-shadow:0 7px 13px rgba(28,28,28,.14)}
 .detail-summary{padding-top:64px}
 .detail-price{font-size:16px;padding:4px 11px;margin-bottom:13px}
 .technical-info{font-size:10px;line-height:1.5}
 .technical-info>div{margin-bottom:4px}
 .detail-content{margin:24px 13px 0}
 .detail-heading h2{font-size:30px;margin-bottom:19px}
 .detail-credits{font-size:8px;border-left-width:2px;margin-bottom:22px}
 .detail-synopsis p{font-size:13px;line-height:1.55;margin-bottom:14px}
 .reading-info{grid-template-columns:1fr 1fr;gap:18px;margin-top:48px;padding-top:15px}
 .reading-info h3{font-size:8px;letter-spacing:.035em;margin-bottom:5px}
 .reading-info h2{font-size:8px;letter-spacing:.035em;margin-bottom:5px}
 .reading-info p{font-size:12px}
 .detail-actions{margin-top:25px}
 .detail-label{font-size:8px;gap:4px;white-space:nowrap}
 .detail-label span{font-size:13px}
 .book-price{padding:3px 7px}
 .book-page-main{padding-top:10px;padding-bottom:40px}
 .book-page-card{border-radius:18px}
 .book-page .detail-heading h1{font-size:30px;margin-bottom:19px}
 .book-page-back{font-size:9px}
 .catalog-consent{grid-template-columns:1fr;gap:13px;bottom:10px;padding:17px}
 .catalog-consent-actions{justify-content:flex-start;white-space:normal;flex-wrap:wrap}
 .catalog-consent p{font-size:10px}
}
@media(max-width:360px){
 .detail-visual{gap:14px;padding:0 10px;grid-template-columns:1fr 1.1fr}
 .detail-cover-well{min-height:200px}
 .detail-cover-well img{width:min(100%,calc(200px * var(--cover-ratio)))}
 .detail-summary{padding-top:55px}
 .detail-visual::before{top:33px}
 .technical-info{font-size:9px}
 .detail-price{font-size:14px;padding:4px 9px}
 .detail-content{margin-inline:10px}
 .detail-heading h2{font-size:27px}
 .detail-label{font-size:7px}
 .card-bottom{flex-wrap:wrap}
}