/* ============================================================
   Daybreak article styles
   ------------------------------------------------------------
   This was an identical inline <style> block repeated on every
   Daybreak article. It is one cached file now, so it downloads
   once for the whole site instead of with every article.
   ============================================================ */
:root {
      --ivory: #EDE8E1; --espresso: #4A3328; --deep: #4A3328;
      --section-dark: #6B5147; --clay: #B48A7A; --rose: #9A6F63;
      --terra: #C07A5A; --border: #DDD8D0;
    }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Cairo', sans-serif; font-weight: 400; background: var(--ivory); color: var(--deep); overflow-x: hidden; }
/* ARTICLE HERO */
.article-hero {
      background: var(--section-dark);
      padding: 160px 48px 72px;
      position: relative; overflow: hidden;
    }
.article-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 50% 70% at 80% 40%, rgba(192,122,90,.12) 0%, transparent 60%); }
.article-hero-inner { max-width: 760px; margin: 0 auto; position: relative; z-index: 1; }
.breadcrumb { font-size: 11px; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: rgba(237,232,225,.86); margin-bottom: 24px; }
.breadcrumb a { color: rgba(237,232,225,.86); text-decoration: none; border-bottom: 0.5px solid rgba(237,232,225,.35); }
.breadcrumb a:hover { color: var(--ivory); border-bottom-color: var(--ivory); }
.article-title {
      font-family: 'Spectral', serif;
      font-size: clamp(34px, 5.4vw, 60px);
      font-weight: 300; line-height: 1.08; color: var(--ivory);
      letter-spacing: .01em; margin-bottom: 24px; text-wrap: balance;
    }
.article-dek {
      font-size: 18px; font-weight: 300; line-height: 1.7;
      color: rgba(237,232,225,.86); max-width: 620px;
    }
.article-byline {
      margin-top: 36px; padding-top: 24px;
      border-top: 0.5px solid rgba(237,232,225,.15);
      font-size: 13px; font-weight: 300; line-height: 1.9;
      color: rgba(237,232,225,.86); letter-spacing: .04em;
    }
.article-byline strong { font-weight: 500; color: var(--ivory); }
/* ARTICLE BODY */
.article-body { background: var(--ivory); padding: 72px 48px 90px; }
.article-inner { max-width: 720px; margin: 0 auto; }
.article-inner p {
      font-size: 17px; font-weight: 300; line-height: 1.95;
      color: var(--deep); margin-bottom: 26px;
    }
.article-inner h2 {
      font-family: 'Spectral', serif;
      font-size: clamp(26px, 3.4vw, 34px);
      font-weight: 300; line-height: 1.22; letter-spacing: .01em;
      margin: 64px 0 22px; text-wrap: balance;
    }
