/* Navigation and footer only: the established article and homepage layout stays intact. */
.portal-desktop-nav nav{gap:24px;align-items:stretch;overflow:visible}
.reader-primary-row{position:relative;z-index:42}
.reader-destinations-row{display:flex;align-items:center;gap:28px;border-top:1px solid #e9eff2;background:#f3f7f8;margin:0 -20px;padding:0 20px;position:relative;z-index:41}
.reader-destinations-row>span{font-size:12px;line-height:1.5;color:#6a8190;white-space:nowrap}
.reader-destinations-row nav{gap:28px}
.portal-desktop-nav .reader-destinations-row .reader-nav-group>summary{font-size:14px;min-height:40px;padding:8px 0}
.reader-section-links a[aria-current],.reader-topic-links a[aria-current]{font-weight:650;color:#0d5266;text-decoration:underline;text-underline-offset:5px}
.reader-collection-empty{padding:32px;margin:16px 0 36px;background:#f3f7f8;border-radius:8px}
.reader-collection-empty h2{font-size:21px;line-height:1.5;margin:0 0 10px}
.reader-collection-empty p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 12px}
.reader-collection-empty>a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.portal-desktop-nav .reader-nav-group{position:relative;min-width:0}
.portal-desktop-nav .reader-nav-group>summary{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 0;font-size:15px;line-height:1.5;cursor:pointer;list-style:none;color:var(--text)}
.reader-nav-group>summary::-webkit-details-marker{display:none}
.reader-nav-group>summary>span{font-size:14px;color:#64808e;transition:transform .15s}
.reader-nav-group[open]>summary>span{transform:rotate(180deg)}
.portal-desktop-nav .reader-nav-group.is-current>summary{box-shadow:inset 0 -2px var(--accent);font-weight:650}
.portal-desktop-nav .reader-submenu{position:absolute;z-index:40;top:100%;left:-18px;min-width:248px;width:max-content;max-width:340px;padding:10px;background:#fff;border:1px solid #dce5e9;border-radius:0 0 8px 8px;box-shadow:0 12px 28px #1029381a}
.portal-desktop-nav .reader-nav-group:last-child .reader-submenu{left:auto;right:-18px}
.portal-desktop-nav .reader-submenu a{font-size:14px;min-height:44px;padding:10px 12px;line-height:1.7;border:0;border-radius:4px;white-space:normal}
.portal-desktop-nav .reader-submenu a:hover,.portal-desktop-nav .reader-submenu a:focus-visible{background:#edf5f7;color:#11657c}
.reader-submenu-overview{font-weight:650;color:#11657c!important}
.reader-nav-group>summary:focus-visible{outline:2px solid #16869b;outline-offset:4px}
.reader-section-links,.reader-topic-links{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 28px;padding:16px 0;border-block:1px solid #dde6eb}
.reader-section-links strong{font-size:14px;color:var(--muted);font-weight:500;margin-right:5px}
.reader-section-links a,.reader-topic-links a{font-size:15px;line-height:1.7;min-height:44px;display:flex;align-items:center}
.reader-home-diy{display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center;padding:24px 28px;background:#eaf3f5;border-left:3px solid #16869b;border-radius:6px;margin-top:30px}
.reader-home-diy h2{font-size:24px;line-height:1.4;margin:0 0 6px}.reader-home-diy p{font-size:15px;margin:0;color:var(--muted);line-height:1.8}
.reader-home-diy>a{font-size:15px;font-weight:650;min-height:44px;display:flex;align-items:center}
.reader-home-diy nav{grid-column:1/-1;display:flex;gap:12px 24px;flex-wrap:wrap}
.reader-home-diy nav a{font-size:14px;min-height:44px;display:flex;align-items:center}
.reader-diy-intro>p{font-size:17px;line-height:1.9;margin-top:0}.reader-diy-section{margin:36px 0;scroll-margin-top:24px}
.reader-diy-section h2{font-size:25px}.reader-diy-article h3{font-size:21px;line-height:1.6}.reader-diy-article>.excerpt{font-size:16px;line-height:1.9;color:var(--muted)}
.reader-topic-list{margin:18px 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.reader-topic-list a{display:block;min-height:44px;padding:10px 0;font-size:16px;line-height:1.75}.reader-diy-read a{font-size:15px;display:inline-flex;align-items:center;min-height:44px}
.reader-topic-context{display:block;font-size:13px;color:var(--muted);line-height:1.7;margin:-3px 0 12px}
.design-b .site-footer.reader-footer{background:#142d3e;border:0;padding:48px 0 20px;color:#c6d4dd;margin-top:56px}
.reader-footer .reader-footer-grid{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(120px,1fr));gap:36px}
.reader-footer .reader-footer-brand>a{text-decoration:none;color:#fff}.reader-footer .reader-footer-brand strong{font-size:25px;line-height:1.5;letter-spacing:.02em}
.reader-footer .reader-footer-brand p{font-size:15px;line-height:1.9;margin:12px 0 0;color:#c6d4dd}.reader-footer .reader-footer-brand .reader-footer-description{max-width:300px;font-size:14px;color:#a8becb;margin-top:8px}
.reader-footer nav.reader-footer-column{display:flex;flex-direction:column;gap:2px;align-items:start;margin:0}
.reader-footer-column h2{font-size:15px;color:#fff;line-height:1.5;font-weight:600;margin:5px 0 14px}
.reader-footer nav.reader-footer-column a{font-size:14px;line-height:1.7;min-height:36px;display:flex;align-items:center;padding:6px 0;color:#c6d4dd;text-decoration:none;overflow-wrap:anywhere}
.reader-footer nav.reader-footer-column a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.reader-footer .reader-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #ffffff20;margin-top:36px;padding-top:20px;color:#93adbc;font-size:13px}
.reader-footer .reader-footer-bottom p{font-size:13px;line-height:1.7;margin:0;color:inherit}
@media(max-width:1050px) and (min-width:801px){.portal-desktop-nav nav{gap:18px}.reader-footer .reader-footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:28px}.reader-footer-grid>.reader-footer-column:last-child{grid-column:2}}
@media(min-width:801px) and (max-width:920px){.portal-desktop-nav nav{gap:16px}.portal-desktop-nav .reader-nav-group>summary,.portal-desktop-nav nav>a{font-size:14px}.reader-destinations-row{gap:20px}}
@media(max-width:800px){
 .reader-collection-empty{padding:22px 20px}.reader-collection-empty h2{font-size:20px}
 .portal-drawer .reader-nav-group{border-bottom:1px solid #eaf0f3}
 .portal-drawer .reader-nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;list-style:none;cursor:pointer;font-size:16px;line-height:1.5;color:var(--text);border-radius:5px}
 .portal-drawer .reader-nav-group.is-current>summary{color:#126d83;font-weight:650}
 .portal-drawer .reader-nav-group[open]>summary{background:#f0f6f7}
 .portal-drawer .reader-submenu{padding:4px 0 10px 14px}
 .portal-drawer .reader-submenu a{font-size:14px;min-height:44px;line-height:1.75;padding:10px 14px;color:#476271}
 .reader-home-diy{padding:20px;grid-template-columns:1fr;gap:8px;margin-top:28px}.reader-home-diy h2{font-size:23px}.reader-home-diy>a{justify-self:start}.reader-home-diy nav{gap:8px 20px}
 .reader-topic-list{grid-template-columns:1fr;gap:2px}.reader-topic-list a{font-size:15px}.reader-diy-intro>p{font-size:16px}.reader-diy-section h2{font-size:23px}.reader-diy-article h3{font-size:20px}
 .reader-section-links{gap:4px 18px}.reader-section-links strong{flex-basis:100%}
 .design-b .site-footer.reader-footer{margin-top:36px;padding:32px 0 24px}
 .reader-footer .reader-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
 .reader-footer .reader-footer-brand{grid-column:1/-1}.reader-footer .reader-footer-brand strong{font-size:24px}.reader-footer .reader-footer-brand .reader-footer-description{max-width:100%;font-size:14px}
 .reader-footer .reader-footer-column h2{margin-bottom:10px;font-size:15px}.reader-footer nav.reader-footer-column a{min-height:44px;font-size:14px;padding:8px 0}
 .reader-footer .reader-footer-bottom{margin-top:28px;padding-top:18px;align-items:start;flex-direction:column;gap:5px}
}