/* Santa SEO pages: use the shared AI landing theme and site primitives. */
.santa-seo .santa-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.santa-seo .santa-actions .bdc-btn{gap:12px}
.santa-seo .santa-facts{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:26px 0 0;color:var(--color-text-muted);font-size:.875rem}
.santa-seo .santa-facts li::before{content:"\2713";margin-right:7px;color:#a8c7ff}
.santa-seo .santa-access{font-size:.8rem;margin-top:12px}
.santa-seo figure{margin:0;min-width:0}
.santa-seo .santa-scene img{display:block;width:100%;height:auto;border-radius:16px}
.santa-seo .santa-scene video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:16px;background:#000}
.santa-seo .santa-video-sample figcaption span{color:var(--color-link)}
.santa-seo .santa-scene figcaption,.santa-seo .santa-letter figcaption{margin-top:12px;text-align:center;color:var(--color-text-muted);font-size:.8rem}
.santa-seo .santa-feature{align-items:center;--space-grid:64px}
.santa-seo .santa-feature>div>p{color:var(--color-text-muted)}
.santa-seo .santa-tinted{background:var(--color-surface-muted);border-block:1px solid var(--ail-divider)}
.santa-seo .santa-character{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:4/3}
.santa-seo .santa-character img{width:100%;height:100%;object-fit:cover;object-position:center}
.santa-seo .santa-character figcaption{position:absolute;inset:auto 0 0;padding:60px 24px 22px;background:linear-gradient(transparent,rgba(3,8,17,.94))}
.santa-seo .santa-character h3{font-size:1.2rem;font-weight:600;margin-bottom:5px}
.santa-seo .santa-character p{font-size:.85rem;margin:0;color:#e0e7f0;line-height:1.5}
.santa-seo .santa-message blockquote{border:0;padding:0;margin:0;font-size:1.05rem;line-height:1.8;color:var(--color-heading)}
.santa-seo .santa-letter img{display:block;width:100%;height:auto;border-radius:14px}
.santa-seo .santa-example-line{border-left:3px solid #94b8ff;padding:12px 18px;margin:24px 0;color:var(--color-heading)!important;background:var(--color-surface-muted)}
.santa-seo .santa-input-pair{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:center;margin:24px auto 0;max-width:420px}
.santa-seo .santa-input-pair img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.santa-seo .santa-input-pair figcaption{color:var(--color-text-muted);font-size:.8rem;margin-top:7px}
.santa-seo .santa-input-pair>span{position:absolute;left:50%;top:calc(50% - 13px);transform:translate(-50%,-50%);font-size:1.6rem;line-height:1;color:var(--color-link)}
.santa-seo .santa-story{overflow:hidden;display:flex;flex-direction:column}
.santa-seo .santa-story>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.santa-seo .santa-story .bdc-card-pad{display:flex;flex-direction:column;flex:1}
.santa-seo .santa-story h3{font-size:1.25rem;font-weight:600}
.santa-seo .santa-story p{color:var(--color-text-muted)}
.santa-seo .santa-story .santa-input-label{font-size:.8rem;color:var(--color-link);margin-top:auto}
.santa-seo .santa-story .ail-secondary-link{font-size:.875rem}
.santa-seo .santa-tips{padding-left:22px;color:var(--color-text-muted)}
.santa-seo .santa-tips li{margin-bottom:12px}
.santa-seo :is(.santa-faq,#how-it-works,#santa-letter-reply){scroll-margin-top:100px}
.santa-seo a:focus-visible,.santa-seo summary:focus-visible{outline:2px solid #c3d8ff;outline-offset:5px}
@media(max-width:991px){
 .santa-seo .ail-hero-layout,.santa-seo .santa-feature,.santa-seo .ail-faq-layout{grid-template-columns:1fr;--space-grid:32px;--space-grid-mobile:32px}
 .santa-seo .santa-characters,.santa-seo .santa-stories{grid-template-columns:1fr;--space-grid:22px}
 .santa-seo .santa-character{aspect-ratio:16/9}
 .santa-seo .ail-hero{padding-top:60px}
}
@media(max-width:575px){
 .santa-seo .santa-actions{align-items:flex-start;flex-direction:column;gap:12px}
 .santa-seo .santa-actions .bdc-btn{width:100%;justify-content:center}
 .santa-seo .santa-facts{gap:6px 16px}
 .santa-seo .santa-character figcaption{padding:45px 18px 16px}
 .santa-seo .santa-input-pair{gap:26px}
}

/* Centered sample-video control; native controls remain the no-JS fallback. */
.santa-seo .santa-video-frame{position:relative;isolation:isolate}
.santa-seo .santa-video-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(8,15,28,.5);color:#fff;cursor:pointer;opacity:0;transition:opacity .16s ease,background .16s ease;appearance:none}
.santa-seo .santa-video-play svg{margin-left:2px;pointer-events:none}
.santa-seo .santa-video-frame:hover .santa-video-play,.santa-seo .santa-video-frame:focus-within .santa-video-play{opacity:1}
.santa-seo .santa-video-play:hover{background:rgba(31,88,208,.9)}
.santa-seo .santa-video-play:focus-visible{outline:3px solid #c3d8ff;outline-offset:5px}
.santa-seo .santa-video-play[hidden]{display:none}
@media(hover:none),(pointer:coarse){.santa-seo .santa-video-play{opacity:1}}
@media(prefers-reduced-motion:reduce){.santa-seo .santa-video-play{transition:none}}

/* Prevent shared quotation ornaments from overlapping message text. */
.santa-seo .santa-message blockquote{font-style:normal}
.santa-seo .santa-message blockquote::before,.santa-seo .santa-message blockquote::after{content:none;display:none}
.santa-seo:lang(ko) :is(h1,h2,h3,p,figcaption,blockquote){word-break:keep-all;overflow-wrap:anywhere}

.santa-seo .ail-hero h1{text-wrap:balance}