.article-inner h2:first-of-type { margin-top: 0; }
.article-inner strong { font-weight: 600; }
.article-inner em { font-style: italic; }
.article-inner a { color: #8C4426; border-bottom: 0.5px solid rgba(140,68,38,.4); text-decoration: none; }
    .article-inner a:hover { color: var(--espresso); border-bottom-color: var(--espresso); }
.takeaways {
      background: rgba(192,122,90,.07);
      border-left: 2px solid var(--terra);
      padding: 30px 32px 26px; margin-bottom: 56px;
    }
.takeaways h2 {
      font-family: 'Cairo', sans-serif !important;
      font-size: 11px !important; font-weight: 600; letter-spacing: .18em;
      text-transform: uppercase; color: #8C4426;
      margin: 0 0 18px !important;
    }
.takeaways ul { list-style: none; }
.takeaways li {
      font-size: 15px; font-weight: 300; line-height: 1.75;
      margin-bottom: 12px; padding-left: 20px; position: relative;
    }
.takeaways li::before { content: ''; position: absolute; left: 1px; top: 11px; width: 4px; height: 4px; background: var(--terra); }
.takeaways li:last-child { margin-bottom: 0; }
.pull {
      margin: 56px 0; padding: 32px 0;
      border-top: 0.5px solid var(--border); border-bottom: 0.5px solid var(--border);
      font-family: 'Spectral', serif;
      font-size: clamp(21px, 2.8vw, 27px); font-weight: 300; line-height: 1.42;
      text-align: center; color: var(--rose); text-wrap: balance;
    }
blockquote {
      margin: 44px 0; padding-left: 28px;
      border-left: 2px solid var(--clay);
      font-family: 'Spectral', serif; font-style: italic;
      font-size: 20px; font-weight: 300; line-height: 1.55; color: var(--rose);
    }
sup a { font-size: 10px; text-decoration: none; color: #8C4426; border-bottom: 0; padding: 0 1px; }
.asks { counter-reset: ask; list-style: none; margin: 36px 0 26px; }
.asks li { counter-increment: ask; position: relative; padding-left: 46px; margin-bottom: 26px; }
.asks li::before {
      content: counter(ask, decimal-leading-zero);
      position: absolute; left: 0; top: 3px;
      font-size: 12px; font-weight: 500; letter-spacing: .1em; color: var(--terra);
    }
.asks b { display: block; font-size: 16px; font-weight: 600; line-height: 1.5; margin-bottom: 5px; }
.asks span { display: block; font-size: 16px; font-weight: 300; line-height: 1.8; color: rgba(74,51,40,.82); }
.faq { margin-top: 72px; padding-top: 44px; border-top: 0.5px solid var(--border); }
.faq h2 { margin-top: 0 !important; }
.faq h3 {
      font-size: 17px; font-weight: 600; line-height: 1.5;
      margin: 34px 0 10px; color: var(--espresso);
    }
.faq h3:first-of-type { margin-top: 26px; }
.faq p { font-size: 16px !important; }
.refs { margin-top: 64px; padding-top: 36px; border-top: 0.5px solid var(--border); }
.refs h3 {
      font-size: 11px; font-weight: 600; letter-spacing: .18em;
      text-transform: uppercase; color: #8C4426; margin-bottom: 20px;
    }
.refs ol { padding-left: 20px; }
.refs li {
      font-size: 13px; font-weight: 300; line-height: 1.75;
      color: rgba(74, 51, 40, 0.73); margin-bottom: 12px;
    }
.refs a { color: #8C4426; }
.disclaimer {
      margin-top: 32px; font-size: 12px; font-weight: 300; line-height: 1.8;
      color: rgba(74,51,40,.75);
    }
    .disclaimer::before {
      content: 'Disclaimer';
      display: block; margin-bottom: 9px;
      font-family: 'Cairo', sans-serif;
      font-size: 10px; font-weight: 500;
      letter-spacing: .18em; text-transform: uppercase;
      color: #7D5548;
    }
.related { margin-top: 64px; padding-top: 36px; border-top: 0.5px solid var(--border); }
.related h3 {
      font-size: 11px; font-weight: 600; letter-spacing: .18em;
      text-transform: uppercase; color: #8C4426; margin-bottom: 20px;
    }
.related-links { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.related-links a {
      display: block; padding: 20px 22px;
      border: 0.5px solid var(--border); border-radius: 2px;
      text-decoration: none; color: var(--deep);
      transition: border-color .2s, background .2s;
    }
.related-links a:hover { border-color: var(--terra); background: rgba(192,122,90,.05); }
.related-links .rl-tag { font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #8C4426; display: block; margin-bottom: 7px; }
.related-links .rl-title { font-family: 'Spectral', serif; font-size: 17px; font-weight: 300; line-height: 1.35; }
/* CTA */
.section-cta {
      background: var(--section-dark); text-align: center; padding: 100px 48px;
      position: relative; overflow: hidden;
    }
.section-cta::before {
      content: 'AAHANA';
      position: absolute; top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      font-family: 'Spectral', serif;
      font-size: 300px; font-weight: 300;
      color: rgba(237,232,225,.06);
      letter-spacing: .05em; white-space: nowrap;
      pointer-events: none; user-select: none;
    }
.cta-inner { position: relative; z-index: 1; max-width: 560px; margin: 0 auto; }
.cta-title { font-family: 'Spectral', serif; font-size: clamp(30px, 4vw, 42px); font-weight: 300; color: var(--ivory); line-height: 1.2; margin-bottom: 18px; }
.cta-desc { font-size: 16px; font-weight: 300; line-height: 1.8; color: rgba(237,232,225,.86); margin-bottom: 32px; }
.cta-btn { font-size: 13px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--deep); background: var(--ivory); border: none; padding: 16px 40px; border-radius: 2px; font-family: 'Cairo', sans-serif; cursor: pointer; transition: opacity .2s; }
.cta-btn:hover { opacity: .85; }
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
@media (max-width: 900px) {
  .article-hero { padding: 130px 24px 56px; }
  .article-body { padding: 56px 24px 72px; }
  .section-cta { padding: 80px 24px; }
  .related-links { grid-template-columns: 1fr; }
}
/* Mobile menu */