/* Isolated Home notice and story. No page-shell or theme overrides. */
.cdta-anniversary {--cdta-story-viewport:calc(100vh - 34px); margin:24px 0;}
@supports(height:100dvh) {
  .cdta-anniversary {--cdta-story-viewport:calc(100dvh - 34px);}
}
.cdta-anniversary .cdta-anniversary-notice {padding:24px; background:var(--paper); border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:7px; display:flex; align-items:center; gap:24px;}
.cdta-anniversary .cdta-anniversary-copy {flex:1; min-width:0;}
.cdta-anniversary .cdta-anniversary-heading {display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin-bottom:10px;}
.cdta-anniversary .cdta-anniversary-heading h2 {font-size:23px; line-height:1.3; margin:0; color:var(--ink); text-wrap:pretty;}
.cdta-anniversary .cdta-anniversary-date {font:700 12px/1.5 system-ui,sans-serif; color:var(--ink); background:var(--soft); border:1px solid var(--line); border-radius:20px; padding:5px 10px; white-space:nowrap;}
.cdta-anniversary .cdta-anniversary-copy p {margin:0; font-size:14px; line-height:1.7; color:var(--muted); max-width:65ch;}
.cdta-anniversary .cdta-anniversary-trigger {flex-shrink:0; max-width:100%; padding:13px 18px; min-height:48px; border:1px solid var(--accent); background:var(--cdta-navy, #0a3a70); color:#fff; border-radius:5px; font:700 13px/1.5 system-ui,sans-serif; cursor:pointer;}
.cdta-anniversary .cdta-anniversary-trigger:disabled {opacity:.65; cursor:default;}
.cdta-anniversary button:focus-visible {outline:3px solid var(--accent); outline-offset:4px;}
.cdta-anniversary .cdta-anniversary-dialog:not([open]) {display:none;}
.cdta-anniversary .cdta-anniversary-dialog {box-sizing:border-box; width:calc(100vw - 32px); height:calc(100vh - 32px); height:calc(100dvh - 32px); max-width:none; max-height:none; margin:auto; padding:0; border:1px solid #6b778b; border-radius:10px; background:#091b32; color:#fff; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-gutter:stable; isolation:isolate;}
.cdta-anniversary .cdta-anniversary-dialog::backdrop {background:rgba(4,12,24,.82);}
.cdta-anniversary .cdta-story-toolbar {position:sticky; top:0; z-index:5; min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 24px; background:#0a294c; border-bottom:1px solid #70829a;}
.cdta-anniversary .cdta-story-toolbar h2 {font:700 18px/1.4 system-ui,sans-serif; letter-spacing:0; color:#fff; margin:0; text-wrap:pretty;}
.cdta-anniversary .cdta-story-close,
.cdta-anniversary .cdta-story-close-end,
.cdta-anniversary .cdta-story-retry {min-height:48px; padding:10px 16px; border:1px solid #c7cbd1; border-radius:5px; background:#0a3a70; color:#fff; font:700 14px/1.5 system-ui,sans-serif; cursor:pointer;}
.cdta-anniversary .cdta-story-close {flex-shrink:0;}
.cdta-anniversary .cdta-anniversary-dialog button:focus-visible {outline:3px solid #8dccff; outline-offset:4px;}
.cdta-anniversary .cdta-story-loading,
.cdta-anniversary .cdta-story-error {padding:32px; color:#fff; font-size:16px;}
.cdta-anniversary .cdta-story-error p {color:#fff;}
.cdta-anniversary .cdta-story-section {position:relative; display:flow-root; padding-bottom:clamp(64px,12vh,140px); background:#091b32;}
/* The dialog is the only scroll container. Each image pins to its viewport
   while the overlapping article moves, then leaves with its own section. */
.cdta-anniversary .cdta-story-media {position:sticky; top:0; width:100%; height:var(--cdta-story-viewport); margin:0; overflow:hidden; background:radial-gradient(ellipse at 20% 35%,#185a8c 0%,#0a294c 45%,#061526 100%);}
.cdta-anniversary .cdta-story-section:nth-child(2) .cdta-story-media {background:radial-gradient(ellipse at 80% 40%,#70353c 0%,#122d4a 50%,#061526 100%);}
.cdta-anniversary .cdta-story-section:nth-child(3) .cdta-story-media {background:radial-gradient(ellipse at 30% 65%,#166484 0%,#103757 50%,#061526 100%);}
.cdta-anniversary .cdta-story-media img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.cdta-anniversary .cdta-story-media img[hidden] {display:none;}
.cdta-anniversary .cdta-story-media > span {position:absolute; inset:0; background:linear-gradient(180deg,#091b32 0%,rgba(4,15,31,.24) 18%,rgba(4,15,31,.6) 80%,#091b32 100%); pointer-events:none;}
.cdta-anniversary .cdta-story-copy {position:relative; z-index:1; box-sizing:border-box; width:min(760px,calc(100% - 64px)); margin:calc(var(--cdta-story-viewport) * -.5) auto 0; padding:clamp(24px,4vw,52px); border:1px solid #526780; border-top:3px solid #68b9ff; border-radius:18px 18px 0 0; background:rgba(13,17,23,.90); box-shadow:0 20px 60px #0004;}
.cdta-anniversary .cdta-story-copy h3 {font:500 clamp(28px,3.5vw,42px)/1.2 Georgia,serif; color:#fff; letter-spacing:-.5px; margin:16px 0 32px; text-wrap:pretty;}
.cdta-anniversary .cdta-story-copy p {font:400 clamp(16px,1.4vw,18px)/1.85 'Helvetica Neue',Arial,sans-serif; color:#f0f3f7; margin:0 0 22px; overflow-wrap:break-word;}
.cdta-anniversary .cdta-story-copy .cdta-story-kicker {color:#9dd0fc; font:700 12px/1.6 system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase;}
.cdta-anniversary .cdta-story-copy .cdta-story-emphasis {font-weight:700; color:#b5deff; border-left:3px solid #e31b23; padding-left:18px;}
@media(prefers-reduced-motion:no-preference) {
  .cdta-anniversary .cdta-anniversary-notice {animation:cdta-anniversary-arrive .5s ease-out both;}
  @keyframes cdta-anniversary-arrive {from {opacity:0; transform:translateY(8px);} to {opacity:1; transform:none;}}
}
@media(prefers-reduced-motion:reduce) {
  .cdta-anniversary *, .cdta-anniversary *::before, .cdta-anniversary *::after {animation:none!important; transition:none!important; scroll-behavior:auto!important;}
  .cdta-anniversary .cdta-story-media {position:relative; height:min(400px,50vh);}
  .cdta-anniversary .cdta-story-copy {margin-top:0;}
}
@media(max-width:850px) {
  .cdta-anniversary .cdta-anniversary-notice {align-items:flex-start; flex-direction:column; gap:18px;}
}
@media(max-width:600px) {
  .cdta-anniversary {--cdta-story-viewport:100vh;}
  @supports(height:100dvh) {
    .cdta-anniversary {--cdta-story-viewport:100dvh;}
  }
  .cdta-anniversary .cdta-anniversary-notice {padding:20px;}
  .cdta-anniversary .cdta-anniversary-trigger {width:100%;}
  .cdta-anniversary .cdta-anniversary-dialog {width:100%; height:100vh; height:100dvh; border:0; border-radius:0;}
  .cdta-anniversary .cdta-story-toolbar {padding:12px 16px; min-height:72px;}
  .cdta-anniversary .cdta-story-toolbar h2 {font-size:15px;}
  .cdta-anniversary .cdta-story-copy {width:calc(100% - 32px); padding:24px 20px;}
}