/* =============================================================
   Gert the SEE Turtle — 2026 visual design system
   Purpose: unify typography, color, spacing, navigation, cards,
   buttons, page shells, and footer around the refreshed brand.
   Fredoka remains the display face; Nunito remains the reading face.
   ============================================================= */

:root{
  --brand-blue:#0b9df4;
  --brand-blue-2:#0874e7;
  --brand-blue-deep:#064a9b;
  --brand-aqua:#12c9ef;
  --brand-pink:#ef3f99;
  --brand-pink-soft:#fff0f8;
  --brand-gold:#f7b900;
  --brand-orange:#f47b10;
  --brand-green:#67cb19;
  --brand-ink:#173246;
  --brand-copy:#506a79;
  --brand-muted:#6e8290;
  --brand-line:rgba(23,93,132,.14);
  --brand-bg:#f6fbfe;
  --brand-bg-blue:#eef9ff;
  --brand-card:#ffffff;
  --brand-radius-sm:16px;
  --brand-radius:24px;
  --brand-radius-lg:32px;
  --brand-shadow-sm:0 10px 26px rgba(13,68,102,.08);
  --brand-shadow:0 18px 46px rgba(13,68,102,.11);
  --brand-shadow-lg:0 28px 70px rgba(13,68,102,.14);
  --brand-transition:180ms ease;
  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --space-7:64px;
  --space-8:88px;
  --space-9:112px;
}

html{scroll-padding-top:94px}
body{
  background:var(--brand-bg);
  color:var(--brand-ink);
  font-family:'Nunito',Arial,sans-serif;
  font-weight:500;
  line-height:1.68;
}
main{background:transparent}

/* Typography --------------------------------------------------- */
:where(h1,h2,h3,h4){
  color:var(--brand-ink);
  font-family:'Fredoka','Arial Rounded MT Bold',Arial,sans-serif;
  font-weight:600;
  text-wrap:balance;
}
:where(h1,h2){letter-spacing:-.035em}
:where(h3,h4){letter-spacing:-.018em}
:where(p,li){color:var(--brand-copy)}

.section-kicker,
.book-label,
.book-hero__eyebrow,
.author-eyebrow,
.award-page__eyebrow,
.award-page__result,
.media-card__source,
.media-update__meta{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-bottom:14px;
  padding:7px 11px;
  border:1px solid rgba(11,157,244,.14);
  border-radius:999px;
  background:rgba(11,157,244,.075);
  color:#0767ba;
  font-family:'Nunito',Arial,sans-serif;
  font-size:.75rem;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.section-heading .section-kicker,
.book-section__heading .section-kicker,
.award-page__hero .award-page__eyebrow{
  margin-inline:auto;
}
.section-heading{max-width:780px;margin-bottom:48px}
.section-heading h2{
  font-size:clamp(2.25rem,4.7vw,3.8rem);
  line-height:1.02;
}
.section-heading p:not(.section-kicker){
  max-width:680px;
  margin-top:18px;
  color:var(--brand-copy);
  font-size:1.06rem;
  line-height:1.72;
}

/* Header / navigation ------------------------------------------ */
.site-nav{
  position:sticky;
  top:0;
  z-index:1000;
  border-bottom:1px solid rgba(23,93,132,.10);
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 28px rgba(13,68,102,.07);
  backdrop-filter:blur(18px) saturate(1.25);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
}
.site-nav__inner{
  width:min(1260px,calc(100% - 48px));
  min-height:82px;
  gap:28px;
}
.site-nav__brand img{
  width:auto;
  height:62px;
  max-width:248px;
  filter:drop-shadow(0 4px 8px rgba(5,73,128,.08));
}
.site-nav__links{gap:4px}
.site-nav__links a{
  position:relative;
  min-height:44px;
  padding:10px 12px;
  border-radius:13px;
  color:#36586b;
  font-family:'Fredoka',Arial,sans-serif;
  font-size:.88rem;
  font-weight:600;
  letter-spacing:-.01em;
  transition:color var(--brand-transition),background var(--brand-transition),transform var(--brand-transition);
}
.site-nav__links a::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:5px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--brand-pink),var(--brand-blue));
  transform:scaleX(0);
  transform-origin:center;
  transition:transform var(--brand-transition);
}
.site-nav__links a:hover,
.site-nav__links a:focus-visible{
  color:var(--brand-blue-deep);
  background:var(--brand-bg-blue);
  transform:translateY(-1px);
}
.site-nav__links a:hover::after,
.site-nav__links a:focus-visible::after,
.site-nav__links a[aria-current="page"]::after{transform:scaleX(1)}
.site-nav__links a[aria-current="page"]{
  color:var(--brand-blue-deep);
  background:transparent;
}
.site-nav__toggle{
  border:1px solid rgba(11,157,244,.16);
  background:var(--brand-bg-blue);
  color:var(--brand-blue-deep);
  box-shadow:var(--brand-shadow-sm);
}

