/* Phase 3: progressive visual and accessibility refinement */
:root{color-scheme:light;scroll-padding-top:6rem}
html{scroll-behavior:smooth}
body{overflow-wrap:break-word}
a,button,input,textarea,select{accent-color:#b78b35}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid #d6a849;outline-offset:3px}
.nav-links a,.btn,.card-link{min-height:44px;display:inline-flex;align-items:center}
.menu-btn{min-width:44px;min-height:44px}
.cards>.card{transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.cards>.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(7,31,61,.12)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:700px){.actions{display:flex;flex-wrap:wrap;gap:.75rem}.actions .btn{max-width:100%;justify-content:center}.footer-grid{gap:1.5rem}}
.insight-meta{font-size:.86rem;color:#516273;margin:.5rem 0 1rem}
.insight-intro{max-width:72ch}