:root{
  --navy:#061f3a;
  --navy-2:#0a2c51;
  --navy-3:#123f6d;

  --gold:#d88d00;
  --gold-2:#b86d00;
  --gold-soft:#f6e3bd;

  --cream:#fbf7f1;
  --cream-2:#f5eee4;
  --paper:#fffdf9;

  --ink:#0e2341;
  --muted:#68758a;
  --line:#e2d8ca;

  --purple:#64289d;
  --purple-soft:#f6f1fb;

  --shadow:0 10px 30px rgba(6,31,58,.08);
  --shadow-lg:0 22px 60px rgba(6,31,58,.16);

  --radius:18px;
  --max:1460px;
}


/* ======================================================
   RESET
   ====================================================== */

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  overflow-x:hidden;

  background:
    linear-gradient(
      to bottom,
      #fffdf9,
      #faf5ed
    );

  color:var(--ink);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  line-height:1.5;
}

body.modal-open{
  overflow:hidden;
}

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
textarea,
select{
  font:inherit;
}

button{
  cursor:pointer;
}

button:disabled{
  opacity:.65;
  cursor:not-allowed;
}

img,
svg{
  max-width:100%;
}

.container{
  width:min(
    calc(100% - 32px),
    var(--max)
  );

  margin-left:auto;
  margin-right:auto;
}

.hidden{
  display:none !important;
}

.connection-banner{
  position:sticky;
  top:0;
  z-index:1200;
  display:flex;
  justify-content:center;
  gap:8px;
  padding:10px 18px;
  border-bottom:1px solid #c88f22;
  background:#fff3d7;
  color:var(--navy);
  font-size:.86rem;
  text-align:center;
}

.connection-banner strong{
  color:#8a5700;
}

@media(max-width:620px){
  .connection-banner{
    align-items:center;
    flex-direction:column;
    gap:2px;
  }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
}

/* ======================================================
   SPEED SUDOKU
   ====================================================== */