/* Hero artwork -------------------------------------------------- */
.site-hero{
  position:relative;
  overflow:hidden;
  border-bottom:0;
  background:#ccefff;
  box-shadow:inset 0 -1px 0 rgba(6,74,155,.08);
}
.site-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:14px;
  background:linear-gradient(90deg,var(--brand-pink),var(--brand-gold),var(--brand-blue),var(--brand-green));
  opacity:.68;
}
.site-hero img{width:100%;height:auto}

/* Buttons ------------------------------------------------------- */
.site-button,
.book-button,
.author-links a,
.award-page__return a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:11px 24px;
  border:1px solid transparent;
  border-radius:999px;
  background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-2));
  color:#fff;
  font-family:'Fredoka',Arial,sans-serif;
  font-size:.94rem;
  font-weight:600;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
  box-shadow:0 12px 26px rgba(8,116,231,.20);
  transition:transform var(--brand-transition),box-shadow var(--brand-transition),filter var(--brand-transition),background var(--brand-transition);
}
.site-button:hover,
.site-button:focus-visible,
.book-button:hover,
.book-button:focus-visible,
.author-links a:hover,
.author-links a:focus-visible,
.award-page__return a:hover,
.award-page__return a:focus-visible{
  color:#fff;
  text-decoration:none;
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(8,116,231,.26);
  filter:saturate(1.06);
}
.site-button--secondary,
.book-button--secondary{
  border-color:rgba(11,157,244,.28);
  background:#fff;
  color:var(--brand-blue-deep);
  box-shadow:0 10px 24px rgba(13,68,102,.07);
}
.site-button--secondary:hover,
.site-button--secondary:focus-visible,
.book-button--secondary:hover,
.book-button--secondary:focus-visible{
  border-color:rgba(11,157,244,.5);
  background:var(--brand-bg-blue);
  color:var(--brand-blue-deep);
  box-shadow:0 14px 30px rgba(13,68,102,.11);
}
.book-button--google{
  background:linear-gradient(135deg,#1188e7,#0761b8)!important;
  box-shadow:0 12px 28px rgba(8,116,231,.22)!important;
}

/* Homepage intro ------------------------------------------------ */
.intro-section{
  position:relative;
  padding:88px 24px 54px;
  background:
    radial-gradient(circle at 12% 0%,rgba(239,63,153,.08),transparent 27%),
    radial-gradient(circle at 88% 0%,rgba(103,203,25,.08),transparent 26%),
    linear-gradient(180deg,#fff 0%,#f8fcff 100%);
}
.intro-card{max-width:920px;padding:0 18px}
.intro-card h1{
  font-size:clamp(3rem,7vw,5.9rem);
  line-height:.98;
  font-weight:600;
  letter-spacing:-.055em;
}
.intro-card h1 span{
  background:linear-gradient(180deg,#28d5ff 0%,#0b8cf0 62%,#0757c5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}
.intro-copy{
  max-width:760px;
  margin-top:26px;
  color:var(--brand-copy);
  font-size:clamp(1.12rem,1.7vw,1.36rem);
  line-height:1.75;
}
.home-release-status,.book-retailer-status,.retailer-badge{
  border-color:rgba(11,157,244,.17);
  background:#fff;
  color:var(--brand-blue-deep);
  box-shadow:0 10px 26px rgba(13,68,102,.07);
}
.intro-actions{gap:12px;margin-top:30px}
.see-mini{gap:14px;max-width:670px;margin-top:38px}
.see-mini div{
  border:1px solid var(--brand-line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--brand-shadow-sm);
  transition:transform var(--brand-transition),box-shadow var(--brand-transition);
}
.see-mini div:hover{transform:translateY(-3px);box-shadow:var(--brand-shadow)}
.see-mini strong{
  color:#fff;
  background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-2));
  border-radius:999px;
  padding:8px 0;
}
.see-mini span{color:var(--brand-ink)}

/* Shared section/card language --------------------------------- */
.panel-card,
.collection-showcase,
.publisher-showcase,
.book-card,
.media-card,
.news-media__updates,
.book-about__copy,
.book-about__learn,
.book-meta__item,
.book-framework__card,
.related-book,
.author-gallery__frame,
.award-page__record,
.book-award{
  border:1px solid var(--brand-line);
  background:rgba(255,255,255,.97);
  box-shadow:var(--brand-shadow);
}
.panel-card,
.collection-showcase,
.publisher-showcase{border-radius:var(--brand-radius-lg)}
.book-card,.media-card,.news-media__updates,.award-page__record,.book-award,.related-book{border-radius:var(--brand-radius)}

.collection-showcase{
  width:min(1220px,calc(100% - 48px));
  margin:0 auto 96px;
  padding:24px;
  gap:48px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,249,255,.98));
  box-shadow:var(--brand-shadow-lg);
}
.collection-showcase::before{
  width:320px;height:320px;
  background:radial-gradient(circle,rgba(247,185,0,.16),transparent 68%);
}
.collection-showcase__media{border-radius:24px;box-shadow:0 18px 44px rgba(13,68,102,.14)}
.collection-showcase__copy h2,
.publisher-showcase__copy h2{
  color:var(--brand-ink);
  font-size:clamp(2.25rem,4vw,3.5rem);
  line-height:1.02;
}
.collection-showcase__copy>p:not(.section-kicker):not(.collection-showcase__note),
.publisher-showcase__copy p:not(.section-kicker){color:var(--brand-copy);line-height:1.76}

