.site-header nav, footer nav { display: flex; flex-wrap: wrap; gap: 16px; }
.header-link[aria-current="page"] { color: var(--red-dark); }
.blog-section { max-width: 848px; margin: 0 auto; padding: 24px 24px 72px; min-height: 260px; }
#holo-blog { scroll-margin-top: 100px; overflow-wrap: anywhere; }
#holo-blog img, #holo-blog video { max-width: 100%; height: auto; }
#holo-blog pre { overflow-x: auto; }
#holo-blog table { display: block; max-width: 100%; overflow-x: auto; }
#blog-status { padding: 24px; background: var(--soft); border-radius: 12px; }
.skip-link { position: absolute; top: -100px; left: 16px; z-index: 20; padding: 12px; background: white; color: var(--navy); }
.skip-link:focus { top: 8px; }
a:focus-visible { outline: 3px solid var(--red); outline-offset: 4px; }
@media (max-width: 480px) { .blog-section { padding: 20px 18px 48px; } }