:root {
      color-scheme: light dark;
      --ink:#2d211a;
      --muted:#78675c;
      --muted-strong:#5f5149;
      --paper:#f7efe3;
      --paper-2:#fffaf3;
      --section-alt:#ffffff;
      --section-soft:#fffaf3;
      --card:#ffffff;
      --orange:#ff6d00;
      --rust:#bf4627;
      --olive:#718057;
      --teal:#557d77;
      --line:#e7d4bf;
      --topbar:rgba(247,239,227,.94);
      --topbar-line:rgba(191,70,39,.12);
      --accent-soft:#fff2df;
      --stamp-bg:rgba(247,239,227,.88);
      --footer:#221b17;
      --footer-text:#cfc2b7;
      --shadow:0 18px 50px rgba(79,52,32,.10);
      --radius:24px;
      --max:1160px;
      --serif:Georgia,"Times New Roman",serif;
      --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }
    @media (prefers-color-scheme: dark){
      :root{
        --ink:#f6eadf;
        --muted:#c9b9ac;
        --muted-strong:#dfd0c3;
        --paper:#171310;
        --paper-2:#211a15;
        --section-alt:#1b1612;
        --section-soft:#211a15;
        --card:#29211b;
        --rust:#f07b50;
        --olive:#9cae7d;
        --teal:#83aaa4;
        --line:#49382e;
        --topbar:rgba(23,19,16,.94);
        --topbar-line:rgba(255,109,0,.20);
        --accent-soft:#3a2618;
        --stamp-bg:rgba(35,27,22,.90);
        --footer:#0f0c0a;
        --footer-text:#cbbbae;
        --shadow:0 18px 50px rgba(0,0,0,.28);
      }
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;background:var(--paper)}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}
    a{color:inherit}
    img{max-width:100%;display:block}
    .shell{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
    .prototype-bar{background:#1f1915;color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:9px 82px 9px 16px;position:relative;min-height:38px;display:flex;align-items:center;justify-content:center}
    .issue-share-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 10px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(255,255,255,.08);color:inherit;font:700 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
    .issue-share-button:hover,.issue-share-button:focus-visible{background:rgba(255,255,255,.16);outline:2px solid rgba(255,255,255,.72);outline-offset:2px}
    .issue-share-button svg{width:14px;height:14px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .issue-share-button[data-share-state="copied"]{background:rgba(255,255,255,.18)}
    @media (prefers-color-scheme: dark){.prototype-bar{background:#0c0908;color:#eadfd5}}
    .topbar{position:sticky;top:0;z-index:20;background:var(--topbar);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--topbar-line)}
    .topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
    .brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto}
    .brand img{width:168px;height:auto}
    .brand .logo-light{display:block!important}
    .brand .logo-dark{display:none!important}
    @media (prefers-color-scheme: dark){.brand .logo-light{display:none!important}.brand .logo-dark{display:block!important}}
    .nav{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding-block:8px}
    .nav::-webkit-scrollbar{display:none}
    .nav a{white-space:nowrap;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:9px 11px;border-radius:999px}
    .nav a:hover,.nav a:focus-visible{background:var(--card);outline:none}
    .eyebrow{font-size:12px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--rust)}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{font-family:var(--serif);line-height:.98;letter-spacing:-.03em}
    h1{font-size:clamp(64px,11vw,150px);font-weight:500;margin-bottom:28px}
    h2{font-size:clamp(45px,7vw,82px);font-weight:500;margin-bottom:18px}
    h3{font-size:28px;font-weight:600;margin-bottom:10px}
    .accent{color:var(--orange);font-style:italic}
    .hero{min-height:calc(100svh - 98px);display:grid;align-items:center;padding:54px 0 42px;position:relative;overflow:hidden}
    .hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:64px;align-items:center}
    .hero-copy{max-width:760px}
    .hero-lede{font-family:var(--serif);font-style:italic;color:var(--muted-strong);font-size:clamp(17px,2vw,22px);max-width:620px;margin-bottom:28px}
    .wave{height:9px;width:100%;max-width:600px;margin:20px 0 28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='10' viewBox='0 0 300 10'%3E%3Cpath d='M0 5 C25 0 50 10 75 5 S125 0 150 5 200 10 225 5 275 0 300 5' fill='none' stroke='%23ff6d00' stroke-width='2.4'/%3E%3C/svg%3E") center/300px 10px repeat-x}
    .hero-art{position:relative;min-height:430px;display:grid;align-items:center;justify-items:center}
    .sun{width:min(330px,75vw);aspect-ratio:1;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:0 28px 70px rgba(255,109,0,.22);position:relative}
    .sun:before,.sun:after{content:"";position:absolute;inset:-27px;border:2px dashed color-mix(in srgb,var(--rust) 48%,transparent);border-radius:50%}
    .sun:after{inset:-54px;border-color:color-mix(in srgb,var(--rust) 22%,transparent)}
    .sun-face{width:92px;height:62px;color:#37261d}
    .sun-face svg{width:100%;height:100%;display:block}
    .stamp{position:absolute;top:5px;right:0;width:122px;height:122px;border-radius:50%;border:2px solid var(--rust);display:grid;place-items:center;text-align:center;color:var(--rust);font-family:var(--serif);font-weight:700;transform:rotate(7deg);background:var(--stamp-bg)}
    .stamp span{display:block;font-size:27px;line-height:1}.stamp small{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
    .hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;max-width:610px}
    .meta-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 8px 28px rgba(74,47,28,.06)}
    @media (prefers-color-scheme: dark){.meta-card{box-shadow:0 8px 28px rgba(0,0,0,.18)}}
    .meta-card strong{display:block;font-family:var(--serif);font-size:19px;margin-bottom:4px}
    .meta-card a{color:var(--rust);font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}
    .section{padding:100px 0;position:relative}
    .section.white{background:var(--section-alt)}
    .section.paper2{background:var(--section-soft)}
    .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:start;margin-bottom:48px}
    .section-intro{color:var(--muted);font-size:18px;max-width:650px}
    .mini-art{width:112px;aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--line);border-radius:30px;background:var(--card);color:var(--rust);transform:rotate(2deg);box-shadow:var(--shadow);margin-top:4px}
    .mini-art svg{width:48px;height:48px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .upgrade{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;min-height:270px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(75,49,31,.05)}
    @media (prefers-color-scheme: dark){.upgrade{box-shadow:0 10px 30px rgba(0,0,0,.16)}}
    .upgrade-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
    .num{font-family:var(--serif);font-style:italic;color:var(--rust);font-size:31px}
    .price{font-size:11px;font-weight:800;letter-spacing:.06em;background:var(--accent-soft);color:var(--rust);border-radius:999px;padding:6px 9px}
    .upgrade h3{font-size:24px}
    .upgrade p{font-size:14px;color:var(--muted);margin-bottom:0}
    .section-cta{display:inline-flex;align-items:center;gap:10px;margin-top:28px;color:var(--rust);font-weight:800;text-decoration-thickness:2px;text-underline-offset:4px}
    .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
    .feature-card{border-radius:28px;padding:34px;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 36px rgba(75,49,31,.06)}
    @media (prefers-color-scheme: dark){.feature-card{box-shadow:0 12px 36px rgba(0,0,0,.18)}}
    .feature-card h3{display:flex;align-items:flex-start;gap:12px}
    .feature-card h3 .icon{width:28px;height:28px;flex:0 0 28px;color:var(--rust);margin-top:1px}
    .feature-card h3 .icon svg{width:100%;height:100%;display:block}
    .feature-card p{color:var(--muted)}
    .feature-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
    .pill-link{display:inline-flex;text-decoration:none;background:var(--accent-soft);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800;color:var(--rust)}
    .quote{margin:34px 0 0;border-top:1px solid var(--line);padding-top:26px;text-align:center;font-family:var(--serif);font-size:clamp(22px,3vw,36px);font-style:italic}
    .quote small{display:block;margin-top:8px;font-family:var(--sans);font-size:12px;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
    .events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px}
    .event{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:19px 20px;background:var(--card);border:1px solid var(--line);border-radius:18px;text-decoration:none;transition:.18s ease}
    .event:hover,.event:focus-visible{transform:translateY(-2px);box-shadow:0 12px 30px rgba(75,49,31,.08);border-color:color-mix(in srgb,var(--rust) 45%,var(--line));outline:none}
    .event strong{display:block;font-family:var(--serif);font-size:18px;line-height:1.12;margin-bottom:5px}
    .event span{font-size:12px;color:var(--muted)}
    .open{font-size:10px!important;font-weight:900;letter-spacing:.06em;color:var(--rust)!important;background:var(--accent-soft);padding:7px 9px;border-radius:999px}
    .reminders{display:grid;grid-template-columns:1fr 1fr;gap:26px}
    .note{background:var(--card);padding:34px;border:1px solid var(--line);box-shadow:0 18px 42px rgba(72,47,30,.08);min-height:300px}
    @media (prefers-color-scheme: dark){.note{box-shadow:0 18px 42px rgba(0,0,0,.20)}}
    .note:nth-child(1){transform:rotate(-1.5deg)}.note:nth-child(2){transform:rotate(1.4deg)}.note:nth-child(3){transform:rotate(1.1deg)}.note:nth-child(4){transform:rotate(-1.2deg)}
    .note .label{color:var(--rust);font-size:11px;font-weight:900;letter-spacing:.28em;text-transform:uppercase}
    .note .num{display:block;margin-bottom:3px}
    .note h3{font-size:26px;font-style:italic;margin-top:14px}
    .note p{font-size:15px;color:var(--muted)}
    .care-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
    .care{padding-top:18px;border-top:5px solid var(--orange)}
    .care:nth-child(2n){border-color:var(--olive)}.care:nth-child(3n){border-color:var(--teal)}
    .care h3{font-size:19px;line-height:1.08}
    .care p{font-size:13px;color:var(--muted)}
    .closing{grid-column:span 2;background:var(--accent-soft);border-radius:24px;padding:30px;border:1px solid var(--line)}
    .closing h3{font-size:34px;color:var(--rust)}
    .footer{background:var(--footer);color:#eee4da;padding:42px 0}
    .footer-inner{display:flex;justify-content:space-between;gap:28px;align-items:end}
    .footer p{margin-bottom:0;color:var(--footer-text);font-size:13px}
    .footer a{color:#fff}
    .footer .tagline{font-family:var(--serif);font-size:24px;font-style:italic;color:#fff}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

    @media (max-width:900px){
      .topbar-inner{display:block;padding-top:7px}.brand{justify-content:center}.brand img{width:150px}.nav{justify-content:flex-start;margin-inline:-4px}
      .hero{min-height:auto;padding-top:40px}.hero-grid,.section-head{grid-template-columns:1fr}.hero-grid{gap:28px}.hero-art{min-height:330px;order:-1}.sun{width:230px}.stamp{width:92px;height:92px;right:7%;top:0}.stamp span{font-size:21px}.stamp small{font-size:8px}
      .hero-meta{grid-template-columns:1fr}.mini-art{justify-self:start;width:104px}.mini-art svg{width:42px;height:42px}.upgrade-grid{grid-template-columns:repeat(2,1fr)}.care-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width:640px){
      .shell{width:min(calc(100% - 24px),var(--max))}.prototype-bar{font-size:10px;padding:7px 74px 7px 10px}.issue-share-button{right:7px;min-height:28px;padding:4px 8px;font-size:9px}.section{padding:74px 0}.hero{padding-bottom:68px}
      h1{font-size:72px}.hero-lede{font-size:17px}.hero-art{min-height:270px}.sun{width:190px}.stamp{display:none}
      .upgrade-grid,.feature-grid,.events-grid,.reminders,.care-grid{grid-template-columns:1fr}.upgrade{min-height:0}.section-head{gap:12px;margin-bottom:32px}.mini-art{display:none}.section-intro{font-size:16px}
      .event{padding:17px}.event strong{font-size:17px}.note{min-height:0}.note:nth-child(n){transform:none}.closing{grid-column:span 1}.footer-inner{display:block}.footer .tagline{margin-bottom:12px}
    }
    /* Short landscape phones need a compact header and no detached decoration. */
    @media (orientation:landscape) and (max-height:600px){
      .prototype-bar{display:none}
      .topbar-inner{display:flex!important;min-height:58px;padding-top:0!important;gap:10px}
      .brand{justify-content:flex-start!important}.brand img{width:112px!important}
      .nav{flex:1;justify-content:flex-end!important;margin-inline:0!important;gap:0;padding-block:5px}
      .nav a{font-size:9px;padding:7px 6px;letter-spacing:.035em}
      .hero{padding:28px 0 44px;min-height:auto}
      .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr)!important;gap:34px!important}
      .hero-art{order:initial!important;min-height:235px!important}.sun{width:180px!important}.stamp{display:none}
      h1{font-size:64px}.hero-meta{grid-template-columns:1fr 1fr}
      .section{padding:58px 0}
      .section-head{grid-template-columns:1fr!important;margin-bottom:30px}.mini-art{display:none!important}
      h2{font-size:48px}.section-intro{font-size:15px}
    }
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.event{transition:none}}


    /* Newsletter V2 Shared Core 0.2 ------------------------------------------------ */
    :root{--sticky-offset:96px}
    section[id]{scroll-margin-top:var(--sticky-offset)}
    .topbar,.topbar-inner,.brand img,.nav{transition:min-height .22s ease,padding .22s ease,width .22s ease,transform .22s ease}
    .nav-shell{position:relative;min-width:0;flex:1}
    .nav-shell::before,.nav-shell::after{content:"";position:absolute;top:0;bottom:0;width:34px;z-index:2;pointer-events:none;opacity:0;transition:opacity .18s ease}
    .nav-shell::before{left:0;background:linear-gradient(90deg,var(--topbar),transparent)}
    .nav-shell::after{right:0;background:linear-gradient(270deg,var(--topbar),transparent)}
    .nav-shell.can-scroll-left::before,.nav-shell.can-scroll-right::after{opacity:1}
    .nav{position:relative;z-index:1}

    .section-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(100%,650px);margin-top:30px;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--card) 82%,var(--accent-soft)));color:var(--ink);text-decoration:none;box-shadow:0 12px 30px rgba(75,49,31,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
    @media (prefers-color-scheme: dark){.section-cta{box-shadow:0 12px 30px rgba(0,0,0,.18)}}
    .section-cta:hover,.section-cta:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rust) 52%,var(--line));box-shadow:0 16px 34px rgba(75,49,31,.10);outline:none}
    .cta-copy{display:grid;gap:3px}
    .cta-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--rust)}
    .cta-title{font-family:var(--serif);font-size:22px;line-height:1.08;font-weight:600}
    .cta-arrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 42px;background:var(--rust);color:#fff;font-size:24px;line-height:1}

    .care{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:18px;padding:18px;box-shadow:0 10px 26px rgba(75,49,31,.045)}
    @media (prefers-color-scheme: dark){.care{box-shadow:0 10px 26px rgba(0,0,0,.14)}}
    .care:nth-child(2n){border-top-color:var(--olive)}.care:nth-child(3n){border-top-color:var(--teal)}
    .care-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:15px;background:var(--accent-soft);color:var(--rust)}
    .care:nth-child(2n) .care-icon{color:var(--olive)}.care:nth-child(3n) .care-icon{color:var(--teal)}
    .care-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
    .care h3{font-size:19px;line-height:1.12;margin-bottom:9px}.care p{margin-bottom:0}

    @media (max-width:900px){
      .topbar-inner{padding-top:9px}
      .brand img{width:160px}
      .nav-shell{width:100%}
      .nav{padding:6px 0 9px;margin-inline:0}
      .topbar.is-compact .topbar-inner{padding-top:2px}
      .topbar.is-compact .brand img{width:118px}
      .topbar.is-compact .nav{padding-top:2px;padding-bottom:5px}
      .topbar.is-compact .nav a{padding-top:7px;padding-bottom:7px}
    }

    @media (max-width:640px){
      .section{padding:58px 0}
      .section-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;margin-bottom:28px}
      .mini-art{display:grid;width:54px;min-height:54px;padding:10px;border-radius:16px;align-self:start;justify-self:end}
      .mini-art svg{width:30px;height:30px}
      .upgrade{padding:20px}.upgrade-top{margin-bottom:16px}.upgrade h3{font-size:22px}.upgrade p{font-size:14px}
      .note{padding:28px}.note h3{font-size:24px}.note p{font-size:14px}
      .section-cta{width:100%;padding:17px 18px;margin-top:22px;border-radius:18px}
      .cta-title{font-size:20px}.cta-arrow{width:38px;height:38px;flex-basis:38px}
      .care{padding:17px}.care-icon{width:36px;height:36px;margin-bottom:13px}
    }

    /* Landscape keeps the brand substantial while allowing nav overflow. */
    @media (orientation:landscape) and (max-height:600px){
      .topbar-inner{min-height:64px!important;gap:14px}
      .brand img,.topbar.is-compact .brand img{width:148px!important}
      .nav-shell{min-width:0;flex:1;width:auto}
      .nav{justify-content:flex-start!important;overflow-x:auto!important}
      .nav a{font-size:9.5px!important;padding:7px 7px!important}
      .mini-art{display:none!important}
      .section{padding:52px 0}
    }


