/* Christmas Wrap story: shared SANEWA navigation and palette. */
.christmas-article { background: #fff; }
.christmas-hero { padding: 130px 5% 58px; background: #f1f6f8; border-bottom: 1px solid #dfe9ed; }
.christmas-hero-inner { max-width: 1120px; margin: auto; display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, .85fr); gap: 72px; align-items: center; }
.christmas-eyebrow { color: #246f85; font-size: .7rem; font-weight: 750; letter-spacing: .14em; line-height: 1.6; }
.christmas-eyebrow span { padding: 0 9px; color: #7994a0; }
.christmas-hero h1 { margin: 20px 0; color: var(--navy); font-size: clamp(2.8rem, 4.9vw, 4.3rem); line-height: 1.03; letter-spacing: -.035em; }
.christmas-hero h1 span { display: block; margin-top: 19px; font-size: clamp(1.4rem, 2.3vw, 1.95rem); line-height: 1.3; letter-spacing: -.015em; max-width: 610px; font-weight: 400; }
.christmas-intro { color: #4e606d; font-size: 1.03rem; line-height: 1.8; max-width: 590px; }
.christmas-text-link { display: inline-block; margin-top: 23px; color: #1c647a; font-size: .9rem; font-weight: 700; text-underline-offset: 5px; }
.christmas-text-link span { margin-left: 9px; }
.christmas-hero-note { border-radius: 4px 50px 4px 4px; padding: 24px 30px 30px; background: var(--navy); color: white; min-height: 310px; position: relative; }
.christmas-gift { width: 94px; height: 94px; color: #95d1dc; margin-bottom: 5px; }
.christmas-hero-note p { font: 400 1.9rem/1.25 Georgia, serif; }
.christmas-hero-note em { color: #b0dce4; }
.christmas-hero-note > span { display: block; margin-top: 22px; font-size: .57rem; font-weight: 650; letter-spacing: .12em; color: #c0d7e3; }
.christmas-article .breadcrumb { max-width: 1120px; padding: 14px 0; margin: 0 auto; font-size: .75rem; }
.christmas-article main > [role="navigation"] { background: white; border-bottom: 1px solid #e6edf1; padding: 0 5%; }
.christmas-article .article-detail { max-width: 1120px; padding: 52px 0 76px; display: grid; grid-template-columns: minmax(0, 700px) 300px; column-gap: 74px; align-items: start; }
.christmas-article .article-detail article { min-width: 0; }
.christmas-article .article-detail article > p { color: #455764; font-size: 1.05rem; line-height: 1.85; margin-bottom: 22px; }
.christmas-article .article-detail h2.article-section-title { font-size: 1.65rem; line-height: 1.25; text-align: left; margin: 39px 0 17px; max-width: none; letter-spacing: -.015em; }
.christmas-sidebar { position: sticky; top: 102px; }
.christmas-giving-card { background: #f3f7f8; border: 1px solid #dbe6eb; padding: 27px 25px 20px; border-radius: 8px; }
.christmas-article .christmas-giving-card h2 { font-size: 1.6rem; margin: 16px 0; line-height: 1.2; }
.christmas-article .christmas-giving-card p { font-size: .88rem; line-height: 1.7; margin-bottom: 17px; }
.christmas-article .christmas-giving-card .christmas-eyebrow { font-size: .63rem; }
.christmas-giving-card ul { list-style: none; margin: 22px 0 25px; }
.christmas-giving-card li { padding: 13px 0; border-top: 1px solid #d9e4e9; font-size: .9rem; color: var(--navy); }
.christmas-giving-card li span { display: block; font-size: .79rem; color: #566c79; margin-top: 3px; }
.christmas-article .article-detail a.christmas-donate { display: flex; justify-content: space-between; gap: 16px; align-items: center; border-radius: 5px; padding: 14px 18px; color: white; background: #1c7288; font: 700 .92rem/1.5 system-ui,sans-serif; text-decoration: none; }
.christmas-article .article-detail a.christmas-donate:hover { background: #175a70; }
.christmas-article a:focus-visible { outline: 3px solid #269bb9; outline-offset: 4px; }
.christmas-article .christmas-giving-card p.christmas-card-footnote { font-size: .76rem; line-height: 1.65; margin: 16px 0 0; color: #526775; }
.christmas-back { display: inline-block; font-size: .8rem; margin: 20px 0 0 6px; text-decoration: none; }
.christmas-article .article-detail article > p.christmas-closing { font: italic 1.65rem/1.5 Georgia,serif; color: var(--navy); border-left: 3px solid #67afbf; margin: 32px 0; padding: 6px 0 6px 24px; }
.christmas-support { margin-top: 40px; padding: 28px; background: #edf5f7; border-radius: 8px; scroll-margin-top: 100px; }
.christmas-article .christmas-support h2 { font-size: 1.7rem; margin: 0 0 18px; line-height: 1.25; }
.christmas-article .christmas-support p { font-size: 1rem; line-height: 1.8; }
.christmas-support .christmas-donate { max-width: 320px; }
.christmas-donation-caption { display: block; font-size: .82rem; margin-top: 12px; }
.christmas-support p:last-child { margin: 0; font-size: .84rem; }
@media(max-width: 1220px) { .christmas-article .article-detail { margin: 0 5%; column-gap: 45px; grid-template-columns: minmax(0,1fr) 280px; } .christmas-hero-inner { gap: 45px; } }
@media(max-width: 850px) { .christmas-hero { padding-top: 110px; } .christmas-hero-inner { grid-template-columns: minmax(0,1fr); gap: 26px; } .christmas-hero-note { display: none; } .christmas-article .article-detail { grid-template-columns: minmax(0,1fr); padding-top: 30px; gap: 30px; max-width: 700px; margin: 0 auto; padding-left: 5%; padding-right: 5%; } .christmas-sidebar { position: static; grid-row: 1; } .christmas-giving-card { padding: 20px 23px; } .christmas-giving-card ul { display: flex; gap: 20px; margin: 16px 0; } .christmas-giving-card li { flex: 1; } .christmas-article .christmas-giving-card h2 br { display: none; } .christmas-back { display: none; } .christmas-giving-card .christmas-donate { max-width: 320px; } }
@media(max-width: 480px) { .christmas-hero { padding: 105px 6% 32px; } .christmas-hero h1 { font-size: 2.9rem; } .christmas-hero h1 span { font-size: 1.45rem; } .christmas-eyebrow { font-size: .6rem; letter-spacing: .1em; } .christmas-intro { font-size: .95rem; } .christmas-article .article-detail { padding-left: 6%; padding-right: 6%; padding-bottom: 45px; } .christmas-giving-card ul { display: block; } .christmas-giving-card li { padding: 8px 0; } .christmas-giving-card li span { display: inline; margin-left: 5px; font-size: .75rem; } .christmas-article .article-detail article > p { font-size: 1rem; line-height: 1.8; } .christmas-article .article-detail h2.article-section-title { font-size: 1.5rem; margin-top: 32px; } .christmas-support { padding: 23px; } }

.christmas-article .breadcrumb { background: transparent; }