/* Shared chrome. Screen styles must not override these components. */
:root{--cdn-sidebar-width:216px;--cdn-nav-ink:#153f7d;--cdn-nav-active:#005baf;--cdn-nav-bg:#e7f3ff}
.site-shell:has(>.cdn-sidebar){grid-template-columns:var(--cdn-sidebar-width) minmax(0,1fr)}
.cdn-sidebar{display:flex;flex-direction:column;position:sticky;top:0;align-self:start;height:100vh;height:100dvh;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:18px 14px 14px;border-right:1px solid #dfebf7;background:linear-gradient(110deg,#f6fbff,#fff);scrollbar-width:thin}
.cdn-sidebar__brand{display:block;flex:0 0 auto;margin:0 4px 22px;padding:0}
.cdn-sidebar__brand img{display:block;width:100%;height:64px;object-fit:contain}
.cdn-navigation{margin:0;padding:0;font-family:'Be Vietnam Pro',sans-serif}
.cdn-navigation--side,.cdn-navigation--drawer{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
.cdn-navigation a{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border:0;border-radius:12px;color:var(--cdn-nav-ink);font-size:14px;font-weight:500;line-height:1.4;text-decoration:none}
.cdn-navigation .icon{width:24px;height:24px;flex-shrink:0}
.cdn-navigation a:hover{background:#f0f7ff;text-decoration:none}
.cdn-navigation a[aria-current="page"]{color:var(--cdn-nav-active);background:var(--cdn-nav-bg);font-weight:700}
.cdn-navigation--side a[aria-current="page"]:before,.cdn-navigation--drawer a[aria-current="page"]:before{content:'';position:absolute;left:0;top:9px;bottom:9px;width:4px;border-radius:5px;background:#008add}
.cdn-navigation a[aria-current="page"] .icon{fill:#0093e9;stroke:#005b9f}
.cdn-navigation a:focus-visible,.cdn-sidebar__brand:focus-visible{outline:3px solid #b85b00;outline-offset:2px}
.cdn-sidebar__art{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;margin:24px -14px -14px;margin-top:auto;padding-top:28px;pointer-events:none}
.cdn-sidebar__art img{display:block;width:100%;height:280px;max-height:34vh;object-fit:cover;object-position:center 65%;opacity:.85}
.cdn-sidebar__art p{position:static;padding:0;margin:16px 22px 24px;font-size:17px;line-height:1.65;transform:rotate(-6deg);color:#075c8b}
.cdn-navigation--bottom{display:none}
@media(max-width:1023px){
 .site-shell:has(>.cdn-sidebar){display:block}
 .cdn-sidebar{display:none}
 .cdn-navigation--bottom{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:6px 5px calc(6px + env(safe-area-inset-bottom));margin:0;min-height:74px;background:#fffffffa;border-top:1px solid #dcebf7;box-shadow:0 -3px 12px #12377508}
 .cdn-navigation--bottom a{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:5px 1px;min-height:60px;font-size:10px;text-align:center;border-radius:9px}
 .cdn-navigation--bottom .icon{width:24px;height:24px}
 .cdn-navigation--bottom a[aria-current="page"]{background:#edf7ff}
 .cdn-navigation--bottom a span{white-space:nowrap}
 .site-footer,.l04-footer{padding-bottom:calc(108px + env(safe-area-inset-bottom))}
 .cdn-navigation--drawer a{min-height:48px}
}
@media(min-width:1024px) and (max-height:760px){.cdn-sidebar__art p{display:none}.cdn-sidebar__art img{height:170px;max-height:25vh}}
@media(min-width:1024px) and (max-height:640px){.cdn-sidebar{padding:12px 14px}.cdn-sidebar__brand{margin-bottom:16px}.cdn-sidebar__brand img{height:52px}.cdn-navigation--side{gap:4px}.cdn-navigation--side a{min-height:44px;padding-top:8px;padding-bottom:8px}.cdn-sidebar__art{display:none}}
@media(prefers-reduced-motion:reduce){.cdn-sidebar{scroll-behavior:auto}}
:root{--cdn-nav-bottom-height:0px}
@media(max-width:1023px){:root{--cdn-nav-bottom-height:calc(74px + env(safe-area-inset-bottom))}.cdn-navigation--bottom{min-height:var(--cdn-nav-bottom-height)}}