/* Newsletter V2 Shared Core 0.4 RC ------------------------------------------ */
:root{
  --orange-text:#e85c00;
  --focus:#0b63ce;
}
@media (prefers-color-scheme: dark){
  :root{
--orange-text:#ff8a3d;
--focus:#7cb7ff;
  }
}
.accent{color:var(--orange-text)}
.skip-link{
  position:fixed;left:14px;top:10px;z-index:1000;
  transform:translateY(-180%);
  padding:10px 14px;border-radius:10px;
  background:var(--card);color:var(--ink);
  border:2px solid var(--focus);font-weight:800;text-decoration:none;
  box-shadow:var(--shadow);
}
.skip-link:focus{transform:translateY(0)}
:where(a,button,[tabindex]):focus-visible{
  outline:3px solid var(--focus)!important;
  outline-offset:3px!important;
}

/* Explicit overflow chevrons. Fades proved too subtle and unreliable as a scroll affordance.
   Markup remains backward-compatible with the existing nav-fade spans. */
.nav-shell .nav{-webkit-mask-image:none;mask-image:none}
.nav-shell::before,.nav-shell::after{display:none!important}
.nav-fade{position:absolute;top:50%;bottom:auto;width:34px;height:28px;z-index:9;pointer-events:auto;opacity:0;display:grid;place-items:center;transform:translateY(-50%) scale(.94);transition:opacity .14s ease,transform .14s ease;border:1px solid var(--line);border-radius:999px;background:var(--card);box-shadow:0 4px 14px rgba(75,49,31,.12)}
@media (prefers-color-scheme:dark){.nav-fade{box-shadow:0 4px 14px rgba(0,0,0,.28)}}
.nav-fade-left{left:3px}
.nav-fade-right{right:3px}
.nav-fade::after{position:static;transform:none;font-size:14px;font-weight:1000;line-height:1;letter-spacing:-.16em;color:var(--rust);text-shadow:none}
.nav-fade-left::after{content:"‹‹‹"}
.nav-fade-right::after{content:"›››"}
.nav-shell.can-scroll-left .nav-fade-left,.nav-shell.can-scroll-right .nav-fade-right{opacity:1;transform:translateY(-50%) scale(1)}
.nav-shell:not(.can-scroll-left) .nav-fade-left,.nav-shell:not(.can-scroll-right) .nav-fade-right{pointer-events:none!important}
@media (max-width:900px){.nav-shell .nav{padding-inline:38px!important}}
@media (min-width:901px){.nav-fade{width:30px;height:26px}.nav-fade::after{font-size:13px}}

