@media(max-width:900px){
  .sidebar{transform:translateX(-105%);transition:transform .25s ease;width:min(86vw,330px);box-shadow:20px 0 50px rgba(0,0,0,.28)}
  body.menu-open .sidebar{transform:translateX(0)}
  .book{margin-left:0}
  .menu-button{display:flex;position:fixed;top:14px;right:14px;z-index:70;width:46px;height:46px;border:0;border-radius:10px;background:rgba(17,26,35,.92);flex-direction:column;justify-content:center;gap:5px;padding:0 12px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
  .menu-button span{height:2px;background:#fff;border-radius:2px}
  .overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:35;opacity:0;pointer-events:none;transition:.2s}
  body.menu-open .overlay{opacity:1;pointer-events:auto}
  .hero-inner{padding:72px 24px 34px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero h1{font-size:53px}.dek{font-size:19px}.hero-quote{font-size:16px}
  .chapter{padding:26px 22px 56px}.section{padding:14px 0 24px}.section-title{align-items:flex-start}.section-title span{width:38px;height:38px;font-size:18px}.section-title h2{font-size:30px}.section p{font-size:18px;line-height:1.7}.pullquote{font-size:19px;padding:16px 18px}.key-thought strong{font-size:19px}.dark-card{padding:20px}.big-word{font-size:46px}.big-word.small{font-size:34px}.observer-grid,.bestiary{grid-template-columns:1fr}.question-card{font-size:20px}.closing{margin:24px -22px -4px;padding:28px 22px 34px}.next-button{width:100%;text-align:center;align-items:center}.safety-note{margin-top:22px}
}
@media(max-width:520px){
  .hero h1{font-size:44px}.eyebrow{font-size:13px}.hero-inner{padding-left:20px;padding-right:20px}.chapter{padding-left:18px;padding-right:18px}.section-title h2{font-size:27px}.section-title span{width:34px;height:34px}.section p{font-size:17px}.pullquote{font-size:18px}.closing{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}
}