:root{--navy:#073c5a;--gold:#b6912f;--cream:#f5f2eb}
body{background:linear-gradient(135deg,#fbfaf6 0%,#f0f6f6 58%,#e3eef1 100%)}
.shell{max-width:1500px;margin:auto;padding-top:24px}
.cards-header{padding-bottom:18px;border-bottom:1px solid rgba(7,60,90,.1)}
.cards-header .brand{color:var(--navy);text-decoration:none;gap:18px}
.cards-header .brand img{width:215px;height:auto;padding-right:18px;border-right:1px solid rgba(7,60,90,.16)}
.cards-header .brand span{white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:24px}
.home-link{color:var(--navy);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(7,60,90,.35);padding:11px 15px;white-space:nowrap}
.home-link:hover,.home-link:focus{background:var(--navy);color:#fff}
.intro h1{color:var(--navy)}
.intro h1 em{color:var(--gold)}
.front{background:radial-gradient(circle at 50% 23%,#17617f,#073c5a 45%,#042639)}
.face{box-shadow:0 30px 70px rgba(7,60,90,.2)}
.deck nav button:focus-visible,.card:focus-visible,.home-link:focus-visible,.cards-header input:focus-visible{outline:3px solid rgba(182,145,47,.55);outline-offset:3px}
@media(max-width:850px){.cards-header{align-items:center}.cards-header .brand img{width:165px}.cards-header .brand span{display:none}.header-actions{gap:10px}.home-link{padding:9px 10px}.shell{padding-top:16px}}
@media(max-width:560px){.cards-header .brand img{width:145px;padding-right:0;border-right:0}.header-actions label{display:none}.home-link{font-size:9px}.intro{padding-top:42px}}