/* Beat-the-Heat continuation links are part of each card, not loose pills. */
.feature-card{display:flex;flex-direction:column}
.feature-continue{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:auto;padding-top:20px;border-top:1px solid var(--line);
  color:var(--ink);text-decoration:none;
}
.feature-continue-copy{display:grid;gap:2px;min-width:0}
.feature-continue-kicker{
  font-size:9px;font-weight:900;letter-spacing:.18em;
  text-transform:uppercase;color:var(--rust);
}
.feature-continue-title{
  font-family:var(--serif);font-size:18px;line-height:1.12;font-weight:600;
}
.feature-continue-arrow{
  width:34px;height:34px;flex:0 0 34px;border-radius:50%;
  display:grid;place-items:center;background:var(--accent-soft);
  color:var(--rust);font-size:20px;font-weight:700;
  transition:transform .18s ease,background .18s ease;
}
.feature-continue:hover .feature-continue-arrow,
.feature-continue:focus-visible .feature-continue-arrow{
  transform:translateX(3px);
}
@media (max-width:640px){
  .feature-card{padding:28px}
  .feature-continue{padding-top:17px}
  .feature-continue-title{font-size:17px}
}


/* Newsletter V2 Shared Core 0.5 RC ------------------------------------------ */
/* Section art belongs to the heading composition. It must never reflow into a
   standalone row between the heading/dek and the section content. */
