body[data-hb-ui=reading]{background:var(--hb-canvas);--ink:var(--hb-ink);--blue:var(--hb-accent);--line:var(--hb-line)}
body[data-hb-ui=reading] .book-header{max-width:1400px;min-height:88px;padding:20px 40px;border-color:var(--hb-line)}
body[data-hb-ui=reading] :is(.book-brand,.brand){font-family:var(--hb-display);font-size:25px}
body[data-hb-ui=reading] .book-header nav a{display:inline-flex;align-items:center;min-height:44px}
body[data-hb-ui=reading] .book-header nav .header-play{background:var(--hb-accent);color:white;border-radius:12px}
body[data-hb-ui=reading] main{max-width:1280px;padding:52px 40px 80px}
body[data-hb-ui=reading] h1{font-size:clamp(40px,5.5vw,68px);font-weight:600;letter-spacing:-2px;line-height:1.08}
body[data-hb-ui=reading] h1 em{font-family:var(--hb-display);font-style:normal;color:var(--hb-accent)}
body[data-hb-ui=reading] h1>span{font-family:var(--hb-font);font-size:clamp(20px,3vw,28px);letter-spacing:-.5px;color:var(--hb-muted);line-height:1.4}
body[data-hb-ui=reading] :is(p,li){line-height:1.8}
body[data-hb-ui=reading] .lead{max-width:760px;color:var(--hb-muted);font-size:19px;line-height:1.75}
body[data-hb-ui=reading] :is(.guide-card,.callout,.guide-sidebar,.panel,.auth-panel){border:1px solid var(--hb-line);background:white;border-radius:20px;box-shadow:none}
body[data-hb-ui=reading] :is(.guide-card,.callout){padding:28px}
body[data-hb-ui=reading] .guide-card{transition:transform .18s,border-color .18s}
body[data-hb-ui=reading] .guide-card:hover{transform:translateY(-3px);border-color:var(--hb-accent)}
body[data-hb-ui=reading] .play{display:inline-flex;align-items:center;min-height:48px;padding:12px 22px;border-radius:12px;background:var(--hb-accent);color:white;box-shadow:none}
body[data-hb-ui=reading] :is(.primary,button[type=submit]){min-height:48px;border-radius:12px;box-shadow:none}
body[data-hb-ui=reading] :is(.primary,.auth-panel button[type=submit]){background:var(--hb-accent);color:white;border-color:var(--hb-accent)}
body[data-hb-ui=reading] :is(.guide-body,.information){max-width:780px}
body[data-hb-ui=reading] .guide-body section{scroll-margin-top:32px}
body[data-hb-ui=reading] .breadcrumbs{font-size:14px;margin-bottom:32px;flex-wrap:wrap}
body[data-hb-ui=reading] .book-footer{max-width:1400px;padding:40px;margin:auto;border-top:1px solid var(--hb-line)}
body[data-hb-ui=reading] .auth-copy h1{font-size:clamp(40px,5vw,64px)}
body[data-hb-ui=reading] .auth-panel{padding:30px}
body[data-hb-ui=reading] .auth-grid{gap:48px}
@media(max-width:768px){
 body[data-hb-ui=reading] .book-header{padding:16px 20px;gap:16px;flex-wrap:wrap}
 body[data-hb-ui=reading] .book-header nav{gap:18px;flex-wrap:wrap;font-size:14px}
 body[data-hb-ui=reading] main{padding:32px 20px 56px}
 body[data-hb-ui=reading] h1{letter-spacing:-1.3px}
 body[data-hb-ui=reading] :is(.guide-grid,.guide-layout,.auth-grid){grid-template-columns:minmax(0,1fr)}
 body[data-hb-ui=reading] :is(.guide-card,.callout,.auth-panel){padding:24px}
 body[data-hb-ui=reading] .book-footer{padding:32px 20px}
}