:root {--container:1200px;--gutter:24px;--text:#222;--bg:#fff;--muted:#666;--border:#e7e7e7;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
*,*::before,*::after {box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {margin:0;color:var(--text);background:var(--bg);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
img,svg,video {max-width:100%;height:auto;}
iframe {max-width:100%;}
a {color:inherit;text-underline-offset:.18em;}
button,input,textarea,select {font:inherit;}
h1,h2,h3,h4,h5,h6 {line-height:1.15;}
p {margin-block:0 1em;}
.container {width:min(calc(100% - (var(--gutter) * 2)),var(--container));margin-inline:auto;}
.site-header__inner,.site-footer__inner {display:flex;align-items:center;justify-content:space-between;gap:24px;}
.site-header {position:relative;z-index:1000;padding-block:18px;border-bottom:1px solid var(--border);background:var(--bg);}
.site-footer {margin-top:64px;padding-block:32px;border-top:1px solid var(--border);}
.menu,.footer-menu {display:flex;gap:24px;margin:0;padding:0;list-style:none;}
.site-main {min-height:60vh;}
.entry-card {padding-block:32px;border-bottom:1px solid var(--border);}
.screen-reader-text {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.screen-reader-text:focus,.skip-link:focus {top:8px;left:8px;width:auto;height:auto;margin:0;padding:10px 14px;clip:auto;background:#fff;z-index:100000;}
.breadcrumbs {font-size:.9rem;color:var(--muted);margin-block:24px;}
.menu-toggle {display:none;}
@media(max-width:768px) {
:root {--gutter:18px;}
.site-header__inner {flex-wrap:wrap;}
.menu-toggle {display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:transparent;border:1px solid var(--border);cursor:pointer;}
.menu-toggle__line {display:block;height:2px;background:currentColor;width:100%;}
.site-nav {display:none;flex-basis:100%;width:100%;}
.site-header.menu-is-open .site-nav {display:block;}
.site-nav .menu {flex-direction:column;gap:12px;}
.site-footer__inner {align-items:flex-start;flex-direction:column;}
.footer-menu {flex-wrap:wrap;gap:12px 18px;}
}