/* Shared DisruptX header, footer, buttons — copied from the golden home page design */
:root{--ink:#07161c;--deep:#0b252e;--blue:#123747;--paper:#f5f7f4;--mist:#aab8b8;--lime:#c1ff72;--mono:"Archivo",sans-serif;--sans:"Archivo",sans-serif}
html{scroll-behavior:smooth}
body{font-family:var(--sans)!important;font-feature-settings:normal}
.dx-header{position:fixed;top:0;left:0;z-index:50;width:100%}
.max-frame{width:100%;max-width:1600px;margin:0 auto}
.micro{font:700 10px/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase}
.site-nav{padding:1.25rem max(1.5rem,6vw);border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,padding .25s ease}
.site-nav.is-scrolled{background:rgba(7,22,28,.94)!important;border-color:rgba(193,255,114,.28);backdrop-filter:blur(16px)}
.wordmark{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.wordmark-text{font-weight:800;font-size:22px;letter-spacing:-.03em;color:#f5f7f4}
.wordmark-mark{display:grid;place-items:center;width:31px;height:31px;color:var(--ink);background:var(--lime);transform:skewX(-16deg);font:700 14px var(--mono)}
.dx-nav-row{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
.desktop-nav{display:flex;align-items:center;gap:1.6rem;white-space:nowrap}
.nav-link{position:relative;color:var(--mist);font:700 16px var(--mono);letter-spacing:.04em;text-decoration:none;transition:color .2s ease}
.nav-link::after{content:"";position:absolute;right:100%;bottom:-8px;left:0;height:1px;background:var(--lime);transition:right .25s ease}
.nav-link:hover,.nav-link:focus-visible,.nav-link.active{color:var(--paper)!important}
.nav-link:hover::after,.nav-link:focus-visible::after,.nav-link.active::after{right:0}
.lime-button,.outline-button{white-space:nowrap;display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 1.1rem;font:700 10px var(--mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
.lime-button span,.outline-button span{font-size:16px}
.lime-button{color:var(--ink);border:1px solid var(--lime);background:var(--lime)}
.outline-button{color:var(--paper);border:1px solid rgba(245,247,244,.65);background:transparent}
.lime-button:hover,.outline-button:hover{transform:translate(-4px,-4px);background:var(--paper)!important;border-color:var(--paper)}
.lime-button:hover span,.outline-button:hover span{color:var(--ink)!important}
.dx-menu-toggle{display:none;border:1px solid var(--lime);padding:.5rem;color:var(--lime);background:transparent;cursor:pointer;font-size:18px;line-height:1}
.mobile-menu{display:none;margin-top:1.25rem;border-top:1px solid rgba(193,255,114,.3);padding-top:1.25rem}
.mobile-menu.is-open{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:.75rem}
.mobile-menu .nav-link{color:var(--paper);width:fit-content}
@media(max-width:1180px){.desktop-nav{display:none}.dx-menu-toggle{display:block}}
.dx-footer{background:#07161c!important;padding:2rem max(1.5rem,6vw);border-top:0!important}
.dx-footer-in{display:flex;flex-direction:column;gap:1.25rem;border-top:1px solid rgba(170,184,184,.3);padding-top:1.5rem}
.dx-footer .micro{font-size:14px;color:var(--mist);text-decoration:none}
.dx-footer-links{display:flex;flex-wrap:wrap;gap:1.25rem}
.dx-footer-links a{color:var(--lime)}
.dx-footer-links a:hover{text-decoration:underline}
@media(min-width:640px){.dx-footer-in{flex-direction:row;align-items:center;justify-content:space-between}}
body>header.fixed,header.fixed.dx-header{background:transparent!important;border-bottom:0!important;backdrop-filter:none}
body{padding-top:0}
@media(max-width:640px){.dx-header .lime-button{display:none}.site-nav{padding-left:1.25rem;padding-right:1.25rem}}
.article-wrap h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.08}