.section-head{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
}
.mini-art{align-self:start!important;justify-self:end!important}
@media (max-width:900px){
  .section-head{grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important}
  .mini-art{display:grid!important;width:68px!important;min-height:68px!important;padding:12px!important;border-radius:19px!important;margin-top:2px!important}
  .mini-art svg{width:34px!important;height:34px!important}
}
@media (max-width:640px){
  .section-head{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
  .mini-art{width:52px!important;min-height:52px!important;padding:9px!important;border-radius:15px!important}
  .mini-art svg{width:28px!important;height:28px!important}
}
@media (max-width:420px){
  .mini-art{display:none!important}
  .section-head{grid-template-columns:1fr!important}
}
@media (orientation:landscape) and (max-height:600px){
  .mini-art{display:none!important}
  .section-head{grid-template-columns:1fr!important}
}


/* V2 Core 1.1 mobile visibility and landscape safety. */
@media (max-width:640px) and (orientation:portrait){
  .hero-art .stamp{display:grid!important;width:84px!important;height:84px!important;right:2%!important;top:1%!important}
  .hero-art .stamp span{font-size:19px!important}
  .hero-art .stamp small{font-size:7.5px!important}
}
@media (orientation:landscape) and (max-height:600px){
  .event{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
  .event .open,.open{position:static!important;justify-self:start!important;margin-top:5px!important}
}


/* Newsletter V2 Shared Core 1.2 ---------------------------------------------
   Mobile navigation visibility + stronger overflow controls. */
.nav-fade{
  width:40px!important;height:34px!important;
  border:2px solid color-mix(in srgb,var(--rust) 76%,#fff 24%)!important;
  background:var(--rust)!important;
  box-shadow:0 7px 18px rgba(75,49,31,.22)!important;
}
@media (prefers-color-scheme:dark){
  .nav-fade{border-color:color-mix(in srgb,var(--orange-text) 70%,#fff 30%)!important;box-shadow:0 7px 20px rgba(0,0,0,.42)!important}
}
.nav-fade-left{background:var(--rust)!important}.nav-fade-right{background:var(--rust)!important}
.nav-fade::after{font-size:16px!important;letter-spacing:-.12em!important;color:#fff!important}

@media (max-width:640px) and (orientation:portrait){
  .topbar-inner{display:block!important;min-height:0!important;padding-top:5px!important}
  .brand{display:flex!important;width:100%!important;justify-content:center!important}
  .brand img{width:154px!important}
  .nav-shell{
    display:block!important;
    width:calc(100% + 24px)!important;
    min-width:calc(100% + 24px)!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
    margin-top:2px!important;
    border-top:1px solid var(--topbar-line)!important;
    background:color-mix(in srgb,var(--topbar) 92%,var(--card) 8%)!important;
  }
  .nav{
    display:flex!important;
    width:100%!important;
    min-height:46px!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:4px!important;
    margin:0!important;
    padding:5px 48px 7px!important;
  }
  .nav a{
    display:block!important;
    flex:0 0 auto!important;
    font-size:10.5px!important;
    line-height:1!important;
    letter-spacing:.045em!important;
    padding:9px 10px!important;
    border:1px solid var(--line)!important;
    background:color-mix(in srgb,var(--card) 76%,transparent)!important;
  }
  .nav-fade{width:42px!important;height:36px!important}
  .nav-fade-left{left:5px!important}.nav-fade-right{right:5px!important}
  .nav-fade::after{font-size:17px!important}
  .topbar.is-compact .topbar-inner{padding-top:1px!important}
  .topbar.is-compact .brand img{width:126px!important}
  .topbar.is-compact .nav{min-height:42px!important;padding-top:3px!important;padding-bottom:5px!important}
  .topbar.is-compact .nav a{font-size:10px!important;padding-top:8px!important;padding-bottom:8px!important}
}

@media (orientation:landscape) and (max-height:600px){
  .nav-fade{width:38px!important;height:32px!important}
  .nav-fade::after{font-size:15px!important}
  .nav-shell .nav{padding-inline:43px!important}
}


/* Core 1.5 shared About-module brand lockup maintenance — September 3, 2026.
   Use official DBA art; never recreate the PMI James River wordmark as live text. */
.about-brand-lockup{
  display:block;
  width:min(100%,430px);
  margin:0;
}
.about-brand-lockup img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.about-brand-lockup .logo-light{display:block!important}
.about-brand-lockup .logo-dark{display:none!important}
@media (prefers-color-scheme:dark){
  .about-brand-lockup .logo-light{display:none!important}
  .about-brand-lockup .logo-dark{display:block!important}
}
@media (max-width:640px){
  .about-brand-lockup{width:min(100%,340px)}
}