/* Tablet-first refinements for 768–1280px devices. Loaded after all existing themes.
   Preserves the approved color palette, imagery, wording and book links. */
@media (min-width: 761px) and (max-width: 1280px) {
  .site-header .header-inner { gap: 16px; }
  .site-header #navigation { gap: clamp(12px, 1.8vw, 24px); }
  .site-header .languages .language-option { min-width: 40px; min-height: 44px; }
  .site-header .languages .flag-icon { width: 23px; height: 23px; }
  .book-purchase-links .purchase-link { min-height: 44px; }
  .book-card .book-info { min-width: 0; }
  .books-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .book-stage { height: 350px; }
  .author-portrait { max-width: 350px; }
}
/* Tablet portrait: give the introduction the width it needs. */
@media (min-width: 761px) and (max-width: 900px) {
  .container { width: calc(100% - 64px); }
  .site-header .header-inner { height: 90px; position: relative; gap: 13px; }
  .site-header .wordmark { font-size: 25px; }
  .site-header .menu-toggle { display:flex; flex-direction:column; gap:6px; width:40px; padding: 12px 9px; order: 3; border:0; background:transparent; cursor:pointer; }
  .site-header .menu-toggle span { display:block; width:23px; height:2px; }
  .site-header #navigation { display:none; position:absolute; z-index:20; top:90px; left:-32px; right:-32px; padding:20px 32px; background:#193545; border-bottom:1px solid rgba(244,240,231,.25); gap:27px; justify-content:center; }
  .site-header #navigation.is-open { display:flex; }
  body.no-js .site-header #navigation { display:flex; position:static; order:4; width:100%; padding:4px 0 14px; border:0; }
  body.no-js .site-header .header-inner { height:auto; padding-top:16px; flex-wrap:wrap; }
  body.no-js .site-header .menu-toggle { display:none; }
  .site-header .languages { margin-left:auto; }
  .hero { grid-template-columns:1fr; padding-top:62px; gap:25px; }
  .hero h1 { font-size:clamp(67px,9vw,80px); }
  .hero .hero-intro { max-width:610px; }
  .hero-art { width:100%; max-width:520px; margin:12px auto 0; padding:0; }
  .hero-bottom { margin-top:18px; }
  .section-heading { gap:30px; }
  .section-heading h2 { font-size:clamp(37px,5vw,45px); }
  .section-heading>p { max-width:260px; }
  .books-grid { gap:24px; }
  .book-stage { height:350px; }
  .book-info { padding:23px 20px 27px; }
  .book-info h3 { overflow-wrap:anywhere; font-size:22px; }
  .about-section { grid-template-columns:1fr 1fr; gap:30px; padding-top:76px; padding-bottom:78px; }
  .about-heading h2 { font-size:clamp(34px,4.7vw,42px); overflow-wrap:break-word; }
  .author-portrait { width:100%; max-width:330px; }
  .about-copy { padding:24px 20px; }
  .about-copy > p { font-size:14px; }
  .contact-inner { gap:30px; }
  .contact-section h2 { font-size:clamp(34px,4.6vw,42px); }
  .email-link { font-size:15px; overflow-wrap:anywhere; }
}
@media (min-width: 901px) and (max-width: 1050px) {
  .hero h1 { font-size:clamp(56px,6vw,64px); }
  .hero { grid-template-columns:1.05fr .95fr; gap:22px; }
  .hero-art { padding-left:0; }
  .about-section { gap:35px; }
  .about-copy { padding:25px; }
}
@media (min-width:761px) and (max-width:1050px) and (orientation:landscape) {
  .hero { padding-top:65px; }
  .books-section { padding-block:72px; }
}
@media (pointer:coarse) {
  .site-header #navigation a, .site-header .languages .language-option { min-height:44px; display:inline-flex; align-items:center; }
  .book-purchase-links .purchase-link { min-height:44px; }
}