.speed-sudoku{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(320px,1fr) minmax(220px,.72fr);gap:28px;align-items:start;margin-top:32px;margin-bottom:64px;padding:36px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:linear-gradient(135deg,#06213f 0%,#0c365d 100%);color:#fff;box-shadow:var(--shadow)}
.speed-sudoku h2,.speed-sudoku h3{margin:7px 0 11px;font-family:Georgia,"Times New Roman",serif;color:#fff}
.speed-sudoku h2{font-size:clamp(31px,3vw,45px);line-height:1}.speed-sudoku h3{font-size:24px}.speed-sudoku p{margin:0;color:#d8e3ef}.speed-sudoku .panel-kicker{color:#e8b44a}
.speed-sudoku-name{display:grid;gap:6px;margin-top:20px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.speed-sudoku-name input{width:100%;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:#fff;padding:11px 12px;color:var(--ink);letter-spacing:normal;text-transform:none}
.speed-sudoku-account-link{justify-self:start;border:0;background:transparent;padding:2px 0;color:#f2c45f;font:inherit;font-size:12px;font-weight:800;letter-spacing:0;text-decoration:underline;text-underline-offset:3px;text-transform:none;cursor:pointer}.speed-sudoku-account-link:hover,.speed-sudoku-account-link:focus-visible{color:#fff}.speed-sudoku-account-link[hidden]{display:none}
.speed-sudoku-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.speed-sudoku-actions .btn{padding:11px 14px}
.speed-sudoku-help{display:block;margin-top:10px;color:#c4d4e4;line-height:1.45}
.speed-sudoku-game{min-width:0}.speed-sudoku-status{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;margin-bottom:12px;color:#d8e3ef;font-size:13px}.speed-sudoku-timer{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:700;line-height:1}
.speed-sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);overflow:hidden;border:3px solid var(--navy);border-radius:8px;background:var(--navy);gap:1px;aspect-ratio:1;box-shadow:0 8px 24px rgba(6,31,58,.12)}
.speed-sudoku-board[hidden]{display:none}
.speed-sudoku-cell{min-width:0;border:0;border-radius:0;background:#fff;color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:clamp(16px,2.2vw,27px);font-weight:700;text-align:center;outline:0}.speed-sudoku-cell:focus{position:relative;z-index:2;background:#fff3d7;box-shadow:inset 0 0 0 2px var(--gold)}.speed-sudoku-cell[readonly]{background:#e9edf0;color:#28435d;cursor:default}.speed-sudoku-cell.is-wrong{background:#ffe5e0;color:#a63b27}.speed-sudoku-cell:nth-child(3n){border-right:2px solid var(--navy)}.speed-sudoku-cell:nth-child(9n){border-right:0}.speed-sudoku-cell:nth-child(n+19):nth-child(-n+27),.speed-sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--navy)}
.speed-sudoku-leaderboard{padding:4px 0 0}.speed-sudoku-leaders{display:grid;gap:7px;margin:16px 0 0;padding:0;list-style-position:inside}.speed-sudoku-leaders li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.18);padding:0 0 7px;color:#d8e3ef;font-size:14px}.speed-sudoku-leaders strong{color:#fff}.speed-sudoku-leaders .speed-sudoku-empty{display:block;font-style:italic}
.speed-sudoku-privacy{margin-top:16px!important;color:#afc4d8!important;font-size:12px;line-height:1.5}
@media(max-width:1000px){.speed-sudoku{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.speed-sudoku-leaderboard{grid-column:1/-1}.speed-sudoku-leaders{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}
@media(max-width:620px){.speed-sudoku{grid-template-columns:minmax(0,1fr);width:calc(100% - 24px);max-width:100%;margin:42px auto;padding:24px 14px;gap:23px;overflow:hidden}.speed-sudoku-intro,.speed-sudoku-game,.speed-sudoku-leaderboard{min-width:0;width:100%}.speed-sudoku-actions{display:grid;grid-template-columns:1fr}.speed-sudoku-actions .btn{width:100%}.speed-sudoku-account-link{width:100%;min-height:36px;text-align:left}.speed-sudoku-leaderboard{grid-column:auto}.speed-sudoku-leaders{grid-template-columns:1fr}.speed-sudoku-status{align-items:flex-start;flex-direction:column;gap:6px}.speed-sudoku-board{width:100%;max-width:430px;margin:0 auto;box-sizing:border-box}.speed-sudoku-cell{width:100%;height:100%;padding:0;font-size:clamp(15px,5vw,22px)}}

.daily-sudoku{display:grid;grid-template-columns:minmax(250px,.76fr) minmax(300px,.9fr);justify-content:center;gap:46px;align-items:center;margin-top:0;margin-bottom:64px;padding:36px max(36px,8%);border-radius:24px;background:var(--navy);color:#fff;box-shadow:var(--shadow)}.daily-sudoku h2{margin:7px 0 11px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(31px,3vw,45px);line-height:1}.daily-sudoku p{margin:0;color:#d8e3ef}.daily-sudoku .panel-kicker{color:#e8b44a}.daily-sudoku-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.daily-sudoku-message{margin-top:18px!important;font-size:13px}.daily-sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);overflow:hidden;border:3px solid #fff;border-radius:8px;background:#fff;gap:1px;aspect-ratio:1;box-shadow:0 10px 30px rgba(0,0,0,.2)}.daily-sudoku-cell{min-width:0;border:0;border-radius:0;background:#fff;color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:clamp(16px,2.2vw,27px);font-weight:700;text-align:center;outline:0}.daily-sudoku-cell:focus{position:relative;z-index:2;background:#fff3d7;box-shadow:inset 0 0 0 2px var(--gold)}.daily-sudoku-cell[readonly]{background:#dbe5ef;color:#28435d;cursor:default}.daily-sudoku-cell.is-wrong{background:#ffe5e0;color:#a63b27}.daily-sudoku-cell.is-correct{background:#ebf6e8;color:#356c36}.daily-sudoku-cell:nth-child(3n){border-right:2px solid var(--navy)}.daily-sudoku-cell:nth-child(9n){border-right:0}.daily-sudoku-cell:nth-child(n+19):nth-child(-n+27),.daily-sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--navy)}
@media(max-width:800px){.daily-sudoku{grid-template-columns:1fr;gap:28px;padding:28px}.daily-sudoku-board{width:min(100%,480px);justify-self:center}}@media(max-width:620px){.daily-sudoku{margin-bottom:42px;padding:24px 18px}.daily-sudoku-cell{font-size:18px}}


/* ======================================================
   GLOBAL BUTTONS
   ====================================================== */

.btn{
  border:0;

  border-radius:9px;

  padding:
    13px 18px;

  font-weight:800;

  transition:
    transform .15s ease,
    filter .15s ease,
    box-shadow .15s ease;
}

.btn:hover:not(:disabled){
  transform:translateY(-1px);

  filter:brightness(1.03);
}

.btn-navy{
  background:var(--navy);

  color:#fff;
}

.btn-gold{
  background:
    linear-gradient(
      135deg,
      #df9505,
      #c47700
    );

  color:#fff;
}

.btn-light{
  border:
    1px solid
    var(--line);

  background:#fff;

  color:var(--navy);
}


/* ======================================================
   BETA BAR
   ====================================================== */

.beta-bar{
  background:#fff1c9;

  border-bottom:
    1px solid
    #ddba61;

  color:#674405;
}

.beta-inner{
  min-height:36px;

  display:flex;

  justify-content:center;
  align-items:center;

  gap:8px;

  padding:
    7px 12px;

  text-align:center;

  font-size:11px;
}

.beta-badge{
  padding:
    3px 8px;

  border-radius:999px;

  background:var(--gold);

  color:#fff;

  font-size:9px;
  font-weight:900;

  letter-spacing:.12em;
}


/* ======================================================
   SHARED BRAND
   ====================================================== */

.brand-image-link,
.footer-brand-image-link{
  display:flex;

  align-items:center;

  min-width:0;
}

.adat-logo{
  display:block;

  width:auto;
  height:76px;

  max-width:340px;

  object-fit:contain;
}

.footer-adat-logo{
  display:block;

  width:auto;
  height:64px;

  max-width:310px;

  object-fit:contain;
}

.brand-promise{
  position:relative;

  display:flex;
  flex-direction:column;

  gap:2px;

  padding-left:22px;

  color:#eda529;

  font-size:11px;
  font-weight:700;

  letter-spacing:.11em;

  text-transform:uppercase;
}

.brand-promise::before{
  content:"";

  position:absolute;

  left:0;
  top:0;
  bottom:0;

  width:1px;

  background:
    rgba(255,255,255,.45);
}

.brand-promise em{
  margin-top:3px;

  color:#eda529;

  font-family:
    Georgia,
    serif;

  font-size:16px;
  font-weight:400;

  letter-spacing:0;

  text-transform:none;
}


/* ======================================================
   HOMEPAGE HEADER
   ====================================================== */

.site-header{
  position:sticky;

  top:0;

  z-index:50;

  background:
    linear-gradient(
      135deg,
      #041a31,
      #06284b
    );

  color:#fff;

  box-shadow:
    0 5px 18px
    rgba(6,31,58,.16);
}

.header-inner{
  min-height:112px;

  display:grid;

  grid-template-columns:
    minmax(270px,auto)
    minmax(210px,260px)
    minmax(0,1fr)
    auto;

  align-items:center;

  gap:22px;
}

.brand{
  display:flex;

  align-items:center;

  min-width:0;
}

.main-nav{
  display:flex;

  justify-content:flex-end;
  align-items:center;

  gap:6px;

  min-width:0;

  font-size:13px;
  font-weight:700;
}

.main-nav a{
  white-space:nowrap;

  padding:9px 11px;

  border-radius:8px;

  line-height:1.25;
}

.main-nav a:hover{
  color:#f3af30;

  background:rgba(255,255,255,.07);
}

.header-actions{
  display:flex;

  align-items:center;

  gap:12px;
}

.icon-btn{
  width:42px;
  height:42px;

  display:grid;
  place-items:center;

  border:0;

  border-radius:50%;

  background:transparent;

  color:#fff;

  font-size:22px;
}

.icon-btn:hover{
  background:
    rgba(255,255,255,.08);
}

.header-capsule-button{
  white-space:nowrap;
}

.profile-icon-button{
  position:relative;

  width:42px;
  height:42px;

  display:grid;
  place-items:center;

  border:
    1px solid
    rgba(255,255,255,.85);

  border-radius:50%;

  background:transparent;

  color:#fff;

  font-size:20px;
}

.auth-guest-actions{
  display:flex;
  align-items:center;
}

.account-control{
  position:relative;
}

.account-button{
  min-width:42px;
  padding:0;
}

.account-dot{
  position:absolute;

  right:-1px;
  bottom:-1px;

  width:9px;
  height:9px;

  border:
    2px solid
    var(--navy);

  border-radius:50%;

  background:#7ab33c;
}

.account-menu{
  position:absolute;

  top:calc(100% + 10px);
  right:0;

  z-index:80;

  display:none;

  width:235px;

  padding:8px;

  border:
    1px solid
    var(--line);

  border-radius:13px;

  background:#fffdf9;

  color:var(--navy);

  box-shadow:
    var(--shadow-lg);
}

.account-menu.open{
  display:block;
}

.account-menu-email{
  padding:
    10px 11px
    12px;

  margin-bottom:5px;

  border-bottom:
    1px solid
    var(--line);

  color:var(--muted);

  font-size:11px;
}

.account-menu button,
.account-menu a{
  display:block;
  width:100%;

  padding:
    10px 11px;

  border:0;
  border-radius:8px;

  background:transparent;

  color:var(--navy);

  text-align:left;

  font-size:12px;
  font-weight:700;

  text-decoration:none;
  cursor:pointer;
}

.account-menu-name{padding:9px 11px 0;color:var(--navy);font-size:13px;font-weight:800}

.account-menu button:hover,
.account-menu a:hover,
.account-menu a:focus-visible{
  background:#f5efe6;
}

.menu-btn{
  display:none;
}

.skip-link{
  position:fixed;
  left:16px;
  top:-70px;
  z-index:10000;
  border-radius:8px;
  background:#fff;
  padding:12px 16px;
  color:#06213f;
  font-weight:800;
  box-shadow:0 8px 24px rgba(0,0,0,.2);
}

.skip-link:focus{
  top:16px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible{
  outline:3px solid #f3af30;
  outline-offset:3px;
}


/* ======================================================
   WELCOME
   ====================================================== */

.welcome-row{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(300px,430px);

  align-items:center;

  gap:30px;

  padding-top:24px;
  padding-bottom:18px;
}

.welcome-title-row{
  display:flex;

  align-items:center;

  gap:15px;
}

.welcome-copy h1{
  margin:0;

  color:var(--navy);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:34px;
  font-weight:500;
}

.welcome-sun{
  color:#f0a000;

  font-size:38px;
}

.welcome-date{
  margin-top:5px;

  color:#25354b;

  font-size:12px;
  font-weight:800;

  letter-spacing:.17em;

  text-transform:uppercase;
}

.welcome-quote{
  display:grid;

  grid-template-columns:
    auto 1fr;

  align-items:start;

  gap:9px;

  padding-left:28px;

  border-left:
    1px solid
    #d5d2cc;
}

.welcome-quote-mark{
  color:#b97800;

  font-family:
    Georgia,
    serif;

  font-size:37px;

  line-height:.8;
}

.welcome-quote blockquote{
  margin:0;

  color:#17253b;

  font-family:
    Georgia,
    serif;

  font-size:15px;
}

.welcome-quote cite{
  display:block;

  margin-top:4px;

  color:#565f6b;

  font-size:11px;

  font-style:normal;
}


/* ======================================================
   HOMEPAGE HERO
   ====================================================== */

.hero{
  display:grid;

  grid-template-columns:
    minmax(330px,.95fr)
    minmax(430px,1.15fr)
    390px;

  gap:28px;

  align-items:stretch;

  margin-bottom:18px;
}

.hero-question-card,
.hero-capsule-card,
.hero-ad-card{
  min-height:320px;

  border:
    1px solid
    #e1d7ca;

  border-radius:15px;

  overflow:hidden;

  box-shadow:
    var(--shadow);
}

.hero-question-card{
  display:flex;
  flex-direction:column;

  padding:
    28px 29px
    22px;

  background:
    radial-gradient(
      circle at 90% 13%,
      rgba(120,50,170,.08),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #fbf8ff,
      #f8f4fb
    );
}

.hero-card-header{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:12px;
}

.hero-card-kicker{
  font-size:12px;
  font-weight:900;
}

.question-kicker{
  color:#532090;
}

.capsule-kicker{
  color:#b46d00;
}

.hero-circle-icon{
  width:42px;
  height:42px;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#fff;

  font-size:20px;
}

.question-circle-icon{
  background:
    linear-gradient(
      135deg,
      #6b27a5,
      #4c0f86
    );
}

.capsule-circle-icon{
  background:
    linear-gradient(
      135deg,
      #df9400,
      #b76700
    );
}

.hero-question-text{
  max-width:430px;

  margin:
    15px 0
    20px;

  color:#17223c;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:27px;
  font-weight:500;

  line-height:1.35;
}

.question-action-button{
  width:fit-content;

  margin-top:auto;

  background:
    linear-gradient(
      135deg,
      #702aa5,
      #52208c
    );

  color:#fff;
}

.question-response-footer{
  display:flex;

  align-items:center;

  gap:8px;

  margin-top:13px;

  padding-top:13px;

  border-top:
    1px solid
    #ded9e2;
}

.question-response-icon{
  color:#17284b;

  font-size:18px;
}

.live-status{
  color:#29384c;

  font-size:12px;
}

.unlock-note{
  margin-top:6px;

  color:var(--muted);

  font-size:10px;
}


/* TIME CAPSULE */

.hero-capsule-card{
  padding:
    28px 28px
    22px;

  background:
    linear-gradient(
      135deg,
      #fffaf2,
      #f8eee1
    );
}

.capsule-hero-layout{
  position:relative;

  display:grid;

  grid-template-columns:
    minmax(0,.9fr)
    minmax(220px,1.1fr);

  gap:12px;

  min-height:220px;
}

.capsule-hero-copy{
  position:relative;

  z-index:4;
}

.capsule-hero-copy h2{
  margin:
    16px 0
    20px;

  max-width:355px;

  color:#17223c;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:27px;
  font-weight:500;

  line-height:1.32;
}

.capsule-hero-copy p{
  margin:
    15px 0 0;

  color:#29394d;

  font-size:11px;
}

.capsule-hero-art{
  position:relative;

  min-height:230px;
}

.capsule-book{
  position:absolute;

  right:44px;
  top:15px;

  width:160px;
  height:208px;

  transform:
    rotate(8deg);

  filter:
    drop-shadow(
      0 15px 16px
      rgba(34,21,8,.25)
    );
}

.capsule-book-cover{
  position:absolute;

  inset:0;

  border:
    5px solid
    #5b2a0d;

  border-radius:
    8px 13px
    13px 8px;

  background:
    radial-gradient(
      circle at 35% 30%,
      rgba(255,190,90,.12),
      transparent 22%
    ),
    repeating-linear-gradient(
      45deg,
      rgba(255,255,255,.035)
      0 6px,
      rgba(0,0,0,.04)
      6px 12px
    ),
    linear-gradient(
      135deg,
      #9a4f11,
      #4e2108
    );

  box-shadow:
    inset 0 0 0 2px
    rgba(225,148,39,.55);
}

.capsule-book-spine{
  position:absolute;

  left:-10px;
  top:7px;
  bottom:7px;

  width:16px;

  border-radius:6px;

  background:
    linear-gradient(
      to right,
      #3f1605,
      #7a360b
    );
}

.capsule-book-star{
  position:absolute;

  left:50%;
  top:47%;

  transform:
    translate(-50%,-50%);

  color:#e2a526;

  font-size:31px;
}

.capsule-leaves{
  position:absolute;

  left:2px;
  bottom:13px;

  z-index:3;

  color:#49691b;

  font-size:92px;

  transform:
    rotate(-38deg);
}

.capsule-photo-card{
  position:absolute;

  right:4px;
  bottom:-2px;

  width:84px;
  height:102px;

  border:
    6px solid
    #fff;

  transform:
    rotate(-12deg);

  background:
    linear-gradient(
      to bottom,
      #88b6d0,
      #ecd68f 52%,
      #5a8132 53%,
      #29471b
    );

  box-shadow:
    0 8px 18px
    rgba(0,0,0,.18);
}


/* HOMEPAGE AD */

.hero-ad-card{
  display:grid;
  place-items:center;

  min-height:100%;

  padding:18px;

  border:1px solid #ddd;

  background:#f5f5f5;
}

.google-ad-placeholder{
  width:100%;
  min-height:250px;

  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;

  gap:5px;

  border:1px dashed #c9c9c9;

  color:#777;

  text-align:center;
  text-transform:uppercase;
}

.google-ad-placeholder span{
  font-size:11px;
  letter-spacing:.1em;
}

.google-ad-placeholder small{
  font-size:9px;
  letter-spacing:.04em;
}

.hero-ad-image{
  position:relative;

  min-height:100%;

  overflow:hidden;

  background:
    linear-gradient(
      to bottom,
      #cbd7df,
      #f5dcc4 49%,
      #bed2df 50%,
      #7aa0af 100%
    );
}

.hero-ad-copy{
  position:relative;

  z-index:5;

  padding:
    27px 30px;
}

.hero-ad-copy h2{
  margin:0;

  max-width:230px;

  color:#15223b;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:30px;
  font-weight:500;

  line-height:1.15;
}

.hero-ad-copy p{
  margin:
    10px 0
    14px;

  color:#172239;

  font-family:
    Georgia,
    serif;

  font-size:16px;
}

.hero-ad-landscape{
  position:absolute;

  inset:0;
}

.hero-ad-sun{
  position:absolute;

  left:48%;
  top:48%;

  width:63px;
  height:63px;

  border-radius:50%;

  background:
    rgba(255,224,157,.75);
}

.hero-ad-mountain{
  position:absolute;

  bottom:100px;

  width:260px;
  height:110px;

  background:#66869b;

  clip-path:
    polygon(
      0 100%,
      45% 10%,
      100% 100%
    );
}

.mountain-one{
  left:-40px;
}

.mountain-two{
  right:-65px;

  background:#7895a6;
}

.hero-ad-lake{
  position:absolute;

  left:0;
  right:0;
  bottom:0;

  height:120px;

  background:
    linear-gradient(
      to bottom,
      #7299ac,
      #b0c5cb
    );
}

.hero-ad-person{
  position:absolute;

  left:52%;
  bottom:43px;

  width:42px;
  height:88px;

  border-radius:
    25px 25px
    10px 10px;

  background:#414346;
}

.hero-ad-person::before{
  content:"";

  position:absolute;

  left:9px;
  top:-25px;

  width:25px;
  height:25px;

  border-radius:50%;

  background:#393b3c;
}

.hero-ad-pier{
  position:absolute;

  left:31%;
  right:10%;
  bottom:0;

  height:65px;

  background:
    repeating-linear-gradient(
      to right,
      #5a3f29
      0 18px,
      #77543a
      18px 21px
    );

  clip-path:
    polygon(
      30% 0,
      70% 0,
      100% 100%,
      0 100%
    );
}

.hero-ad-label{
  position:absolute;

  right:16px;
  bottom:9px;

  z-index:6;

  color:#fff;

  font-size:11px;

  text-transform:uppercase;

  letter-spacing:.12em;
}


/* ======================================================
   RESPONSES STRIP
   ====================================================== */

.responses-strip{
  min-height:96px;

  display:grid;

  grid-template-columns:
    auto
    1px
    auto
    1px
    minmax(0,1fr)
    1px
    auto;

  align-items:center;

  gap:23px;

  margin-bottom:14px;

  padding:
    15px 28px;

  border-radius:15px;

  background:
    linear-gradient(
      135deg,
      #031c35,
      #06284a
    );

  color:#fff;
}

.responses-strip-label{
  font-size:13px;
  font-weight:800;

  white-space:nowrap;
}

.responses-strip-divider{
  width:1px;
  height:52px;

  background:
    rgba(255,255,255,.20);
}

.responses-total{
  display:flex;

  align-items:center;

  gap:13px;
}

.responses-total strong{
  font-family:
    Georgia,
    serif;

  font-size:48px;
  font-weight:500;

  line-height:1;
}

.responses-total[data-empty="true"] strong{
  font-family:inherit;
  font-size:17px;
  font-weight:800;
  letter-spacing:.12em;
}

.responses-total span{
  font-size:10px;

  line-height:1.35;
}

.responses-leading-theme{
  display:grid;

  grid-template-columns:
    auto 1fr;

  align-items:center;

  gap:15px;
}

.responses-heart{
  width:57px;
  height:57px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:#fff;

  color:#c68509;

  font-size:27px;
}

.responses-leading-theme small{
  display:block;

  font-size:8px;
  font-weight:800;
}

.responses-leading-theme strong{
  display:block;

  margin-top:1px;

  font-family:
    Georgia,
    serif;

  font-size:17px;
  font-weight:500;
}

.responses-leading-theme span{
  display:block;

  margin-top:1px;

  font-size:10px;
}

.responses-strip-action .btn{
  min-width:245px;
}


/* ======================================================
   HOMEPAGE EXPLORE TEASER
   ====================================================== */

.explore-home{
  position:relative;

  display:grid;

  grid-template-columns:
    minmax(270px,.78fr)
    minmax(300px,.95fr)
    minmax(580px,1.45fr);

  gap:12px;

  min-height:250px;

  overflow:hidden;

  margin-bottom:14px;

  border:
    1px solid
    #abc9e4;

  border-radius:15px;

  background:
    linear-gradient(
      to right,
      #edf7ff,
      #f8fbfd
    );
}

.explore-home-copy{
  position:relative;

  z-index:4;

  padding:
    22px 0
    20px 30px;
}

.explore-home-kicker{
  color:#172843;

  font-size:12px;
  font-weight:900;
}

.explore-home-copy h2{
  margin:
    5px 0
    8px;

  color:#10233f;

  font-family:
    Georgia,
    serif;

  font-size:31px;
  font-weight:500;
}

.explore-home-copy p{
  max-width:260px;

  margin:
    0 0
    13px;

  color:#2b3b4f;

  font-size:12px;

  line-height:1.55;
}

.explore-home-image{
  position:relative;

  overflow:visible;

  min-height:248px;

  background:#dce8ef;
}

.explore-home-image img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
}

.explore-home-image-shade{
  position:absolute;
  inset:0;

  background:linear-gradient(to top,rgba(4,26,49,.55),transparent 52%);

  pointer-events:none;
}

.explore-landmark{
  position:absolute;

  left:50%;
  bottom:0;

  width:135px;
  height:225px;

  transform:
    translateX(-50%);
}

.explore-landmark-top{
  position:absolute;

  left:58px;
  top:0;

  width:18px;
  height:36px;

  background:#3e2d1b;
}

.explore-landmark-body{
  position:absolute;

  left:21px;
  top:30px;

  width:92px;
  height:160px;

  border-left:
    9px solid
    #6a4829;

  border-right:
    9px solid
    #6a4829;

  clip-path:
    polygon(
      45% 0,
      55% 0,
      100% 100%,
      0 100%
    );

  background:
    repeating-linear-gradient(
      to bottom,
      #7d5731
      0 8px,
      transparent
      8px 13px
    );
}

.explore-landmark-base{
  position:absolute;

  left:4px;
  right:4px;
  bottom:0;

  height:45px;

  border:
    9px solid
    #6a4829;

  border-bottom-width:13px;
}

.explore-home-stats{
  position:relative;

  display:grid;

  grid-template-columns:
    repeat(11,auto);

  align-items:center;

  gap:12px;

  padding:
    40px 27px
    53px;

  background:
    linear-gradient(
      to right,
      rgba(255,255,255,.83),
      rgba(245,249,251,.96)
    );
}

.explore-stat-item{
  min-width:74px;

  text-align:center;
}

.explore-stat-icon{
  margin-bottom:7px;

  color:#bd7600;

  font-size:29px;
}

.explore-stat-item strong{
  display:block;

  color:#12213c;

  font-family:
    Georgia,
    serif;

  font-size:27px;
  font-weight:500;
}

.explore-stat-item span{
  display:block;

  margin-top:3px;

  color:#18253a;

  font-size:11px;
}

.explore-stat-divider{
  width:1px;
  height:112px;

  background:#bdd0de;
}

.explore-home-fact{
  position:absolute;

  left:27px;
  right:27px;
  bottom:12px;

  display:flex;

  align-items:center;

  gap:8px;

  padding-top:10px;

  border-top:
    1px solid
    #c5d3dd;

  color:#334153;

  font-size:11px;
}


/* ======================================================
   DAILY DISCOVERY
   ====================================================== */

.daily-discovery-nav{
  display:grid;

  grid-template-columns:
    repeat(9,auto);

  align-items:center;

  margin-bottom:18px;

  padding:
    14px 24px;

  border:
    1px solid
    var(--line);

  border-radius:15px;

  background:
    rgba(255,255,255,.72);
}

.daily-discovery-nav a{
  display:flex;

  align-items:center;
  justify-content:center;

  gap:11px;

  color:#363d49;

  font-size:13px;
}

.daily-discovery-icon{
  font-size:27px;
}

.daily-discovery-divider{
  width:1px;
  height:42px;

  margin:
    0 21px;

  background:#ddd6cc;
}


/* ======================================================
   SUPPORTING DAILY CARDS
   ====================================================== */

.supporting-daily-content{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:18px;

  margin-bottom:18px;
}

.supporting-daily-card{
  position:relative;

  min-height:220px;

  padding:
    25px 24px
    50px;

  overflow:hidden;

  border:1px solid color-mix(in srgb,var(--editorial-accent,#b77608) 24%,#e2d8ca);
  border-top:5px solid var(--editorial-accent,#b77608);

  border-radius:4px 4px 15px 15px;

  background:var(--editorial-paper,#fffdf9);

  box-shadow:0 8px 22px rgba(6,31,58,.055);
}

.supporting-daily-card::before{
  content:"";

  position:absolute;
  left:24px;
  top:51px;

  width:38px;
  height:1px;

  background:var(--editorial-accent,#b77608);
}

.supporting-daily-card::after{
  content:counter(editorial-card,decimal-leading-zero);

  position:absolute;
  right:17px;
  top:10px;

  color:color-mix(in srgb,var(--editorial-accent,#b77608) 27%,transparent);

  font-family:Georgia,serif;
  font-size:43px;
  line-height:1;
}

.supporting-daily-content{
  counter-reset:editorial-card;
}

.supporting-daily-card{
  counter-increment:editorial-card;
}

.supporting-daily-card:nth-child(1){
  --editorial-accent:#173f68;
  --editorial-paper:#f3f7fa;
}

.supporting-daily-card:nth-child(2){
  --editorial-accent:#b67608;
  --editorial-paper:#fff9ec;
}

.supporting-daily-card:nth-child(3){
  --editorial-accent:#687744;
  --editorial-paper:#f7f8ef;
}

.supporting-daily-card:nth-child(4){
  --editorial-accent:#9d4d41;
  --editorial-paper:#fff5f1;
}

.supporting-daily-card:nth-child(5){
  --editorial-accent:#4f3c77;
  --editorial-paper:#f7f3fb;
}

.supporting-daily-card:nth-child(6){
  --editorial-accent:#1d6d70;
  --editorial-paper:#eff8f7;
}

.supporting-card-kicker{
  position:relative;
  z-index:1;

  margin-bottom:30px;

  color:var(--editorial-accent,#a26600);

  font-size:10px;
  font-weight:900;

  letter-spacing:.12em;
}

.supporting-quote-mark{
  color:#c58508;

  font-family:
    Georgia,
    serif;

  font-size:31px;
}

.supporting-quote-copy,
.supporting-reflection-copy,
.affirmation,
.daily-inspiration-copy,
.daily-joke-copy,
.challenge{
  color:#223349;

  font-family:
    Georgia,
    serif;

  font-size:18px;

  line-height:1.55;
}

.supporting-joke-mark{
  margin-bottom:6px;

  color:#c58508;

  font-family:
    Georgia,
    serif;

  font-size:28px;
}

.daily-joke-copy{
  line-height:1.45;
}

.photo-of-day-card{
  padding-bottom:18px;
}

.photo-of-day-figure{
  margin:0;
}

.photo-of-day-frame{
  position:relative;

  aspect-ratio:16/10;

  overflow:hidden;

  border-radius:9px;

  background:
    linear-gradient(
      145deg,
      #08284d,
      #1a4e75
    );
}

.photo-of-day-frame img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
}

.photo-of-day-fallback{
  min-height:100%;

  display:grid;
  place-items:center;

  padding:20px;

  color:#fff;

  font-family:
    Georgia,
    serif;

  font-size:14px;
  line-height:1.45;
  text-align:center;
}

.photo-of-day-figure figcaption{
  display:grid;

  gap:6px;

  padding-top:9px;
}

#photoOfTheDayCaption{
  color:#223349;

  font-family:
    Georgia,
    serif;

  font-size:13px;
  line-height:1.35;
}

#photoOfTheDayCredit{
  color:#657187;

  font-size:9px;
  font-weight:800;
  line-height:1.35;
}

.supporting-card-link{
  position:absolute;

  left:24px;
  bottom:18px;

  color:var(--editorial-accent,var(--navy));

  font-size:11px;
  font-weight:800;

  letter-spacing:.02em;
}

.birthday{
  display:flex;

  align-items:center;

  gap:8px;
}

.avatar{
  width:30px;
  height:30px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:var(--navy);

  color:#fff;
}


/* ======================================================
   ADS / LOWER / NEWSLETTER
   ====================================================== */

.ad{
  display:flex;

  align-items:center;
  justify-content:center;

  text-align:center;

  border:
    1px solid
    #ddd;

  border-radius:8px;

  background:
    linear-gradient(
      135deg,
      #fafafa,
      #eee,
      #fafafa
    );

  color:#777;

  font-size:11px;

  text-transform:uppercase;
}

.ad small{
  display:block;

  margin-top:5px;
}

.mid-ad{
  min-height:90px;

  margin-bottom:18px;
}

.lower-grid{
  display:grid;

  grid-template-columns:
    minmax(0,1.2fr)
    minmax(260px,.7fr)
    336px;

  gap:14px;

  margin-bottom:18px;
}

.panel{
  padding:18px;

  border:
    1px solid
    var(--line);

  border-radius:15px;

  background:
    rgba(255,255,255,.72);
}

.newsletter{
  display:grid;

  grid-template-columns:
    1fr
    minmax(360px,520px);

  gap:20px;

  align-items:center;

  margin-bottom:18px;

  padding:
    15px 18px;

  border:
    1px solid
    var(--line);

  border-radius:15px;

  background:#fff7e8;
}

.newsletter-form{
  display:flex;
}

.newsletter-form input{
  flex:1;

  padding:
    13px 14px;

  border:
    1px solid
    #d9d2c8;

  border-radius:
    9px 0 0 9px;
}

.newsletter-form button{
  border-radius:
    0 9px 9px 0;
}

.newsletter-form input:disabled{
  color:#68758a;
  background:#f4f0e9;
  cursor:not-allowed;
}

.newsletter-form button:disabled{
  opacity:.72;
  cursor:not-allowed;
}


/* ======================================================
   FOOTER
   ====================================================== */

.footer{
  padding:
    38px 0
    24px;

  background:
    linear-gradient(
      135deg,
      #041a31,
      #06284b
    );

  color:#fff;
}

.footer-grid{
  display:grid;

  grid-template-columns:
    1.35fr
    repeat(4,1fr);

  gap:30px;
}

.footer-tagline{
  margin-top:15px;

  color:
    rgba(255,255,255,.72);

  font-size:11px;
}

.footer h4{
  color:#dda032;

  font-size:10px;

  text-transform:uppercase;
}

.footer-links{
  display:grid;

  gap:6px;

  color:
    rgba(255,255,255,.85);

  font-size:11px;
}

.footer-bottom-row{
  display:flex;

  justify-content:space-between;
  align-items:center;

  gap:30px;

  margin-top:28px;

  padding-top:16px;

  border-top:
    1px solid
    rgba(255,255,255,.13);
}

.copyright{
  color:
    rgba(255,255,255,.55);

  font-size:10px;
}

.footer-social{
  display:flex;

  align-items:center;

  gap:13px;
}

.footer-social-label{
  color:#dda032;

  font-size:9px;
  font-weight:900;
}

.footer-social-links{
  display:flex;

  gap:8px;
}

.footer-social-links a{
  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  border:
    1px solid
    rgba(255,255,255,.45);

  border-radius:50%;
}


/* ======================================================
   MODALS / ACCOUNT / TIME CAPSULE
   ====================================================== */

.modal-backdrop{
  position:fixed;

  inset:0;

  z-index:100;

  display:none;

  align-items:center;
  justify-content:center;

  padding:20px;

  background:
    rgba(5,22,40,.64);
}

.modal-backdrop.active{
  display:flex;
}

.modal{
  position:relative;

  width:
    min(
      620px,
      100%
    );

  max-height:
    calc(100vh - 40px);

  overflow:auto;

  padding:27px;

  border-radius:20px;

  background:#fffdf9;

  box-shadow:
    var(--shadow-lg);
}

.modal-wide{
  width:
    min(
      820px,
      100%
    );
}

.modal-close{
  position:absolute;

  right:15px;
  top:14px;

  width:37px;
  height:37px;

  border:0;
  border-radius:50%;
}

.modal h2{
  color:var(--navy);

  font-family:
    Georgia,
    serif;
}

.modal textarea{
  width:100%;

  min-height:140px;
}

.answer-help{
  margin:10px 0 0;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.5;
}

.answer-journey{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:14px 0 10px;
}

.answer-journey div{
  display:grid;
  gap:3px;
  padding:11px 12px;
  border:1px solid #e6ddce;
  border-radius:11px;
  background:#f8f4ec;
}

.answer-journey strong{
  color:var(--navy);
  font-size:.82rem;
}

.answer-journey span{
  color:var(--muted);
  font-size:.76rem;
  line-height:1.4;
}

.answer-feedback-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  min-height:20px;
  margin-bottom:6px;
  color:var(--muted);
  font-size:.78rem;
}

#answerStatus{
  color:var(--navy);
}

@media (max-width:640px){
  .answer-journey{
    grid-template-columns:1fr;
  }
}

.auth-tabs{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:5px;
}

.auth-form{
  display:grid;

  gap:13px;
}

.field{
  display:grid;

  gap:6px;
}

.field input,
.field select{
  width:100%;

  padding:
    13px 14px;

  border:
    1px solid
    #d7d0c5;

  border-radius:10px;
}

.saved-list{
  display:grid;

  gap:10px;
}

.saved-item{
  padding:14px;

  border:
    1px solid
    var(--line);

  border-radius:12px;

  background:#fff;
}

.fresh-capsule-form{
  display:grid;

  gap:14px;
}

.capsule-photo-grid{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:10px;
}

.toast{
  position:fixed;

  left:50%;
  bottom:28px;

  z-index:200;

  opacity:0;

  transform:
    translate(-50%,25px);

  padding:
    12px 18px;

  border-radius:999px;

  background:var(--navy);

  color:#fff;
}

.toast.show{
  opacity:1;

  transform:
    translate(-50%,0);
}


/* =========================================================
   EXPLORE THIS DAY — SESSION 5
   MAGAZINE / DISCOVERY DESIGN
   ========================================================= */

.explore-page{
  background:#fbf8f2;

  color:#132a46;
}


/* HEADER */

.explore-site-header{
  position:sticky;

  top:0;

  z-index:50;

  background:
    linear-gradient(
      135deg,
      #041a31,
      #06284b
    );

  color:#fff;

  box-shadow:
    0 5px 18px
    rgba(6,31,58,.15);
}

.explore-header-inner{
  min-height:112px;

  display:grid;

  grid-template-columns:
    minmax(260px,auto)
    minmax(200px,250px)
    minmax(0,1fr)
    auto;

  align-items:center;

  gap:22px;
}

.explore-brand{
  display:flex;

  align-items:center;

  min-width:0;
}

.explore-brand .adat-logo{
  height:72px;

  max-width:320px;
}

.explore-main-nav{
  display:flex;

  justify-content:flex-end;
  align-items:center;

  gap:24px;

  min-width:0;

  font-size:13px;
  font-weight:700;
}

.explore-main-nav a{
  position:relative;

  padding:
    46px 0
    43px;

  white-space:nowrap;
}

.explore-main-nav a:hover,
.explore-main-nav a.active{
  color:#e6a22d;
}

.explore-main-nav a.active::after{
  content:"";

  position:absolute;

  left:0;
  right:0;
  bottom:31px;

  height:2px;

  background:#e6a22d;
}

.explore-header-capsule{
  white-space:nowrap;
}


/* HERO */

.explore-page-hero{
  overflow:hidden;

  background:
    linear-gradient(
      110deg,
      #eaf6ff 0%,
      #f7fbfe 42%,
      #deedf5 100%
    );

  border-bottom:
    1px solid
    #bfd6e5;
}

.explore-page-hero-grid{
  display:grid;

  grid-template-columns:
    minmax(520px,.9fr)
    minmax(600px,1.1fr);

  min-height:535px;
}

.explore-page-hero-copy{
  position:relative;

  z-index:4;

  display:flex;

  flex-direction:column;

  justify-content:center;

  padding:
    74px 60px
    72px 42px;
}

.explore-page-kicker{
  margin-bottom:9px;

  color:#b36c00;

  font-size:12px;
  font-weight:900;

  letter-spacing:.18em;
}

.explore-page-date{
  color:#153253;

  font-size:15px;
  font-weight:800;

  letter-spacing:.1em;

  text-transform:uppercase;
}

.explore-page-hero-copy h1{
  margin:
    13px 0
    21px;

  color:#0c2949;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:70px;
  font-weight:500;

  line-height:.98;

  letter-spacing:-.035em;
}

.explore-page-hero-copy p{
  max-width:590px;

  margin:0;

  color:#40566c;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:20px;

  line-height:1.65;
}

.explore-hero-actions{
  display:flex;

  align-items:center;

  gap:26px;

  margin-top:32px;
}

.explore-hero-actions .btn{
  padding:
    15px 22px;
}

.explore-deep-link{
  color:#173b60;

  font-size:13px;
  font-weight:800;
}

.explore-deep-link:hover{
  color:#a86800;
}

.explore-page-hero-visual{
  position:relative;

  min-height:535px;

  overflow:hidden;

  background:#142f47;
}

.explore-hero-image-placeholder{
  position:absolute;
  inset:0;
  background:linear-gradient(145deg,#315d7b,#102b42);
}

.explore-hero-story-link{
  position:absolute;
  inset:0;
  display:block;
  color:#fff;
}

.explore-hero-story-image{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:contrast(1.04);
  transition:transform .45s ease;
}

.explore-hero-story-link:hover .explore-hero-story-image{
  transform:scale(1.025);
}

.explore-hero-story-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(3,20,34,.92) 0%,rgba(3,20,34,.28) 62%,rgba(3,20,34,.06) 100%);
}

.explore-hero-story-copy{
  position:absolute;
  left:32px;
  right:205px;
  bottom:35px;
  display:grid;
  gap:6px;
  text-shadow:0 2px 14px rgba(0,0,0,.55);
}

.explore-hero-story-copy small{
  color:#f1b44e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}

.explore-hero-story-copy strong{
  font-family:Georgia,serif;
  font-size:29px;
  line-height:1.05;
}

.explore-hero-story-copy span,
.explore-hero-story-copy em,
.explore-hero-story-copy i{
  font-size:11px;
  line-height:1.4;
}

.explore-hero-source-link{
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;
  padding:7px 10px;
  border-radius:7px;
  background:rgba(3,20,34,.76);
  color:rgba(255,255,255,.86);
  font-size:9px;
  font-weight:700;
}

.explore-hero-source-link:hover{
  color:#f5c676;
}

.explore-hero-story-copy em{
  color:#f5c676;
  font-style:normal;
  font-weight:800;
}

.explore-hero-story-copy i{
  color:rgba(255,255,255,.72);
  font-style:normal;
}

.explore-hero-sky{
  position:absolute;

  inset:0;

  background:
    radial-gradient(
      circle at 72% 34%,
      rgba(255,224,166,.82),
      transparent 14%
    ),
    linear-gradient(
      to bottom,
      #91c5e4,
      #edd9b9 59%,
      #6f8b78 60%,
      #334a42
    );
}

.explore-hero-sun{
  position:absolute;

  right:22%;
  top:25%;

  width:110px;
  height:110px;

  border-radius:50%;

  background:
    rgba(255,219,146,.67);
}

.explore-hero-landmark{
  position:absolute;

  left:52%;
  bottom:-18px;

  width:320px;
  height:475px;

  transform:
    translateX(-50%);
}

.explore-hero-landmark-top{
  position:absolute;

  left:144px;
  top:5px;

  width:30px;
  height:85px;

  background:#4c3521;

  clip-path:
    polygon(
      50% 0,
      100% 100%,
      0 100%
    );
}

.explore-hero-landmark-middle{
  position:absolute;

  left:49px;
  top:80px;

  width:220px;
  height:330px;

  background:
    repeating-linear-gradient(
      to bottom,
      #745135
      0 13px,
      #8a6442
      13px 20px
    );

  clip-path:
    polygon(
      45% 0,
      55% 0,
      100% 100%,
      0 100%
    );
}

.explore-hero-landmark-middle::after{
  content:"";

  position:absolute;

  left:48%;
  top:5%;

  width:13px;
  height:86%;

  transform:
    translateX(-50%);

  background:
    rgba(33,25,18,.72);
}

.explore-hero-landmark-base{
  position:absolute;

  left:0;
  right:0;
  bottom:0;

  height:106px;

  border:
    18px solid
    #68482f;

  border-bottom-width:23px;

  background:
    rgba(107,76,48,.65);
}

.explore-hero-date-card{
  position:absolute;

  right:35px;
  bottom:36px;

  width:145px;

  padding:
    15px 14px;

  border:
    1px solid
    rgba(255,255,255,.68);

  border-radius:12px;

  background:
    rgba(4,31,58,.91);

  color:#fff;

  text-align:center;

  box-shadow:
    0 15px 36px
    rgba(0,0,0,.2);
}

.explore-hero-date-card span{
  display:block;

  color:#e5a231;

  font-size:9px;
  font-weight:900;

  letter-spacing:.16em;
}

.explore-hero-date-card strong{
  display:block;

  margin:
    3px 0
    -2px;

  font-family:
    Georgia,
    serif;

  font-size:57px;
  font-weight:500;

  line-height:1;
}

.explore-hero-date-card small{
  font-size:11px;
  font-weight:800;

  letter-spacing:.11em;
}


/* DISCOVERY COUNTS */

.explore-quick-section{
  background:#fffdf9;

  border-bottom:
    1px solid
    #e2dbd1;

  box-shadow:
    0 7px 22px
    rgba(6,31,58,.04);
}

.explore-quick-grid{
  display:grid;

  grid-template-columns:
    repeat(6,1fr);
}

.explore-quick-item{
  display:grid;

  grid-template-columns:
    52px auto 1fr;

  align-items:center;

  gap:13px;

  min-height:108px;

  padding:
    17px 23px;

  border-right:
    1px solid
    #e5ded4;
}

.explore-quick-item:last-child{
  border-right:0;
}

.explore-quick-item:hover{
  background:#f8f4ee;
}

.explore-quick-icon{
  width:50px;
  height:50px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:#edf4f8;

  color:#b87508;

  font-size:24px;
}

.explore-quick-item strong{
  color:#0b2b4c;

  font-family:
    Georgia,
    serif;

  font-size:32px;
  font-weight:500;
}

.explore-quick-item > span:last-child{
  color:#526173;

  font-size:11px;
  font-weight:700;

  line-height:1.3;
}


/* SHARED EXPLORE SECTIONS */

.explore-opening-section,
.explore-feature-section,
.explore-topic-section,
.explore-facts-section{
  padding:
    84px 0;
}

.explore-section-heading{
  display:grid;

  grid-template-columns:
    1fr
    minmax(340px,500px);

  align-items:end;

  gap:55px;

  margin-bottom:42px;
}

.explore-section-kicker{
  color:#b36f00;

  font-size:10px;
  font-weight:900;

  letter-spacing:.16em;

  text-transform:uppercase;
}

.explore-section-heading h2,
.explore-topic-heading h2{
  margin:
    7px 0 0;

  color:#0a2949;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:45px;
  font-weight:500;

  line-height:1.12;
}

.explore-section-heading > p{
  margin:0;

  color:#627083;

  font-family:
    Georgia,
    serif;

  font-size:15px;

  line-height:1.65;
}

.explore-topic-heading{
  display:flex;

  align-items:center;

  gap:18px;

  margin-bottom:39px;
}

.explore-topic-heading-icon{
  width:62px;
  height:62px;

  display:grid;
  place-items:center;

  flex:
    0 0 62px;

  border-radius:50%;

  background:#0a2c50;

  color:#e2a02a;

  font-size:28px;
}


/* WHAT HAPPENED */

.explore-opening-section{
  background:#fbf8f2;
}

.explore-highlights-grid{
  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:22px;
}

.otd-highlight-card{
  position:relative;

  min-height:290px;

  padding:
    31px 28px;

  overflow:hidden;

  border:
    1px solid
    #ddd3c5;

  border-radius:15px;

  background:
    linear-gradient(
      145deg,
      #fffdf9,
      #f5ede2
    );

  box-shadow:
    0 10px 26px
    rgba(6,31,58,.055);
}

.otd-highlight-card::before{
  content:"";

  position:absolute;

  left:0;
  top:0;
  bottom:0;

  width:5px;

  background:#d39219;
}

.otd-card-year{
  margin-bottom:14px;

  color:#b26d00;

  font-size:12px;
  font-weight:900;

  letter-spacing:.08em;
}

.otd-highlight-card h3{
  margin:
    0 0
    14px;

  color:#122a48;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:25px;
  font-weight:500;

  line-height:1.3;
}

.otd-highlight-card p{
  margin:0;

  color:#58677a;

  font-size:13px;

  line-height:1.7;
}


/* FEATURE STORIES */

.explore-feature-section{
  background:
    linear-gradient(
      135deg,
      #eaf3f8,
      #f5f9fb
    );

  border-top:
    1px solid
    #d8e4eb;

  border-bottom:
    1px solid
    #d8e4eb;
}

.explore-feature-stories{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:25px;
}

.otd-feature-story{
  overflow:hidden;

  border:
    1px solid
    #d4dee4;

  border-radius:16px;

  background:#fff;

  box-shadow:
    0 12px 34px
    rgba(6,31,58,.07);
}

.otd-feature-image{
  height:270px;

  overflow:hidden;

  background:#d9e3e9;
}

.otd-feature-image img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.otd-highlight-card h3 a{
  color:inherit;
}

.otd-highlight-card h3 a:hover{
  color:#9b6205;
}

.otd-highlight-read{
  display:inline-block;
  margin-top:17px;
  color:#315d7b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.03em;
}

.otd-highlight-read:hover{
  color:#a86800;
}

.otd-feature-story{
  scroll-margin-top:150px;
}

.otd-highlight-image{
  margin:-29px -29px 24px;
  overflow:hidden;
  background:#d9e3e9;
}

.otd-highlight-image img{
  display:block;
  width:100%;
  height:245px;
  object-fit:cover;
}

.otd-feature-image{
  height:auto;
}

.otd-feature-image img{
  display:block;
  height:270px;
}

.otd-image-caption,
.otd-image-credit{
  display:block;
  padding:8px 14px 0;
  color:#657386;
  background:#f8fafb;
  font-size:10px;
  line-height:1.45;
}

.otd-image-credit{
  padding-top:4px;
  padding-bottom:9px;
}

.otd-image-credit a{
  color:#315d7b;
  text-decoration:underline;
  text-underline-offset:2px;
}

.otd-feature-year{
  display:inline-block;

  margin:
    23px 25px
    0;

  padding:
    5px 10px;

  border-radius:999px;

  background:#edf3f7;

  color:#a56700;

  font-size:10px;
  font-weight:900;
}

.otd-feature-content{
  padding:
    14px 25px
    28px;
}

.otd-feature-content h3{
  margin:
    0 0
    12px;

  color:#102b4b;

  font-family:
    Georgia,
    serif;

  font-size:27px;
  font-weight:500;

  line-height:1.25;
}

.otd-feature-content p{
  margin:0;

  color:#5e6c7d;

  font-size:13px;

  line-height:1.7;
}


/* TOPIC SECTIONS */

.explore-topic-section{
  background:#fbf8f2;
}

.explore-topic-alt{
  background:#f1ece4;

  border-top:
    1px solid
    #e0d8cc;

  border-bottom:
    1px solid
    #e0d8cc;
}

.explore-topic-grid{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:23px;
}

.otd-topic-card{
  overflow:hidden;

  padding:
    27px;

  border:
    1px solid
    #dbd1c3;

  border-radius:15px;

  background:#fffdf9;

  box-shadow:
    0 8px 24px
    rgba(6,31,58,.04);
}

.otd-topic-card-image{
  height:235px;

  margin:
    -27px -27px
    24px;

  overflow:hidden;

  background:#dce5e9;
}

.otd-topic-card-image img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.otd-topic-tag{
  display:inline-block;

  margin-bottom:10px;

  color:#ad6900;

  font-size:10px;
  font-weight:900;

  letter-spacing:.08em;
}

.otd-topic-card h3{
  margin:
    0 0
    11px;

  color:#112c4b;

  font-family:
    Georgia,
    serif;

  font-size:24px;
  font-weight:500;

  line-height:1.3;
}

.otd-topic-card p{
  margin:0;

  color:#617083;

  font-size:13px;

  line-height:1.7;
}


/* PEOPLE */

.explore-people-grid{
  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:20px;
}

.otd-person-card{
  display:flex;

  gap:17px;

  align-items:flex-start;

  min-height:150px;

  padding:22px;

  border:
    1px solid
    #dbd1c4;

  border-radius:15px;

  background:#fffdf9;

  box-shadow:
    0 7px 22px
    rgba(6,31,58,.04);
}

.otd-person-photo,
.otd-person-avatar{
  width:82px;
  height:82px;

  flex:
    0 0 82px;

  overflow:hidden;

  border-radius:50%;

  background:#0b2c4d;

  color:#fff;
}

.otd-person-photo img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.otd-person-avatar{
  display:grid;
  place-items:center;

  font-family:
    Georgia,
    serif;

  font-size:22px;
}

.otd-person-copy h3{
  margin:
    4px 0
    3px;

  color:#102a49;

  font-family:
    Georgia,
    serif;

  font-size:20px;
  font-weight:500;
}

.otd-person-year{
  color:#b16d00;

  font-size:10px;
  font-weight:900;
}

.otd-person-copy p{
  margin:
    8px 0 0;

  color:#657285;

  font-size:12px;

  line-height:1.55;
}


/* HISTORY HAND-OFF */

.explore-history-feature-bar{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:30px;

  padding:
    28px 31px;

  border-radius:14px;

  background:
    linear-gradient(
      135deg,
      #06213e,
      #0a355d
    );

  color:#fff;

  box-shadow:
    0 12px 30px
    rgba(6,31,58,.11);
}

.explore-history-feature-bar span{
  display:block;

  color:#e3a132;

  font-size:9px;
  font-weight:900;

  letter-spacing:.14em;
}

.explore-history-feature-bar strong{
  display:block;

  margin-top:6px;

  font-family:
    Georgia,
    serif;

  font-size:22px;
  font-weight:500;
}


/* FACTS */

.explore-facts-section{
  background:
    linear-gradient(
      135deg,
      #fff3d5,
      #f9e5bd
    );

  border-top:
    1px solid
    #e7cf9f;

  border-bottom:
    1px solid
    #e7cf9f;
}

.explore-facts-grid{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:21px;
}

.otd-fact-card{
  display:block;

  min-height:160px;

  padding:25px;

  border:
    1px solid
    #e2c993;

  border-radius:15px;

  background:
    rgba(255,255,255,.68);
}

.otd-fact-icon{
  width:46px;
  height:46px;

  flex:
    0 0 46px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:#d99317;

  color:#fff;

  font-size:19px;
}

.otd-fact-card h3{
  margin:
    0 0
    8px;

  color:#102a48;

  font-family:
    Georgia,
    serif;

  font-size:20px;
  font-weight:500;
}

.otd-fact-card p{
  margin:0;

  color:#5d6470;

  font-size:13px;

  line-height:1.65;
}


/* OBSERVANCES */

.explore-observances-grid{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:21px;
}

.otd-observance-card{
  min-height:150px;

  padding:25px;

  border:
    1px solid
    #dbd1c3;

  border-radius:15px;

  background:#fff;
}

.otd-observance-card h3{
  margin:
    0 0
    8px;

  color:#102b4b;

  font-family:
    Georgia,
    serif;

  font-size:22px;
  font-weight:500;
}

.otd-observance-card span{
  color:#b26d00;

  font-size:10px;
  font-weight:900;
}

.otd-observance-card p{
  color:#657285;

  font-size:12px;

  line-height:1.6;
}


/* DEEP HISTORY CTA */

.explore-history-cta{
  padding:
    80px 0;

  background:
    linear-gradient(
      135deg,
      #041d36,
      #0a345b
    );

  color:#fff;
}

.explore-history-cta-inner{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:55px;
}

.explore-history-cta h2{
  margin:
    9px 0
    13px;

  font-family:
    Georgia,
    serif;

  font-size:42px;
  font-weight:500;

  line-height:1.16;
}

.explore-history-cta p{
  max-width:720px;

  margin:0;

  color:
    rgba(255,255,255,.72);

  font-size:14px;

  line-height:1.65;
}


/* SOURCES */

.explore-sources-section{
  padding:
    38px 0;

  background:#f4eee5;
}

.explore-sources{
  border:
    1px solid
    #dcd2c5;

  border-radius:12px;

  background:#fffdf9;
}

.explore-sources summary{
  padding:
    18px 21px;

  color:#17304f;

  cursor:pointer;

  font-size:12px;
  font-weight:900;
}

.explore-sources-list{
  display:grid;

  gap:7px;

  padding:
    0 21px
    20px;
}

.otd-source-item{
  display:flex;

  justify-content:space-between;

  padding:
    10px 0;

  border-bottom:
    1px solid
    #eee6dc;

  color:#58677a;

  font-size:11px;
}


/* NEXT DAY */

.explore-next-day{
  padding:
    46px 0;

  background:#fbf8f2;
}

.explore-next-day-inner{
  display:flex;

  justify-content:space-between;
  align-items:center;

  gap:30px;

  padding:
    29px 33px;

  border:
    1px solid
    #ddd3c5;

  border-radius:15px;

  background:#fffdf9;
}

.explore-next-day span{
  color:#b36d00;

  font-size:9px;
  font-weight:900;
}

.explore-next-day h2{
  margin:
    5px 0 0;

  color:#0c2949;

  font-family:
    Georgia,
    serif;

  font-size:29px;
  font-weight:500;
}

.otd-loading-card,
.otd-empty-topic{
  grid-column:1/-1;

  padding:
    38px;

  border:
    1px dashed
    #cfc5b7;

  border-radius:14px;

  background:#fffdf9;

  color:#758092;

  text-align:center;

  font-size:13px;
}


/* =========================================================
   HISTORY & TIMELINE — SHARED BASE FOR 6–8
   ========================================================= */

.history-page{
  background:#f7f4ee;

  color:#172b40;
}

.history-site-header{
  position:sticky;

  top:0;

  z-index:50;

  background:
    linear-gradient(
      135deg,
      #041a31,
      #06284b
    );

  color:#fff;

  box-shadow:
    0 5px 18px
    rgba(6,31,58,.15);
}

.history-header-inner{
  min-height:112px;

  display:grid;

  grid-template-columns:
    minmax(260px,auto)
    minmax(200px,250px)
    minmax(0,1fr)
    auto;

  align-items:center;

  gap:22px;
}

.history-brand{
  display:flex;

  align-items:center;

  min-width:0;
}

.history-brand .adat-logo{
  height:72px;

  max-width:320px;
}

.history-main-nav{
  display:flex;

  justify-content:flex-end;
  align-items:center;

  gap:24px;

  font-size:13px;
  font-weight:700;
}

.history-main-nav a{
  position:relative;

  padding:
    46px 0
    43px;

  color:#fff;

  white-space:nowrap;
}

.history-main-nav a:hover,
.history-main-nav a.active{
  color:#e6a22d;
}

.history-main-nav a.active::after{
  content:"";

  position:absolute;

  left:0;
  right:0;
  bottom:31px;

  height:2px;

  background:#e6a22d;
}

.history-breadcrumb-wrap{
  background:#fff;

  border-bottom:
    1px solid
    #e3ddd3;
}

.history-breadcrumb{
  min-height:48px;

  display:flex;

  align-items:center;

  gap:9px;

  color:#738091;

  font-size:11px;
}

.history-reading-container{
  max-width:1280px;
}

.history-hero{
  position:relative;

  overflow:hidden;

  padding:
    92px 0
    84px;

  background:
    linear-gradient(
      120deg,
      #f5f1e8,
      #fbf9f4 58%,
      #e7edf0
    );

  border-bottom:
    1px solid
    #dcd5ca;
}

.history-hero-grid{
  display:grid;

  grid-template-columns:
    minmax(0,1.3fr)
    minmax(360px,.7fr);

  gap:95px;

  align-items:center;
}

.history-kicker,
.history-section-kicker{
  color:#a86700;

  font-size:10px;
  font-weight:900;

  letter-spacing:.17em;
}

.history-date{
  margin-top:9px;

  color:#173653;

  font-size:15px;
  font-weight:800;
}

.history-hero h1{
  margin:
    16px 0
    23px;

  color:#0a2949;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:66px;
  font-weight:500;

  line-height:1.03;
}

.history-hero-intro{
  max-width:760px;

  color:#526477;

  font-family:
    Georgia,
    serif;

  font-size:19px;

  line-height:1.7;
}

.history-hero-actions{
  display:flex;

  align-items:center;

  gap:25px;

  margin-top:31px;
}

.history-back-explore{
  color:#284e70;

  font-size:12px;
  font-weight:800;
}

.history-hero-summary{
  padding:
    36px 36px;

  border:
    1px solid
    #d7ccbd;

  border-radius:8px;

  background:
    rgba(255,255,255,.75);

  box-shadow:
    0 15px 38px
    rgba(6,31,58,.06);
}

.history-summary-kicker{
  color:#a86700;

  font-size:9px;
  font-weight:900;

  letter-spacing:.13em;
}

.history-hero-summary blockquote{
  margin:
    15px 0
    20px;

  color:#15314e;

  font-family:
    Georgia,
    serif;

  font-size:25px;

  line-height:1.45;
}

.history-summary-rule{
  width:52px;
  height:2px;

  margin-bottom:20px;

  background:#d59627;
}

.history-hero-summary p{
  color:#697687;

  font-size:12px;

  line-height:1.7;
}

.history-era-navigation{
  position:sticky;

  top:112px;

  z-index:40;

  background:
    rgba(255,255,255,.96);

  border-bottom:
    1px solid
    #ddd6cc;

  box-shadow:
    0 4px 14px
    rgba(6,31,58,.035);
}

.history-era-nav-inner{
  min-height:66px;

  display:flex;

  align-items:center;

  gap:36px;
}

.history-era-label{
  color:#a86700;

  font-size:9px;
  font-weight:900;

  letter-spacing:.13em;
}

.history-era-nav-inner nav{
  display:flex;

  gap:32px;
}

.history-era-nav-inner nav a{
  color:#4f6072;

  font-size:11px;
  font-weight:800;
}

.history-introduction{
  padding:
    82px 0;

  background:#fffdf9;
}

.history-intro-grid{
  display:grid;

  grid-template-columns:
    minmax(300px,.75fr)
    minmax(0,1.25fr);

  gap:95px;
}

.history-introduction h2,
.history-method-section h2,
.history-sources-section h2{
  margin:
    8px 0
    0;

  color:#0c2948;

  font-family:
    Georgia,
    serif;

  font-size:43px;
  font-weight:500;
}

.history-intro-copy p{
  margin:
    0 0
    18px;

  color:#4f6071;

  font-family:
    Georgia,
    serif;

  font-size:16px;

  line-height:1.85;
}

.history-timeline-section{
  padding:
    25px 0
    90px;
}

.history-era{
  padding:
    90px 0
    48px;

  scroll-margin-top:180px;
}

.history-era + .history-era{
  border-top:
    1px solid
    #ded7cc;
}

.history-era-heading{
  display:grid;

  grid-template-columns:
    74px 1fr;

  gap:25px;

  margin-bottom:45px;
}

.history-era-marker{
  width:66px;
  height:66px;

  display:grid;
  place-items:center;

  border:
    1px solid
    #d3b16f;

  border-radius:50%;

  background:#fffdf9;

  color:#a76700;

  font-family:
    Georgia,
    serif;

  font-size:20px;
}

.history-era-heading span{
  color:#a76700;

  font-size:9px;
  font-weight:900;

  letter-spacing:.14em;
}

.history-era-heading h2{
  margin:
    6px 0
    8px;

  color:#0b2948;

  font-family:
    Georgia,
    serif;

  font-size:40px;
  font-weight:500;
}

.history-era-heading p{
  max-width:720px;

  margin:0;

  color:#687688;

  font-size:13px;
}

.history-era-content{
  position:relative;

  margin-left:30px;
}

.history-era-content::before{
  content:"";

  position:absolute;

  left:5px;
  top:0;
  bottom:0;

  width:1px;

  background:
    linear-gradient(
      to bottom,
      #c79b4e,
      #d8c8aa
    );
}

.history-event{
  display:grid;

  grid-template-columns:
    34px
    110px
    minmax(0,1fr);

  gap:22px;

  padding-bottom:38px;
}

.history-event-dot{
  width:13px;
  height:13px;

  margin-top:8px;

  border:
    3px solid
    #f7f4ee;

  border-radius:50%;

  background:#c58316;

  box-shadow:
    0 0 0 1px
    #c58316;
}

.history-event-year{
  padding-top:2px;

  color:#9e6200;

  font-family:
    Georgia,
    serif;

  font-size:20px;
  font-weight:700;
}

.history-event-card{
  display:grid;

  overflow:hidden;

  border:
    1px solid
    #dad1c5;

  border-radius:11px;

  background:#fffdf9;

  box-shadow:
    0 8px 25px
    rgba(6,31,58,.045);
}

.history-event-card:has(.history-event-image){
  grid-template-columns:
    260px 1fr;
}

.history-event-image{
  min-height:220px;

  overflow:hidden;
}

.history-event-image img{
  width:100%;
  height:220px;

  object-fit:cover;
}

.otd-fact-body{
  display:flex;
  gap:17px;
}

.otd-fact-image,
.otd-observance-image{
  margin:-10px -10px 20px;
}

.otd-fact-image img,
.otd-observance-image img{
  display:block;
  width:100%;
  height:170px;
  object-fit:cover;
  border-radius:11px;
}

.otd-fact-image .otd-image-caption,
.otd-fact-image .otd-image-credit,
.otd-observance-image .otd-image-caption,
.otd-observance-image .otd-image-credit{
  display:block;
  margin-top:5px;
  color:#657285;
  font-size:9px;
  line-height:1.3;
}

.otd-fact-image a,
.otd-observance-image a{
  color:inherit;
}

.otd-person-media{
  width:96px;
  flex:0 0 96px;
}

.otd-person-image img{
  display:block;
  width:82px;
  height:82px;
  object-fit:cover;
  border-radius:50%;
  background:#0b2c4d;
}

.otd-person-image .otd-image-caption,
.otd-person-image .otd-image-credit{
  display:block;
  width:96px;
  margin-top:5px;
  color:#657285;
  font-size:8px;
  line-height:1.25;
}

.otd-person-image .otd-image-caption{
  display:none;
}

.otd-person-image .otd-image-credit a{
  color:inherit;
}

.history-image-caption,
.history-image-credit{
  display:block;
  padding:8px 13px 0;
  color:#647383;
  background:#f7f9fa;
  font-size:9px;
  line-height:1.45;
}

.history-image-credit{
  padding-top:3px;
  padding-bottom:9px;
}

.history-image-credit a{
  color:#315d7b;
  text-decoration:underline;
  text-underline-offset:2px;
}

.history-event-copy{
  padding:
    29px 31px;
}

.history-event-category{
  margin-bottom:8px;

  color:#a96800;

  font-size:9px;
  font-weight:900;

  letter-spacing:.12em;
}

.history-event-copy h3{
  margin:
    0 0
    12px;

  color:#102d4b;

  font-family:
    Georgia,
    serif;

  font-size:27px;
  font-weight:500;

  line-height:1.3;
}

.history-event-copy p{
  margin:
    0 0
    10px;

  color:#586879;

  font-family:
    Georgia,
    serif;

  font-size:15px;

  line-height:1.8;
}

.history-event-source{
  display:inline-block;

  margin-top:10px;

  color:#936000;

  font-size:10px;
  font-weight:800;
}

.history-empty-era,
.history-loading{
  margin-left:56px;

  padding:
    29px 31px;

  border:
    1px dashed
    #d4c7b5;

  border-radius:10px;

  background:
    rgba(255,253,249,.65);

  color:#748091;

  font-size:13px;
}

.history-empty-era strong{
  display:block;

  margin-bottom:5px;

  color:#344d65;

  font-family:
    Georgia,
    serif;

  font-size:18px;
  font-weight:500;
}

.history-method-section{
  padding:
    82px 0;

  background:#eee8de;
}

.history-method-grid{
  display:grid;

  grid-template-columns:
    minmax(300px,.75fr)
    minmax(0,1.25fr);

  gap:95px;
}

.history-method-grid p{
  color:#506071;

  font-family:
    Georgia,
    serif;

  font-size:15px;

  line-height:1.85;
}

.history-explore-cta{
  padding:
    72px 0;

  background:
    linear-gradient(
      135deg,
      #061f39,
      #0a365e
    );

  color:#fff;
}

.history-explore-cta-inner{
  display:flex;

  justify-content:space-between;
  align-items:center;

  gap:55px;
}

.history-explore-cta span{
  color:#dda13a;

  font-size:9px;
  font-weight:900;

  letter-spacing:.14em;
}

.history-explore-cta h2{
  margin:
    7px 0
    9px;

  font-family:
    Georgia,
    serif;

  font-size:38px;
  font-weight:500;
}

.history-explore-cta p{
  max-width:730px;

  color:
    rgba(255,255,255,.72);

  font-size:13px;

  line-height:1.65;
}

.history-sources-section{
  padding:
    78px 0;

  background:#fffdf9;
}

.history-sources-intro{
  max-width:730px;

  color:#617082;

  font-size:13px;

  line-height:1.65;
}

.history-source-item{
  display:flex;

  justify-content:space-between;

  padding:
    16px 5px;

  border-bottom:
    1px solid
    #e9e2d8;

  color:#4f6275;

  font-size:12px;
}

.history-date-navigation{
  padding:
    44px 0;

  background:#f2eee7;
}

.history-date-navigation-inner{
  display:grid;

  grid-template-columns:
    1fr auto 1fr;

  gap:28px;
}

.history-date-nav-item{
  padding:
    21px 24px;

  border:
    1px solid
    #ddd4c8;

  border-radius:9px;

  background:#fffdf9;
}

.history-date-nav-item span,
.history-date-nav-center span{
  display:block;

  color:#a66800;

  font-size:9px;
  font-weight:900;
}

.history-date-nav-item strong,
.history-date-nav-center strong{
  display:block;

  margin-top:4px;

  color:#17324e;

  font-family:
    Georgia,
    serif;

  font-size:20px;
  font-weight:500;
}

.history-date-nav-next{
  text-align:right;
}

.history-date-nav-center{
  min-width:190px;

  text-align:center;
}


/* ======================================================
   RESPONSIVE
   ====================================================== */

@media(max-width:1320px){

  .header-inner,
  .explore-header-inner,
  .history-header-inner{
    grid-template-columns:
      minmax(235px,auto)
      minmax(175px,215px)
      minmax(0,1fr)
      auto;
  }

  .adat-logo,
  .explore-brand .adat-logo,
  .history-brand .adat-logo{
    height:64px;

    max-width:285px;
  }

  .main-nav,
  .explore-main-nav,
  .history-main-nav{
    gap:17px;

    font-size:12px;
  }

  .explore-page-hero-copy h1{
    font-size:61px;
  }

}


@media(max-width:1150px){

  .brand-promise{
    display:none;
  }

  .header-inner,
  .explore-header-inner,
  .history-header-inner{
    grid-template-columns:
      1fr auto;
  }

  .main-nav,
  .explore-main-nav,
  .history-main-nav{
    display:none;
  }

  .menu-btn{
    display:grid;
  }

  .hero{
    grid-template-columns:
      1fr 1fr;
  }

  .hero-ad-card{
    display:none;
  }

  .explore-page-hero-grid{
    grid-template-columns:
      1fr 1fr;
  }

  .explore-quick-grid{
    grid-template-columns:
      repeat(3,1fr);
  }

  .explore-quick-item:nth-child(3n){
    border-right:0;
  }

  .explore-highlights-grid{
    grid-template-columns:
      repeat(2,1fr);
  }

  .explore-people-grid{
    grid-template-columns:
      repeat(2,1fr);
  }

  .history-hero-grid{
    grid-template-columns:1fr;

    gap:40px;
  }

}


@media(max-width:900px){

  .supporting-daily-content{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .welcome-row{
    grid-template-columns:1fr;
  }

  .hero{
    grid-template-columns:1fr;
  }

  .responses-strip{
    grid-template-columns:1fr;
  }

  .responses-strip-divider{
    display:none;
  }

  .explore-home{
    grid-template-columns:1fr;
  }

  .explore-home-image{
    min-height:250px;
  }

  .explore-page-hero-grid{
    grid-template-columns:1fr;
  }

  .explore-page-hero-copy{
    padding:
      56px 25px;
  }

  .explore-page-hero-copy h1{
    font-size:52px;
  }

  .explore-page-hero-visual{
    min-height:400px;
  }

  .explore-hero-story-copy{
    left:22px;
    right:175px;
    bottom:25px;
  }

  .explore-hero-story-copy strong{
    font-size:23px;
  }

  .explore-section-heading{
    grid-template-columns:1fr;

    gap:15px;
  }

  .explore-feature-stories,
  .explore-topic-grid,
  .explore-facts-grid,
.explore-observances-grid{
    grid-template-columns:
      repeat(2,1fr);
  }

  .explore-feature-stories .otd-feature-story:last-child:nth-child(odd){
    grid-column:1 / -1;
    width:calc(50% - 13px);
    justify-self:center;
  }

  .explore-history-feature-bar,
  .explore-history-cta-inner,
  .history-explore-cta-inner{
    align-items:flex-start;

    flex-direction:column;
  }

  .history-intro-grid,
  .history-method-grid{
    grid-template-columns:1fr;

    gap:30px;
  }

  .history-era-navigation{
    position:relative;

    top:auto;
  }

  .history-era-nav-inner{
    align-items:flex-start;

    flex-direction:column;

    gap:15px;

    padding:
      18px 0;
  }

  .history-era-nav-inner nav{
    flex-wrap:wrap;

    gap:
      13px 20px;
  }

  .footer-grid{
    grid-template-columns:
      repeat(2,1fr);
  }

}


@media(max-width:650px){

  .supporting-daily-content{
    grid-template-columns:1fr;
  }

  .container{
    width:
      calc(100% - 20px);
  }

  .site-header,
  .explore-site-header,
  .history-site-header{
    position:relative;
  }

  .header-inner,
  .explore-header-inner,
  .history-header-inner{
    min-height:78px;
  }

  .adat-logo,
  .explore-brand .adat-logo,
  .history-brand .adat-logo{
    height:50px;

    max-width:225px;
  }

  .explore-header-capsule,
  .history-header-capsule,
  .header-capsule-button,
  .search-btn{
    display:none;
  }

  .explore-page-hero-copy h1{
    font-size:41px;
  }

  .explore-page-hero-copy p{
    font-size:17px;
  }

  .explore-hero-actions{
    align-items:flex-start;

    flex-direction:column;
  }

  .explore-quick-grid{
    grid-template-columns:
      repeat(2,1fr);
  }

  .explore-quick-item:nth-child(3n){
    border-right:
      1px solid
      #e5ded4;
  }

  .explore-quick-item:nth-child(2n){
    border-right:0;
  }

  .explore-opening-section,
  .explore-feature-section,
  .explore-topic-section,
  .explore-facts-section{
    padding:
      55px 0;
  }

  .explore-section-heading h2,
  .explore-topic-heading h2{
    font-size:34px;
  }

  .explore-highlights-grid,
  .explore-feature-stories,
  .explore-topic-grid,
  .explore-people-grid,
  .explore-facts-grid,
  .explore-observances-grid{
    grid-template-columns:1fr;
  }

  .explore-feature-stories .otd-feature-story:last-child:nth-child(odd){
    grid-column:auto;
    width:auto;
  }

  .supporting-daily-content{
    grid-template-columns:1fr;
  }

  .footer-grid{
    grid-template-columns:1fr;
  }

  .footer-bottom-row{
    align-items:flex-start;

    flex-direction:column;
  }

  .history-hero{
    padding:
      55px 0;
  }

  .history-hero h1{
    font-size:42px;
  }

  .history-hero-intro{
    font-size:16px;
  }

  .history-era{
    padding:
      60px 0
      30px;
  }

  .history-era-heading{
    grid-template-columns:
      50px 1fr;

    gap:14px;
  }

  .history-era-marker{
    width:45px;
    height:45px;

    font-size:15px;
  }

  .history-era-heading h2{
    font-size:31px;
  }

  .history-event{
    grid-template-columns:
      22px 1fr;

    gap:
      10px 13px;
  }

  .history-event-year,
  .history-event-card{
    grid-column:2;
  }

  .history-event-card:has(.history-event-image){
    grid-template-columns:1fr;
  }

  .history-event-image{
    height:220px;
  }

  .history-event-copy{
    padding:
      22px;
  }

  .history-event-copy h3{
    font-size:22px;
  }

  .history-event-copy p{
    font-size:14px;
  }

  .history-date-navigation-inner{
    grid-template-columns:
      1fr 1fr;
  }

  .history-date-nav-center{
    grid-column:1/-1;
    grid-row:1;
  }

}

.yesterday{
  min-height:280px;

  display:grid;
  grid-template-columns:96px minmax(0,1fr) 74px;

  align-items:center;

  gap:18px;
}

.mini-image{
  width:96px;
  height:112px;

  border-radius:12px;

  background:linear-gradient(145deg,rgba(6,40,75,.1),rgba(221,160,50,.24)),url("../assets/brand/logo.png") center / 82% auto no-repeat;
}

.panel-kicker{
  margin-bottom:8px;

  color:#a76600;

  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.panel h3{
  margin:0 0 12px;

  color:var(--navy);
}

.yesterday-date{
  margin-bottom:6px;

  color:#66717d;
  font-size:12px;
}

.yesterday-question{
  margin-bottom:13px;

  line-height:1.45;
}

.mini-ring{
  width:64px;
  height:64px;

  border:7px solid #eadfcf;
  border-top-color:#d18b16;
  border-radius:50%;
}

.discover-panel{
  min-height:280px;
}

.discover-list{
  display:grid;
}

.discover-list a{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:12px;

  padding:11px 0;

  border-bottom:1px solid var(--line);

  color:#26374d;
  font-size:13px;
}

.discover-list a:last-child{
  border-bottom:0;
}

.ad-rectangle{
  width:336px;
  min-height:280px;
}

.lower-photo-card{
  width:336px;
  min-height:280px;

  padding:18px;
}

/* Three-part Explore This Day presentation */
.explore-home{
  border:0;
  background:transparent;
}

.explore-home-copy,
.explore-home-image,
.explore-home-stats{
  overflow:hidden;
  border:1px solid #abc9e4;
  border-radius:15px;
}

.explore-home-copy{
  background:linear-gradient(135deg,#edf7ff,#f8fbfd);
}

@media(max-width:1150px){
  .lower-grid{grid-template-columns:minmax(0,1fr) 336px;}
  .discover-panel{grid-column:1;}
  .ad-rectangle,.lower-photo-card{grid-column:2;grid-row:1 / span 2;}
}

@media(max-width:1150px) and (min-width:901px){
  .explore-home{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .explore-home-image{
    min-height:300px;
  }

  .explore-home-stats{
    grid-column:1 / -1;
  }
}

@media(max-width:1320px) and (min-width:1151px){
  .header-inner{
    grid-template-columns:minmax(235px,auto) minmax(0,1fr) auto;
  }

  .brand-promise{
    display:none;
  }
}

@media(max-width:900px){
  .explore-home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:26px 20px 54px;}
  .explore-stat-divider,.daily-discovery-divider{display:none;}
  .daily-discovery-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .lower-grid,.newsletter{grid-template-columns:1fr;}
  .discover-panel,.ad-rectangle,.lower-photo-card{grid-column:auto;grid-row:auto;}
  .ad-rectangle,.lower-photo-card{width:100%;}
}

@media(max-width:650px){
  .explore-home-copy,.explore-home-image,.explore-home-stats,.explore-home-fact{min-width:0;width:auto;}
  .explore-home-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:72px;}
  .explore-home-fact{left:16px;right:16px;}
  .daily-discovery-nav{padding:12px;}
  .daily-discovery-nav a{justify-content:flex-start;}
  .yesterday{grid-template-columns:1fr;}
  .mini-ring{display:none;}
  .newsletter-form{flex-direction:column;gap:8px;}
  .newsletter-form input,.newsletter-form button{width:100%;border-radius:9px;}
}
.consent-banner{
  position:fixed;
  left:22px;
  right:22px;
  bottom:22px;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  max-width:1180px;
  margin:auto;
  padding:20px 22px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:14px;
  background:#082846;
  color:#fff;
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}

/* ======================================================
   BETA LAUNCH FOCUS / CRAWLER-READINESS RELEASE
   Remove the body class when secondary modules and ads launch.
   ====================================================== */

.beta-launch-focus .hero{
  grid-template-columns:minmax(330px,.9fr) minmax(430px,1.1fr);
}

.beta-launch-focus .hero-question-card{
  border-color:#d7aa4d;
  box-shadow:0 16px 38px rgba(6,33,63,.14);
}

.beta-launch-focus .hero-ad-card,
.beta-launch-focus .mid-ad,
.beta-launch-focus #dailySudoku{
  display:none;
}

/* Switch to the compact navigation before the four-column headers become tight. */
@media(max-width:1280px){
  .brand-promise{
    display:none;
  }

  .header-inner,
  .explore-header-inner,
  .history-header-inner{
    grid-template-columns:1fr auto;
  }

  .main-nav,
  .explore-main-nav,
  .history-main-nav{
    display:none;
  }

  .menu-btn{
    display:grid;
  }

  .header-inner{
    position:relative;
  }

  .main-nav.open{
    position:absolute;
    top:calc(100% - 6px);
    right:16px;
    z-index:120;
    display:flex;
    width:min(330px,calc(100vw - 32px));
    align-items:stretch;
    flex-direction:column;
    gap:3px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:14px;
    background:#06213f;
    padding:12px;
    box-shadow:0 18px 42px rgba(0,0,0,.28);
  }

  .main-nav.open a{
    padding:12px 14px;
  }
}

@media(max-width:1150px){
  .beta-launch-focus .hero{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:900px){
  .beta-launch-focus .hero{
    grid-template-columns:1fr;
  }
}

.explore-observances-grid:has(.otd-observance-card:only-child){
  grid-template-columns:minmax(0,720px);
  justify-content:center;
}

.explore-observances-grid:has(.otd-observance-card:first-child:nth-last-child(2)){
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.explore-feature-stories:has(.otd-feature-story:only-child),
.explore-topic-grid:has(.otd-topic-card:only-child),
.explore-people-grid:has(.otd-person-card:only-child),
.explore-facts-grid:has(.otd-fact-card:only-child),
.explore-highlights-grid:has(.otd-highlight-card:only-child){
  grid-template-columns:minmax(0,720px);
  justify-content:center;
}

.explore-feature-stories:has(.otd-feature-story:first-child:nth-last-child(2)),
.explore-topic-grid:has(.otd-topic-card:first-child:nth-last-child(2)),
.explore-people-grid:has(.otd-person-card:first-child:nth-last-child(2)),
.explore-facts-grid:has(.otd-fact-card:first-child:nth-last-child(2)),
.explore-highlights-grid:has(.otd-highlight-card:first-child:nth-last-child(2)){
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.consent-banner strong{font-family:Georgia,serif;font-size:20px}
.consent-banner p{margin:5px 0;color:#d9e4ec;font-size:12px;line-height:1.5}
.consent-banner a,.consent-policy-link{color:#f1b44e;text-decoration:underline;text-underline-offset:2px;font-size:11px}
.consent-banner-actions,.consent-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.consent-banner .btn{white-space:nowrap}
.consent-reject,.consent-manage,.consent-close{
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  font:inherit;
}
.consent-reject,.consent-manage{padding:10px;color:#e4edf3;font-size:11px;font-weight:800}
.consent-settings-backdrop{
  position:fixed;
  inset:0;
  z-index:10001;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(3,20,34,.72);
}
.consent-settings{
  position:relative;
  width:min(620px,100%);
  max-height:90vh;
  overflow:auto;
  padding:34px;
  border-radius:16px;
  background:#fffdf9;
  color:#173653;
  box-shadow:0 25px 70px rgba(0,0,0,.32);
}
.consent-settings h2{margin:7px 0 10px;font-family:Georgia,serif;font-size:36px}
.consent-settings>p{color:#657386;font-size:13px;line-height:1.6}
.consent-kicker{color:#a86800;font-size:9px;font-weight:900;letter-spacing:.16em}
.consent-close{position:absolute;top:15px;right:18px;color:#173653;font-size:28px}
.consent-choice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:13px;
  padding:17px;
  border:1px solid #d8e0e5;
  border-radius:10px;
  background:#fff;
}

.account-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8f2e9;
}

.account-summary strong,
.account-summary span{
  display:block;
}

.account-summary span{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}

.capsule-list-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.saved-item{
  display:block;
  line-height:1.45;
}

.saved-item.capsule-openable{
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.saved-item.capsule-openable:hover{
  transform:translateY(-1px);
  border-color:#d7b267;
  box-shadow:0 8px 22px rgba(8,40,77,.08);
}

.saved-item.capsule-openable:focus-visible{
  outline:3px solid #f3af30;
  outline-offset:3px;
  border-color:#d7b267;
}

.saved-date{
  margin-bottom:5px;
  color:#b87812;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.saved-question{
  color:var(--navy);
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:700;
  line-height:1.35;
}

.saved-answer-text,
.locked-copy{
  margin-top:8px;
  color:#4f5f73;
  font-size:13px;
  line-height:1.55;
}

.saved-theme{
  display:inline-block;
  margin-top:11px;
  margin-right:7px;
  border-radius:999px;
  background:#edf2f5;
  padding:6px 10px;
  color:#52657a;
  font-size:10px;
  font-weight:800;
}

.saved-item-actions{
  margin-top:13px;
}

.saved-capsule-btn{
  border:1px solid #d7b267;
  border-radius:8px;
  background:#fff8ea;
  padding:9px 12px;
  color:#08284d;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}

.saved-lock-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:9px;
  color:#8b5a08;
  font-size:12px;
  font-weight:900;
}

.capsule-open-hint{
  margin-top:12px;
  color:#9b650a;
  font-size:11px;
  font-weight:900;
}

.memory-anniversary{
  display:none;
  margin-bottom:18px;
  border:1px solid #d7b267;
  border-radius:14px;
  background:linear-gradient(135deg,#fff7e8,#f6ead6);
  padding:20px;
}

.memory-anniversary.show{
  display:block;
}

.memory-anniversary-kicker{
  color:#9b650a;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.memory-anniversary-title{
  margin:8px 0 6px;
  color:var(--navy);
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
}

.memory-anniversary-copy,
.memory-anniversary-preview span{
  color:#5f6d80;
  font-size:12px;
  line-height:1.5;
}

.memory-anniversary-preview{
  display:grid;
  gap:4px;
  margin-top:14px;
}

.memory-anniversary-actions{
  margin-top:14px;
}

@media(max-width:650px){
  .account-summary{
    align-items:flex-start;
    flex-direction:column;
  }
}
.consent-choice strong,.consent-choice small{display:block}
.consent-choice small{margin-top:4px;color:#6b7887;font-size:11px;line-height:1.45}
.consent-choice input{width:22px;height:22px;accent-color:#a86800}
.consent-choice-fixed span{color:#4d6b61;font-size:10px;font-weight:900;text-transform:uppercase}
.consent-actions{margin-top:22px}
.consent-settings .consent-reject{color:#315d7b}
.consent-policy-link{display:inline-block;margin-top:18px;color:#315d7b}
@media(max-width:760px){
  .consent-banner{left:10px;right:10px;bottom:10px;align-items:stretch;flex-direction:column;gap:12px;padding:17px}
  .consent-banner-actions{display:grid;grid-template-columns:1fr 1fr}
  .consent-banner-actions .consent-manage{grid-column:1/-1}
  .consent-settings{padding:28px 20px}
}