/* SleepSafeCanada site styles. All custom classes start with ssc-. */

.wp-block-heading { overflow-wrap: break-word; hyphens: auto; text-wrap: balance; } .wp-block-heading:lang(ko), .wp-block-heading:lang(th), .wp-block-heading:lang(lo), .wp-block-heading:lang(my), .wp-block-heading:lang(km), .wp-block-heading:lang(ar), .wp-block-heading:lang(ur) { word-break: keep-all; hyphens: manual; }

/* ===== SleepSafeCanada v2 styles (new pages only; all classes start with ssc-) ===== */
:root{--ssc-navy:#1b2a5c;--ssc-red:#c8102e;--ssc-gold:#f2a93b;--ssc-soft:#f4f6fb;--ssc-line:#e2e6ef;--ssc-muted:#4b5163}
.ssc-sticky{position:sticky;top:var(--wp-admin--admin-bar--height,0);z-index:50;background:#fff;border-bottom:1px solid var(--ssc-line)}
.ssc-header{padding:14px clamp(16px,4vw,32px)!important}
.ssc-header .ssc-logo img{width:190px;height:auto;display:block}
.ssc-header .ssc-logo{margin:0}
.ssc-nav a{color:var(--ssc-navy);font-weight:600;text-decoration:none;padding:6px 2px;border-bottom:2px solid transparent}
.ssc-nav a:hover,.ssc-nav a.is-active{border-bottom-color:var(--ssc-red)}
.ssc-site,.ssc-site .wp-block-post-content>.alignfull{margin-block:0}
.ssc-section{padding:40px clamp(16px,4vw,32px)!important}
.ssc-site,.ssc-header,.ssc-footer{--wp--style--global--wide-size:72rem}
.ssc-inner>p:not(.ssc-quote):not(.ssc-footer__bottom){max-width:72ch}
.ssc-inner>.wp-block-columns{gap:clamp(24px,4vw,56px)}
.ssc-soft{background:var(--ssc-soft)}
.ssc-navy{background:var(--ssc-navy);color:#fff}
.ssc-navy h1,.ssc-navy h2,.ssc-navy h3,.ssc-navy a:not(.wp-block-button__link){color:#fff}
.ssc-navy .ssc-eyebrow{color:var(--ssc-gold)}
.ssc-hero{background:linear-gradient(180deg,var(--ssc-soft),#fff)}
.ssc-hero__title{color:var(--ssc-navy);font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;max-width:24ch}
.ssc-site h2{color:var(--ssc-navy)}
.ssc-navy h2{color:#fff}
.ssc-eyebrow{color:var(--ssc-red);font-size:.8rem!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.4rem}
.ssc-lead{font-size:1.15rem;line-height:1.6;max-width:62ch}
.ssc-note{font-size:.95rem;color:var(--ssc-muted);max-width:70ch}
.ssc-quote{font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.4;font-weight:600;text-align:center;margin-inline:auto!important}
.ssc-h-small{font-size:1.25rem}
.ssc-ack p{color:var(--ssc-muted)}
.ssc-site .wp-block-button__link{background:var(--ssc-navy);color:#fff;border:2px solid var(--ssc-navy);border-radius:6px;padding:.7em 1.3em}
.ssc-site .wp-block-button__link:hover{background:var(--ssc-red);border-color:var(--ssc-red);color:#fff}
.ssc-site .is-style-outline .wp-block-button__link{background:transparent;color:var(--ssc-navy)}
.ssc-site .is-style-outline .wp-block-button__link:hover{background:var(--ssc-navy);color:#fff;border-color:var(--ssc-navy)}
.ssc-navy .wp-block-button__link{background:#fff;color:var(--ssc-navy);border-color:#fff}
.ssc-navy .is-style-outline .wp-block-button__link{background:transparent;color:#fff;border-color:#fff}
.ssc-navy .wp-block-button__link:hover{background:var(--ssc-red);border-color:var(--ssc-red);color:#fff}
.ssc-grid{display:grid!important;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin-block:32px!important}
.ssc-grid>*{margin:0!important}
.ssc-grid--3,.ssc-cal--list{grid-template-columns:repeat(3,minmax(0,1fr))}
.ssc-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ssc-news .ssc-grid{list-style:none;padding:0}
.ssc-card{position:relative;background:#fff;border:1px solid var(--ssc-line);border-radius:12px;padding:22px!important;height:100%;box-sizing:border-box}
.ssc-card>*{margin-block:0 .6rem}
.ssc-card>*:last-child{margin-bottom:0}
.ssc-card__title,.ssc-card__title a{color:var(--ssc-navy);font-size:1.2rem;text-decoration:none}
.ssc-type{border-top:4px solid var(--ssc-red)}
.ssc-month{border-top:4px solid var(--ssc-navy);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.ssc-month:hover,.ssc-month:focus-within{transform:translateY(-3px);box-shadow:0 10px 24px rgba(27,42,92,.12);border-top-color:var(--ssc-red)}
.ssc-month__name{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ssc-red)}
.ssc-month__num{display:inline-block;min-width:1.9em;color:var(--ssc-muted);font-weight:600}
.ssc-month__title{font-size:1.1rem;line-height:1.3}
.ssc-month__title a{color:var(--ssc-navy);text-decoration:none}
.ssc-month__title a::after{content:"";position:absolute;inset:0;border-radius:12px}
.ssc-month__title a:focus-visible{outline:none}
.ssc-month:focus-within{outline:3px solid var(--ssc-gold);outline-offset:2px}
.ssc-month__desc{font-size:.92rem;color:var(--ssc-muted)}
.ssc-month.is-current{background:#fff9f0;border-top-color:var(--ssc-red)}
.ssc-month.is-current::before{content:"This month";position:absolute;top:14px;right:14px;font-size:.7rem;font-weight:700;background:var(--ssc-red);color:#fff;padding:2px 9px;border-radius:99px}
.ssc-rounded img{border-radius:12px}
.ssc-form-placeholder{border:2px dashed var(--ssc-line);border-radius:12px;padding:40px;text-align:center;color:var(--ssc-muted)}
.ssc-footer{background:var(--ssc-soft);border-top:4px solid var(--ssc-navy);padding:48px clamp(16px,4vw,32px) 24px!important}
.ssc-footer .ssc-logo img{width:180px;height:auto}
.ssc-footer__title{font-weight:700;color:var(--ssc-navy);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem!important}
.ssc-footer ul{list-style:none;padding:0;margin:0}
.ssc-footer li{margin:.35rem 0}
.ssc-footer a{color:var(--ssc-navy);text-decoration:none}
.ssc-footer a:hover{color:var(--ssc-red);text-decoration:underline}
.ssc-footer__bottom{border-top:1px solid var(--ssc-line);padding-top:16px;margin-top:32px!important;font-size:.85rem;color:var(--ssc-muted)}
@media (max-width:960px){.ssc-grid,.ssc-grid--3,.ssc-cal--list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ssc-grid,.ssc-grid--3,.ssc-grid--2,.ssc-cal--list{grid-template-columns:1fr}.ssc-header .ssc-logo img{width:150px}}
/* ===== end SleepSafeCanada v2 ===== */

/* ===== SleepSafeCanada topic template ===== */
.ssc-crumbs{font-size:.85rem;color:var(--ssc-muted);margin-bottom:.5rem}
.ssc-crumbs a{color:var(--ssc-red);font-weight:600;text-decoration:none}
.ssc-crumbs a:hover{text-decoration:underline}
.ssc-topic-lead p{font-size:1.15rem;line-height:1.6;max-width:56ch}
.ssc-topic-hero__img{margin:0}
.ssc-topic-hero__img img{display:block;width:auto!important;max-width:100%;max-height:560px;margin-inline:auto;border-radius:12px;box-shadow:0 16px 40px rgba(27,42,92,.18)}
.ssc-topic-cols{gap:clamp(24px,4vw,56px)!important}
.ssc-article{font-size:1.075rem;line-height:1.75}
.ssc-article h2{font-size:1.6rem;margin-top:2.75rem;scroll-margin-top:110px}
.ssc-article h2:first-child{margin-top:0}
.ssc-article ul{padding-left:1.2em}
.ssc-article li{margin:.5rem 0}
.ssc-pull{border-left:4px solid var(--ssc-red);padding:.3rem 0 .3rem 1.25rem;font-size:1.35rem;line-height:1.45;font-weight:600;color:var(--ssc-navy);margin:2.25rem 0!important}
.ssc-aside{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 96px);align-self:flex-start;display:flex;flex-direction:column;gap:16px}
.ssc-aside>*{margin:0!important;height:auto}
.ssc-toc ul{list-style:none;padding:0;margin:0}
.ssc-toc li{margin:0;border-top:1px solid var(--ssc-line)}
.ssc-toc a{display:block;padding:.5rem 0;color:var(--ssc-navy);text-decoration:none;font-size:.95rem}
.ssc-toc a:hover{color:var(--ssc-red)}
.ssc-card--navy{background:var(--ssc-navy);border-color:var(--ssc-navy);color:#fff}
.ssc-card--navy .ssc-card__title{color:#fff}
.ssc-card--navy .wp-block-button__link{background:#fff!important;color:var(--ssc-navy)!important;border-color:#fff!important}
.ssc-filter{gap:8px!important;margin:20px 0 12px!important}
.ssc-filter .wp-block-button__link{background:#fff!important;color:var(--ssc-navy)!important;border:1px solid var(--ssc-line)!important;border-radius:99px!important;padding:.45em 1.15em!important;font-size:.9rem}
.ssc-filter .wp-block-button__link:hover{border-color:var(--ssc-navy)!important}
.ssc-filter .is-active .wp-block-button__link{background:var(--ssc-navy)!important;color:#fff!important;border-color:var(--ssc-navy)!important}
.ssc-inv-desc{display:none;max-width:72ch}
.ssc-inv-desc--all,.ssc-inv[data-filter="endorser"] .ssc-inv-desc--endorser,.ssc-inv[data-filter="partner"] .ssc-inv-desc--partner,.ssc-inv[data-filter="supporter"] .ssc-inv-desc--supporter,.ssc-inv[data-filter="sponsor"] .ssc-inv-desc--sponsor{display:block}
.ssc-inv[data-filter]:not([data-filter="all"]) .ssc-inv-desc--all{display:none}
.ssc-org{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.ssc-org>*{margin:0!important}
.ssc-org__logo{width:100%;aspect-ratio:2/1;display:flex!important;align-items:center;justify-content:center;background:#fff;border:1px solid var(--ssc-line);border-radius:8px;overflow:hidden}
.ssc-org__logo img{max-width:80%;max-height:75%;object-fit:contain}
.ssc-org__name{font-weight:700;color:var(--ssc-navy)}
.ssc-org__type{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:99px;background:#e8ecf7;color:var(--ssc-navy)}
.ssc-org--partner .ssc-org__type{background:#fde8eb;color:var(--ssc-red)}
.ssc-org--supporter .ssc-org__type{background:#fff1da;color:#8a5a00}
.ssc-org--sponsor .ssc-org__type{background:var(--ssc-navy);color:#fff}
.ssc-org--join{border:2px dashed var(--ssc-line);background:transparent;justify-content:center;min-height:180px}
.ssc-org__join a{color:var(--ssc-red);font-weight:700;text-decoration:none}
.ssc-org__join a::after{content:"";position:absolute;inset:0}
.ssc-pager-wrap{padding-block:32px!important}
.ssc-pager{display:grid!important;grid-template-columns:1fr auto 1fr;gap:16px}
.ssc-pager>p{margin:0!important}
.ssc-pager a{display:flex;flex-direction:column;justify-content:center;height:100%;box-sizing:border-box;padding:18px 22px;border:1px solid var(--ssc-line);border-radius:12px;background:#fff;color:var(--ssc-navy);font-weight:700;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.ssc-pager a:hover{border-color:var(--ssc-navy);box-shadow:0 8px 20px rgba(27,42,92,.1)}
.ssc-pager span{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ssc-red);margin-bottom:4px}
.ssc-pager__next a{text-align:right;align-items:flex-end}
.ssc-pager__all a{align-items:center}
@media (max-width:781px){.ssc-aside{position:static}.ssc-pager{grid-template-columns:1fr 1fr}.ssc-pager__all{grid-column:1/-1;order:3}}
/* ===== end SleepSafeCanada topic template ===== */

/* ===== SleepSafeCanada who’s involved ===== */
.ssc-orgs{list-style:none;padding:0}
.ssc-orgs>li{margin:0}
.ssc-orgs .ssc-org{height:100%}
.ssc-org .wp-block-post-featured-image{width:100%;aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--ssc-line);border-radius:8px;overflow:hidden;margin:0}
.ssc-org .wp-block-post-featured-image img{width:auto!important;height:auto!important;max-width:80%;max-height:75%;object-fit:contain}
.ssc-org h3.ssc-org__name{font-size:1rem;margin:0}
.ssc-org h3.ssc-org__name a{color:var(--ssc-navy);text-decoration:none}
.ssc-org h3.ssc-org__name a::after{content:"";position:absolute;inset:0;border-radius:12px}
.ssc-orgs .ssc-org{transition:transform .15s ease,box-shadow .15s ease}
.ssc-orgs .ssc-org:hover,.ssc-orgs .ssc-org:focus-within{transform:translateY(-3px);box-shadow:0 10px 24px rgba(27,42,92,.12)}
.ssc-org__type.wp-block-post-terms{background:none!important;padding:0!important}
.ssc-org__type.wp-block-post-terms a{pointer-events:none;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:99px;background:#e8ecf7;color:var(--ssc-navy);text-decoration:none}
.ssc_type-partner .ssc-org__type a{background:#fde8eb;color:var(--ssc-red)}
.ssc_type-supporter .ssc-org__type a{background:#fff1da;color:#8a5a00}
.ssc_type-sponsor .ssc-org__type a{background:var(--ssc-navy);color:#fff}
.ssc-inv[data-filter="endorser"] .ssc-orgs>li:not(.ssc_type-endorser),.ssc-inv[data-filter="partner"] .ssc-orgs>li:not(.ssc_type-partner),.ssc-inv[data-filter="supporter"] .ssc-orgs>li:not(.ssc_type-supporter),.ssc-inv[data-filter="sponsor"] .ssc-orgs>li:not(.ssc_type-sponsor){display:none}
.ssc-inv-empty{display:none;color:var(--ssc-muted)}
.ssc-inv.is-empty .ssc-inv-empty{display:block}
.ssc-inv-join{margin-top:8px!important}
.ssc-inv-join a{color:var(--ssc-red);font-weight:700;text-decoration:none}
.ssc-orgpage__logo{margin:0;background:#fff;border:1px solid var(--ssc-line);border-radius:12px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.ssc-orgpage__logo img{width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain}
.ssc-orgpage__type a{pointer-events:none;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:99px;background:var(--ssc-navy);color:#fff;text-decoration:none}
.ssc-orgpage__desc{font-size:1.075rem;line-height:1.7;max-width:62ch}
.ssc-org-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:16px}
.ssc-org-topic{display:block;padding:18px 22px;background:#fff;border:1px solid var(--ssc-line);border-top:4px solid var(--ssc-navy);border-radius:12px;color:var(--ssc-navy);font-weight:700;text-decoration:none}
.ssc-org-topic:hover{border-top-color:var(--ssc-red);box-shadow:0 10px 24px rgba(27,42,92,.12)}
.ssc-org-topic span{display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ssc-red);margin-bottom:4px}
/* ===== end SleepSafeCanada who’s involved ===== */

/* ===== SleepSafeCanada news posts ===== */
.ssc-news-hero{padding-bottom:24px!important}
.ssc-news-meta{gap:12px!important;align-items:center;margin-bottom:.5rem}
.ssc-news-meta>*{margin:0!important}
.ssc-news-meta__cat a{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:99px;background:var(--ssc-navy);color:#fff;text-decoration:none}
.ssc-news-meta__date{font-size:.9rem;color:var(--ssc-muted)}
.ssc-news-title{font-size:clamp(2rem,4.5vw,3rem);max-width:none}
.ssc-news-body{padding:16px clamp(16px,4vw,32px) 8px!important}
.ssc-news-image{margin-bottom:2rem!important}
.ssc-news-image img{border-radius:12px}
.ssc-news-article{font-size:1.1rem;line-height:1.8}
.ssc-news-article :is(h1,h2,h3,h4,h5,h6){color:var(--ssc-navy);line-height:1.3;margin-top:2.25rem}
.ssc-news-article :is(h5,h6){font-size:1.15rem;letter-spacing:.02em}
.ssc-news-article img{border-radius:12px;height:auto}
.ssc-news-pager{grid-template-columns:1fr auto 1fr}
.ssc-news-pager>*{margin:0!important;grid-row:1}
.ssc-news-pager .ssc-pager__prev{grid-column:1}
.ssc-news-pager .ssc-pager__all{grid-column:2}
.ssc-news-pager .ssc-pager__next{grid-column:3}
.ssc-news-pager .post-navigation-link__label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ssc-red);margin-bottom:4px}
.ssc-news-pager .post-navigation-link__title{display:block;font-size:1rem;letter-spacing:0;text-transform:none;color:var(--ssc-navy);margin:0}
@media (max-width:781px){.ssc-news-pager .ssc-pager__next{grid-column:2}.ssc-news-pager .ssc-pager__all{grid-column:1/-1;grid-row:2}}
/* topics: title spans the full width while there is no featured image */
.ssc-topic-hero__cols:not(:has(.ssc-topic-hero__img img))>.wp-block-column:last-child{display:none}
.ssc-topic-hero__cols:not(:has(.ssc-topic-hero__img img))>.wp-block-column:first-child{flex-basis:100%!important}
/* ===== end SleepSafeCanada news posts ===== */