/* Article navigation mirrors the current VPS header. Article styles stay scoped.
   On the homepage only the collapse breakpoint changes for the added menu item;
   logo, desktop geometry, typography, intro and motion retain their server CSS. */
.koch-articles-page .koch-topnav{position:relative;z-index:40;background:#111;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;transition:background-color 240ms ease,box-shadow 240ms ease}
.koch-articles-page .koch-topnav,.koch-articles-page .koch-topnav *{box-sizing:border-box}
.koch-articles-page header.koch-topnav{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.koch-articles-page .koch-topnav__inner{max-width:1600px;height:80px;margin:0 auto;padding:0 40px;display:flex;align-items:center;gap:32px}
.koch-articles-page .koch-topnav__logo{display:flex;align-items:center;flex-shrink:0;gap:14px}
.koch-articles-page .koch-topnav__logo img,.koch-articles-page .koch-topnav__logo svg{display:block;height:30px;width:auto;max-width:none}
.koch-articles-page .koch-topnav__nav{flex:1;display:flex;align-items:center;justify-content:center;gap:30px}
.koch-articles-page .koch-topnav__nav a{color:rgba(255,255,255,.92);font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1.6;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:opacity 180ms ease,transform 180ms ease}
.koch-articles-page .koch-topnav__nav a:hover{opacity:.72;transform:translateY(-1px)}
.koch-articles-page .koch-topnav__nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.koch-articles-page .koch-topnav__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.koch-articles-page .koch-topnav .koch-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 22px;border:1px solid transparent;border-radius:0;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:normal;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform 180ms ease,opacity 180ms ease,background 180ms ease,color 180ms ease}
.koch-articles-page .koch-topnav .koch-btn::after{display:none}
.koch-articles-page .koch-topnav .koch-btn--light{background:#fff;color:#111}
.koch-articles-page .koch-topnav .koch-btn--ghost{background:rgba(0,0,0,.28);color:#fff;border-color:rgba(255,255,255,.38)}
.koch-articles-page .koch-topnav .koch-btn:hover{transform:translateY(-2px);text-decoration:none}
.koch-articles-page .koch-topnav .koch-btn:active{transform:translateY(0) scale(.98)}
.koch-articles-page .koch-topnav :focus-visible{outline:2px solid #fff;outline-offset:3px}
.koch-articles-page .koch-topnav__menu-actions{display:none}
.koch-articles-page .koch-topnav__burger{display:none;position:relative;width:44px;height:44px;padding:0;flex-shrink:0;border:1px solid rgba(255,255,255,.28);border-radius:0;background:rgba(0,0,0,.28);cursor:pointer}
.koch-articles-page .koch-topnav__burger span{position:absolute;left:13px;right:13px;height:2px;background:#fff;transition:transform 220ms ease,top 220ms ease}
.koch-articles-page .koch-topnav__burger span:first-child{top:17px}
.koch-articles-page .koch-topnav__burger span:last-child{top:25px}
.koch-articles-page .koch-topnav.is-open .koch-topnav__burger span:first-child{top:21px;transform:rotate(45deg)}
.koch-articles-page .koch-topnav.is-open .koch-topnav__burger span:last-child{top:21px;transform:rotate(-45deg)}
@media(max-width:1360px){
 .home .koch-topnav__inner,.koch-articles-page .koch-topnav__inner{justify-content:space-between;gap:12px}
 .home .koch-topnav__logo,.koch-articles-page .koch-topnav__logo{margin-right:auto}
 .home .koch-topnav__burger,.koch-articles-page .koch-topnav.has-menu-js .koch-topnav__burger{display:block;order:3}
 .home .koch-topnav__nav,.koch-articles-page .koch-topnav__nav{position:absolute;top:100%;left:0;right:0;height:calc(100vh - 80px);height:calc(100dvh - 80px);z-index:39;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:12px 24px 32px;overflow-y:auto;background:#111}
 .home .koch-topnav__nav,.koch-articles-page .koch-topnav.has-menu-js .koch-topnav__nav{visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity 200ms ease,transform 200ms ease,visibility 0s linear 200ms}
 .home .koch-topnav.is-open .koch-topnav__nav,.koch-articles-page .koch-topnav.has-menu-js.is-open .koch-topnav__nav{visibility:visible;opacity:1;transform:none;transition:opacity 200ms ease,transform 200ms ease}
 .home .koch-topnav.is-open,.koch-articles-page .koch-topnav.is-open{background:#111}
 .home .koch-topnav__nav > a,.koch-articles-page .koch-topnav__nav > a{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:18px;letter-spacing:.02em}
 .home .koch-topnav__nav a:hover,.koch-articles-page .koch-topnav__nav a:hover{transform:none}
 .home .koch-topnav__menu-actions,.koch-articles-page .koch-topnav__menu-actions{display:grid;gap:12px;margin-top:28px}
 .home .koch-topnav__menu-actions .koch-btn,.koch-articles-page .koch-topnav__menu-actions .koch-btn{width:100%;min-height:58px;padding:0 40px;font-size:16px;letter-spacing:0;text-transform:none}
 .home .koch-topnav__nav .koch-topnav__menu-phone,.koch-articles-page .koch-topnav__nav .koch-topnav__menu-phone{margin-top:8px;text-align:center;color:#fff;font-size:20px;font-weight:700}
 body.home.koch-menu-open,body.koch-articles-page.koch-menu-open{overflow:hidden}
 .koch-articles-page .koch-topnav:not(.has-menu-js) .koch-topnav__inner{height:auto;min-height:80px;flex-wrap:wrap}
 .koch-articles-page .koch-topnav:not(.has-menu-js) .koch-topnav__nav{position:static;height:auto;flex-basis:100%}
 .koch-articles-page .koch-topnav:not(.has-menu-js) .koch-topnav__actions{display:none}
}
@media(max-width:720px){
 .home .koch-topnav__nav,.koch-articles-page .koch-topnav__nav{height:calc(100vh - 66px);height:calc(100dvh - 66px)}
 .koch-articles-page .koch-topnav__inner{height:66px;padding:0 18px}
 .koch-articles-page .koch-topnav__logo img,.koch-articles-page .koch-topnav__logo svg{height:24px}
 .koch-articles-page .koch-topnav__actions{display:none}
}
@media(prefers-reduced-motion:reduce){.koch-articles-page .koch-topnav,.koch-articles-page .koch-topnav *{transition:none!important}}