/* This stylesheet is enqueued only for widths up to 800px. */
html.portal-drawer-open { overflow: hidden; }
.design-b .site-header.portal-header { min-height:64px; padding-block:10px; }
.portal-header .portal-mobile-menu { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:8px; border:0; border-radius:6px; background:transparent; color:var(--text); font-family:inherit; font-size:15px; font-weight:600; line-height:1.5; cursor:pointer; }
.portal-mobile-menu:active { background:var(--soft); }
.portal-mobile-menu>span { font-size:19px; }
.portal-drawer:not([open]) { display:none; }
.portal-drawer { box-sizing:border-box; position:fixed; inset:0 0 0 auto; margin:0; width:85vw; max-width:360px; height:100vh; height:100dvh; max-height:100%; border:0; padding:18px 20px max(24px,env(safe-area-inset-bottom)); background:#fff; color:var(--text); overflow-y:auto; overscroll-behavior:contain; }
.portal-drawer::backdrop { background:rgb(13 31 44 / 50%); }
.portal-drawer-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:23px; }
.portal-drawer-heading h2 { font-size:20px; line-height:1.4; margin:0; }
.portal-drawer-close { display:flex; align-items:center; gap:8px; min-height:44px; padding:8px 0 8px 12px; border:0; background:transparent; color:var(--muted); font-size:14px; cursor:pointer; }
.portal-drawer-close span { font-size:26px; line-height:1; }
.portal-drawer-search { margin-bottom:20px; }
.portal-drawer-search label { display:block; font-size:14px; color:var(--muted); margin-bottom:9px; }
.portal-drawer-search>div { display:flex; gap:8px; }
.portal-drawer-search input { width:100%; min-width:0; border:1px solid #bfced5; border-radius:5px; padding:10px 11px; font-size:16px; background:#fff; }
.portal-drawer-search button { min-height:46px; padding:10px 14px; border:0; border-radius:5px; background:var(--wp--preset--color--navy); color:#fff; white-space:nowrap; font-size:14px; }
.portal-drawer nav a { display:flex; align-items:center; min-height:46px; padding:10px 14px; border-radius:5px; font-size:16px; line-height:1.6; color:var(--text); text-decoration:none; }
.portal-drawer nav a[aria-current] { background:#eaf3f5; color:#126d83; font-weight:650; box-shadow:inset 3px 0 #16869b; }
.portal-drawer nav a:hover,.portal-drawer nav a:active { background:#edf3f5; }
.portal-drawer :focus-visible,.portal-mobile-menu:focus-visible { outline:2px solid #16869b; outline-offset:2px; }
.portal-drawer-group { margin-top:24px; }
.portal-drawer-group h3 { color:var(--muted); font-size:14px; font-weight:500; line-height:1.5; padding:0 14px; margin:0 0 8px; }
.portal-home.container { margin-top:12px; margin-bottom:36px; }
.portal-home .portal-hero { border-radius:8px; }
.portal-home .portal-hero-photo { order:-1; height:clamp(120px,36vw,176px); flex:none; }
.portal-home .portal-hero-photo img { object-position:55% 48%; }
.portal-home .portal-hero-copy { padding:20px; }
.portal-home .portal-hero h1 { font-size:28px; line-height:1.3; margin-bottom:12px; }
.portal-home .portal-hero-copy>p { font-size:14px; line-height:1.7; margin-bottom:16px; }
.portal-home .portal-hero-context { display:none; }
.portal-home .portal-hero-actions { display:flex; gap:10px; flex-wrap:wrap; }
.portal-home .portal-hero-actions .portal-button { flex:1 1 118px; min-height:44px; padding:10px 9px; font-size:14px; white-space:nowrap; }
.portal-home .portal-entry-grid { margin-top:24px; gap:14px; }
.portal-home .portal-entry { border-radius:8px; grid-template-columns:116px minmax(0,1fr); align-items:center; }
.portal-home .portal-entry>img { width:100px; height:100px; min-height:0; aspect-ratio:1; margin:16px 0 16px 16px; border-radius:5px; object-fit:cover; }
.portal-home .portal-entry>div { padding:16px 16px 16px 14px; }
.portal-home .portal-entry h2 { font-size:22px; line-height:1.4; margin-bottom:7px; }
.portal-home .portal-entry p { font-size:14px; line-height:1.7; margin-bottom:2px; }
.portal-home .portal-entry>div>span { min-height:44px; align-items:center; font-size:14px; }
.portal-home .portal-entry:first-child { display:block; }
.portal-home .portal-entry:first-child>img { width:100%; height:auto; aspect-ratio:2/1; margin:0; border-radius:0; object-position:center 50%; }
.portal-home .portal-entry:first-child>div { padding:17px 20px 10px; }
.portal-home .portal-entry:first-child h2 { font-size:24px; }
.portal-home .portal-section { margin-top:36px; }
.portal-home .portal-section-heading { gap:16px; margin-bottom:20px; align-items:start; }
.portal-home .portal-section-heading h2 { font-size:25px; line-height:1.4; }
.portal-home .portal-section-heading p { font-size:14px; line-height:1.75; }
.portal-home .portal-section-heading>a { min-height:44px; display:flex; align-items:center; padding:0; font-size:14px; }
.portal-home .portal-lead-article>.portal-photo-link { aspect-ratio:16/9; }
.portal-home .portal-lead-article h3 { font-size:24px; line-height:1.5; }
.portal-home .portal-lead-article .excerpt { font-size:15px; line-height:1.85; }
.portal-home .portal-article-meta { font-size:13px; }
.portal-home .portal-secondary-list { gap:24px; }
.portal-home .portal-secondary-article { grid-template-columns:minmax(0,1fr) 88px; gap:16px; }
.portal-home .portal-secondary-article>.portal-photo-link { order:2; width:88px; height:88px; aspect-ratio:1; }
.portal-home .portal-secondary-article>div { order:1; }
.portal-home .portal-secondary-article h3 { font-size:18px; line-height:1.65; margin-bottom:8px; }
.portal-home .portal-guide-banner { margin:36px 0; border-radius:8px; }
.portal-home .portal-guide-banner>div:first-child { padding:24px; }
.portal-home .portal-guide-banner h2 { font-size:24px; line-height:1.45; margin-bottom:12px; }
.portal-home .portal-guide-banner p { font-size:14px; line-height:1.8; margin-bottom:18px; }
.portal-home .portal-guide-banner .portal-button { min-height:44px; }
.portal-home .portal-guide-photo { display:none; }
.portal-home .portal-discovery-grid { gap:36px; }
.portal-home .portal-question-list summary { min-height:56px; padding:17px 0; line-height:1.75; }
.portal-home .portal-question-list details[open] summary { color:#126d83; }
.portal-home .portal-question-list details>div { font-size:14px; line-height:1.9; padding-right:18px; }
.portal-home .portal-question-list details>div>a { min-height:44px; display:inline-flex; align-items:center; padding-top:0; }
.portal-home .portal-regions { background:transparent; padding:0; }
.portal-home .portal-region-list { display:grid; gap:12px; }
.portal-home .portal-region-list article { display:block; padding:20px; border:0; border-radius:8px; background:#fff; }
.portal-home .portal-region-list .portal-photo-link { display:none; }
.portal-home .portal-region-list h3 { font-size:22px; margin-bottom:4px; }
.portal-home .portal-region-list h3 a { min-height:44px; display:flex; align-items:center; }
.portal-home .portal-region-list p { font-size:14px; line-height:1.8; margin:0 0 7px; }
.portal-home .portal-source-strip { margin-top:36px; padding-top:28px; }
.portal-home .portal-source-strip ul { gap:22px; }
.portal-home .portal-source-strip li>a { display:flex; align-items:center; min-height:44px; font-size:16px; line-height:1.75; }
.portal-home .portal-source-strip li>span { font-size:14px; line-height:1.7; margin-top:4px; }
.portal-footer nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 22px; font-size:14px; }
.portal-footer nav a { min-height:44px; display:flex; align-items:center; }
.portal-footer p,.portal-footer-bottom>p,.portal-footer details p { font-size:14px; line-height:1.8; }
.portal-footer summary { min-height:44px; padding-block:10px; font-size:14px; }
@media(max-width:360px) {
    .portal-home .portal-hero h1 { font-size:26px; }
    .portal-home .portal-hero-copy { padding:18px; }
    .portal-home .portal-secondary-article { display:block; }
    .portal-home .portal-secondary-article>.portal-photo-link { display:none; }
    .portal-home .portal-entry { grid-template-columns:106px minmax(0,1fr); }
    .portal-home .portal-entry>img { width:90px; height:90px; }
    .portal-home .portal-entry:first-child>img { width:100%; height:auto; }
    .portal-home .portal-guide-banner>div:first-child { padding:20px; }
    .portal-home .portal-guide-banner h2 { font-size:22px; }
}
@media(min-width:600px) {
    .portal-home .portal-region-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .portal-home .portal-entry:first-child>img { aspect-ratio:3/1; }
    .portal-home .portal-entry>img { width:110px; height:110px; }
    .portal-home .portal-entry { grid-template-columns:126px minmax(0,1fr); }
    .portal-home .portal-entry:first-child>img { width:100%; height:auto; }
}