.featured-books{width:min(1200px,calc(100% - 48px));padding-bottom:112px}
.book-grid{gap:28px}
.book-card{
  position:relative;
  overflow:hidden;
  box-shadow:var(--brand-shadow-sm);
  transition:transform var(--brand-transition),box-shadow var(--brand-transition),border-color var(--brand-transition);
}
.book-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  z-index:2;
  background:var(--brand-blue);
}
.book-card:nth-child(1)::before{background:linear-gradient(90deg,var(--brand-pink),#ff9bcf)}
.book-card:nth-child(2)::before{background:linear-gradient(90deg,var(--brand-blue),var(--brand-aqua))}
.book-card:nth-child(3)::before{background:linear-gradient(90deg,var(--brand-gold),var(--brand-orange))}
.book-card:hover,.book-card:focus-within{
  transform:translateY(-6px);
  border-color:rgba(11,157,244,.25);
  box-shadow:var(--brand-shadow-lg);
}
.book-cover{padding:22px 22px 0}
.book-cover img{border-radius:12px;box-shadow:0 8px 24px rgba(13,68,102,.08)}
.book-content{padding:26px 24px 28px}
.book-card h3{font-size:1.42rem;line-height:1.13;color:var(--brand-ink)}
.book-card p:not(.book-label){color:var(--brand-copy);line-height:1.68}
.book-card__cta{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  min-height:42px;
  margin-top:auto;
  padding:9px 14px;
  border-radius:999px;
  background:var(--brand-bg-blue);
  color:var(--brand-blue-deep);
  font-family:'Fredoka',Arial,sans-serif;
  font-size:.86rem;
  font-weight:600;
  text-decoration:none;
}
.book-card__cta:hover,.book-card__cta:focus-visible{background:#dff3ff;color:#064a9b;text-decoration:none}
.book-card__google{margin:.6rem 0 0;color:#427286;font-size:.84rem;font-weight:800;text-decoration:none}
.book-card__google:hover{text-decoration:underline;text-underline-offset:3px}

.meet-gert{
  width:min(1220px,calc(100% - 48px));
  gap:30px;
  padding-bottom:112px;
}
.meet-copy{padding:46px}
.meet-copy h2,.author-copy h3{color:var(--brand-ink)}
.meet-copy h2{font-size:clamp(2.25rem,3.8vw,3.2rem);line-height:1.02}
.meet-copy p:not(.section-kicker),.author-copy p{color:var(--brand-copy);line-height:1.76}
.see-block{border:1px solid var(--brand-line);border-radius:22px;background:var(--brand-bg-blue)}
.see-row{background:#fff;border:1px solid rgba(11,157,244,.08)}
.see-row span{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-2));color:#fff}
.meet-video,.meet-home-video{border-radius:var(--brand-radius-lg);box-shadow:var(--brand-shadow)}

.author{width:min(1160px,calc(100% - 48px));padding-bottom:112px}
.author-grid{padding:34px;gap:52px;background:linear-gradient(135deg,#fff,#f8fcff)}
.author-photo img{border-radius:22px;box-shadow:0 16px 38px rgba(13,68,102,.11)}
.author-copy h3{font-size:2.2rem}
.author-copy__cta{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  margin-top:12px;
  padding:9px 15px;
  border-radius:999px;
  background:var(--brand-bg-blue);
  color:var(--brand-blue-deep);
  font-family:'Fredoka',Arial,sans-serif;
  font-size:.88rem;
  font-weight:600;
  text-decoration:none;
}

.publisher-showcase{
  width:min(1160px,calc(100% - 48px));
  margin-bottom:96px;
  padding:42px;
  background:linear-gradient(135deg,#fffdf8,#f2fbff);
}
.publisher-showcase__mark img{border-radius:24px;box-shadow:0 18px 40px rgba(13,68,102,.11)}

.news-media{width:min(1160px,calc(100% - 48px));padding-bottom:104px}
.news-media__compact-layout{gap:24px}
.media-card{padding:30px;box-shadow:var(--brand-shadow-sm)}
.media-card:hover,.media-card:focus-visible{transform:translateY(-4px);box-shadow:var(--brand-shadow)}
.media-card h3{color:var(--brand-ink);font-size:1.4rem}
.media-card p{color:var(--brand-copy)}
.news-media__updates{padding:14px;background:#fff}
.media-update{
  border:1px solid rgba(23,93,132,.09);
  border-radius:18px;
  background:#fbfdff;
}
.media-update:hover,.media-update:focus-visible{border-color:rgba(11,157,244,.22);background:var(--brand-bg-blue)}
.media-update--announcement{background:#fff9e9;border-color:rgba(247,185,0,.16)}
.media-update strong{color:var(--brand-ink)}

/* Awards -------------------------------------------------------- */
.award-section--enhanced{width:min(1200px,calc(100% - 48px));margin-bottom:96px}
.award-section__header{align-items:center;margin-bottom:20px}
.award-section__eyebrow{color:#8c6500}
.award-section__header h2{font-size:clamp(1.9rem,3vw,2.5rem);color:var(--brand-ink)}
.award-strip{
  border-color:rgba(247,185,0,.2);
  border-radius:26px;
  background:linear-gradient(180deg,#fffdf4,#fff8df);
  box-shadow:0 14px 34px rgba(126,92,0,.07);
}
.award-card--scroll{border-color:rgba(247,185,0,.14);background:rgba(255,255,255,.9)}
.award-section__link,.award-strip__control{
  border-color:rgba(247,185,0,.26);
  background:#fffaf0;
  color:#765900;
  font-family:'Fredoka',Arial,sans-serif;
  font-weight:600;
}

/* Social section ------------------------------------------------ */
.social{
  width:min(820px,calc(100% - 48px));
  margin-bottom:96px;
  padding:38px 28px 42px;
  border:1px solid var(--brand-line);
  border-radius:var(--brand-radius-lg);
  background:
    radial-gradient(circle at 0 0,rgba(239,63,153,.08),transparent 32%),
    radial-gradient(circle at 100% 0,rgba(103,203,25,.08),transparent 32%),
    #fff;
  box-shadow:var(--brand-shadow);
}
.social h2{font-size:2.2rem;color:var(--brand-ink)}
.social-links{gap:22px}
.social-links a,.social-links img{width:70px;height:70px}

/* Footer -------------------------------------------------------- */
.site-footer{
  position:relative;
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:52px 0 30px;
  border-top:0;
  color:#d8e8f2;
  background:#0d2d43;
  box-shadow:0 0 0 100vmax #0d2d43;
  clip-path:inset(0 -100vmax);
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:30px 54px;
}
.site-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,var(--brand-pink),var(--brand-gold),var(--brand-blue),var(--brand-green));
}
.site-footer__brand strong{color:#fff;font-family:'Fredoka',Arial,sans-serif;font-size:1.05rem;font-weight:600}
.site-footer__brand span{color:#bcd0dd;line-height:1.55}
.site-footer__logo{filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}
.footer-nav{gap:3px 18px}
.footer-nav a{color:#d6e7f1;font-family:'Nunito',Arial,sans-serif;font-size:.88rem;font-weight:800}
.footer-nav a:hover,.footer-nav a:focus-visible{color:#fff;text-decoration:none}
.site-footer p{color:#91a9b8;font-size:.8rem;border-top:1px solid rgba(255,255,255,.09);padding-top:20px}
.site-footer__social a{background:rgba(255,255,255,.06);border-radius:50%}

/* Directory / standalone pages -------------------------------- */
.directory-page,
.author-detail-page,
.awards-page,
.book-detail-page,
.publisher-page,
.error-page{
  background:
    radial-gradient(circle at 50% -10%,rgba(11,157,244,.08),transparent 28%),
    linear-gradient(180deg,#f7fcff 0%,#fff 34%,#f9fcfe 100%);
}
.directory-hero,
.award-page__hero{
  width:min(980px,calc(100% - 48px));
  padding:70px 0 54px;
}
.directory-hero h1,
.award-page__hero h1{
  color:var(--brand-ink);
  font-size:clamp(2.8rem,6vw,4.9rem);
  line-height:1.01;
}
.directory-hero>p:not(.section-kicker),
.award-page__hero>p:not(.award-page__eyebrow){
  max-width:720px;
  margin:18px auto 0;
  color:var(--brand-copy);
  font-size:1.08rem;
  line-height:1.72;
}
.directory-links{gap:12px;padding-bottom:88px}

/* Book detail pages -------------------------------------------- */
.book-breadcrumb,
.author-breadcrumb{color:var(--brand-muted);padding-top:28px}
.book-breadcrumb a,.author-breadcrumb a{color:var(--brand-blue-deep);text-decoration:none}
.book-breadcrumb a:hover,.author-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}
.book-hero{
  width:min(1180px,calc(100% - 48px));
  gap:58px;
  padding:34px 0 84px;
}
.book-hero__cover{
  padding:18px;
  border-color:var(--brand-line);
  border-radius:30px;
  box-shadow:var(--brand-shadow-lg);
}
.book-hero__cover img{border-radius:10px}
.book-hero__copy{
  padding:40px;
  border:1px solid var(--brand-line);
  border-radius:30px;
  background:rgba(255,255,255,.92);
  box-shadow:var(--brand-shadow);
}
.book-hero h1{
  color:var(--brand-ink);
  font-size:clamp(2.6rem,5vw,4.6rem);
  line-height:1.02;
}
.book-hero__summary{color:var(--brand-copy);line-height:1.76}
.book-byline{color:#38596a}
.book-byline a{color:var(--brand-blue-deep);text-decoration:none}
.book-byline a:hover{text-decoration:underline;text-underline-offset:3px}
.book-meta{
  width:min(1180px,calc(100% - 48px));
  gap:14px;
  margin-top:-42px;
  margin-bottom:96px;
}
.book-meta__item{
  position:relative;
  overflow:hidden;
  padding:20px;
  border-radius:20px;
  box-shadow:var(--brand-shadow-sm);
}
.book-meta__item::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-aqua));
}
.book-meta__item span{color:var(--brand-muted);font-size:.72rem}
.book-meta__item strong{color:var(--brand-ink);font-size:.97rem}
.book-section{width:min(1080px,calc(100% - 48px));padding-bottom:96px}
.book-section__heading{margin-bottom:36px}
.book-section__heading h2{color:var(--brand-ink);font-size:clamp(2.15rem,4.4vw,3.5rem);line-height:1.03}
.book-section__heading p{color:var(--brand-copy)}
.book-about{gap:20px}
.book-about__copy,.book-about__learn{padding:32px;border-radius:24px;box-shadow:var(--brand-shadow-sm)}
.book-about__copy p{color:var(--brand-copy);line-height:1.78}
.book-chip{border-color:rgba(11,157,244,.14);background:var(--brand-bg-blue);color:#2d6076}
.book-awards{gap:20px}
.book-award{padding:24px;background:#fffdf8;box-shadow:0 14px 34px rgba(126,92,0,.07)}
.book-framework{gap:20px}
.book-framework__card{
  padding:32px;
  border-radius:24px;
  background:linear-gradient(180deg,#f4fbff,#fff);
  box-shadow:var(--brand-shadow-sm);
}
.book-framework__card strong{color:var(--brand-blue-2)}
.related-book{padding:16px;box-shadow:var(--brand-shadow-sm)}
.related-book:hover{transform:translateY(-3px);box-shadow:var(--brand-shadow)}

.book-detail-page--counting .book-hero__copy{box-shadow:inset 5px 0 0 #ef7db8,var(--brand-shadow)}
.book-detail-page--colors .book-hero__copy{box-shadow:inset 5px 0 0 #14aee9,var(--brand-shadow)}
.book-detail-page--emotions .book-hero__copy{box-shadow:inset 5px 0 0 #f0ae22,var(--brand-shadow)}

/* Author page --------------------------------------------------- */
.author-hero{
  width:min(1120px,calc(100% - 48px));
  gap:60px;
  padding:44px 0 90px;
}
.author-hero__portrait{
  padding:16px;
  border:1px solid var(--brand-line);
  border-radius:30px;
  background:#fff;
  box-shadow:var(--brand-shadow-lg);
}
.author-hero__portrait img{border-radius:20px}
.author-hero h1{color:var(--brand-ink);font-size:clamp(3rem,6vw,5.2rem);line-height:.98}
.author-intro{color:var(--brand-copy);line-height:1.72}
.author-story,
.author-gallery-section,
.author-books{width:min(1120px,calc(100% - 48px))}
.author-story__copy{
  padding:40px;
  border:1px solid var(--brand-line);
  border-radius:28px;
  background:#fff;
  box-shadow:var(--brand-shadow-sm);
}
.author-story__copy p{color:var(--brand-copy)}
.author-gallery__frame{border-radius:28px;background:#fff;box-shadow:var(--brand-shadow)}
.author-book{border-color:var(--brand-line);box-shadow:var(--brand-shadow-sm)}
.author-book:hover,.author-book:focus-visible{transform:translateY(-4px);box-shadow:var(--brand-shadow)}
.author-links{padding-bottom:100px}

/* Awards page --------------------------------------------------- */
.award-page__stats span{
  padding:9px 14px;
  border-color:rgba(247,185,0,.18);
  background:#fffaf0;
  color:#765900;
}
.award-page__content{gap:20px;width:min(1080px,calc(100% - 48px));padding-bottom:56px}
.award-page__record{padding:26px;background:#fff;box-shadow:var(--brand-shadow-sm)}
.award-page__record:hover{box-shadow:var(--brand-shadow)}
.award-page__copy h2{color:var(--brand-ink);font-size:1.48rem}
.award-page__category{color:#3f6576}
.award-page__book{color:var(--brand-copy)}
.award-page__official{color:var(--brand-blue-deep);text-decoration:none}
.award-page__official:hover{text-decoration:underline;text-underline-offset:3px}

/* Publisher page ------------------------------------------------ */
.publisher-page__hero{
  width:min(1160px,calc(100% - 48px));
  margin:2.2rem auto 5rem;
  gap:56px;
}
.publisher-page__logo img{border-radius:30px;box-shadow:var(--brand-shadow-lg)}
.publisher-page__copy{
  padding:36px;
  border:1px solid var(--brand-line);
  border-radius:30px;
  background:#fff;
  box-shadow:var(--brand-shadow);
}
.publisher-page__copy h1{color:var(--brand-ink);font-size:clamp(2.8rem,5.5vw,4.8rem)}
.publisher-page__lead{color:#28566f}
.publisher-page__copy>p{color:var(--brand-copy)}
.publisher-page__books{width:min(1120px,calc(100% - 48px));margin-bottom:96px}
.publisher-book-links{gap:16px}
.publisher-book-links a{
  padding:1.35rem;
  border-color:var(--brand-line);
  border-radius:20px;
  box-shadow:var(--brand-shadow-sm);
}
.publisher-book-links a:hover{transform:translateY(-4px);box-shadow:var(--brand-shadow)}

/* 404 ----------------------------------------------------------- */
.error-page .intro-section{min-height:72vh}
.error-page .intro-card{
  padding:52px 36px;
  border:1px solid var(--brand-line);
  border-radius:30px;
  background:#fff;
  box-shadow:var(--brand-shadow-lg);
}

/* Responsive ---------------------------------------------------- */
@media(max-width:1080px){
  .site-nav__inner{width:min(100% - 32px,1260px);gap:16px}
  .site-nav__brand img{height:56px;max-width:220px}
  .site-nav__links a{padding-inline:9px;font-size:.84rem}
}

@media(max-width:980px){
  html{scroll-padding-top:78px}
  .site-nav__inner{min-height:72px}
  .site-nav__brand img{height:52px;max-width:200px}
  .site-nav.is-enhanced .site-nav__links{
    left:-16px;
    right:-16px;
    padding:14px 16px 18px;
    border-bottom:1px solid var(--brand-line);
    background:rgba(255,255,255,.98);
    box-shadow:0 20px 40px rgba(13,68,102,.12);
  }
  .site-nav__links a::after{display:none}
  .site-nav__links a[aria-current="page"]{background:var(--brand-bg-blue)}
  .collection-showcase,
  .publisher-showcase,
  .book-hero,
  .author-hero{grid-template-columns:1fr}
  .book-hero__copy{padding:34px}
  .book-meta{margin-top:-22px}
}

@media(max-width:720px){
  .site-footer{grid-template-columns:1fr;gap:26px;padding-top:46px;text-align:center}
  .site-footer__brand{justify-self:center;max-width:460px;text-align:left}
  .footer-nav{justify-content:center}
  .site-footer p{text-align:center}
}

@media(max-width:620px){
  :root{--brand-radius:20px;--brand-radius-lg:24px}
  .site-nav__inner{width:calc(100% - 28px);min-height:66px}
  .site-nav__brand img{height:44px;max-width:168px}
  .intro-section{padding:62px 14px 38px}
  .intro-card{padding:0}
  .intro-card h1{font-size:clamp(2.7rem,13vw,4.35rem)}
  .intro-copy{font-size:1.08rem;line-height:1.68}
  .section-kicker,.book-label,.book-hero__eyebrow,.author-eyebrow,.award-page__eyebrow,.award-page__result,.media-card__source,.media-update__meta{
    font-size:.69rem;
    letter-spacing:.07em;
  }
  .see-mini div{border-radius:17px}
  .collection-showcase,.featured-books,.meet-gert,.author,.publisher-showcase,.news-media,.social,
  .directory-hero,.directory-links,.book-breadcrumb,.book-hero,.book-meta,.book-section,
  .author-breadcrumb,.author-hero,.author-story,.author-gallery-section,.author-books,.author-links,
  .award-page__hero,.award-page__content,.award-page__return,.publisher-page__hero,.publisher-page__books{
    width:calc(100% - 28px);
  }
  .collection-showcase{padding:12px;margin-bottom:72px}
  .collection-showcase__copy{padding:18px 10px 12px}
  .featured-books,.meet-gert,.author{padding-bottom:82px}
  .book-cover{padding:16px 16px 0}
  .book-content{padding:22px}
  .meet-copy{padding:28px 22px}
  .author-grid{padding:22px}
  .publisher-showcase{padding:26px 20px;margin-bottom:76px}
  .social{padding:30px 18px 34px;margin-bottom:72px}
  .social-links a,.social-links img{width:62px;height:62px}
  .site-footer{width:calc(100% - 28px)}
  .directory-hero,.award-page__hero{padding:46px 0 42px}
  .book-hero{padding-top:24px;gap:28px}
  .book-hero__copy{padding:28px 22px}
  .book-hero h1{font-size:clamp(2.35rem,11.5vw,3.65rem)}
  .book-meta{grid-template-columns:1fr 1fr;margin-bottom:70px}
  .book-section{padding-bottom:72px}
  .book-about__copy,.book-about__learn,.book-framework__card{padding:24px 21px}
  .author-hero{padding:30px 0 70px;gap:30px}
  .author-story__copy{padding:26px 22px}
  .award-page__record{padding:18px}
  .publisher-page__hero{margin-top:1rem;gap:30px}
  .publisher-page__copy{padding:28px 22px}
}

@media(max-width:380px){
  .site-nav__brand img{height:40px;max-width:148px}
  .book-meta{grid-template-columns:1fr}
  .site-button,.book-button{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .site-nav__links a,.site-button,.book-button,.book-card,.media-card,.related-book,.author-book,.see-mini div{transition:none!important}
}