@media (min-width: 1600px) {
:root { --maxw: 1280px; }
}
@media (max-width: 1024px) {
.hero-grid, .hero-split { grid-template-columns: 1fr; gap: var(--sp-7); }
.footer-top { grid-template-columns: 1.4fr repeat(2, 1fr); }
.grid-4 { grid-template-columns: repeat(2, 1fr); }
.debt-row { grid-template-columns: 1fr 1fr; }
.debt-row .debt-remove { grid-column: 1 / -1; width: 100%; }
}
@media (max-width: 980px) {
[style*="260px 1fr"] { grid-template-columns: 1fr !important; gap: 2rem !important; }
.toc[style*="sticky"] { position: static !important; top: auto !important; }
}
@media (max-width: 920px) {
.nav-toggle { display: flex; }
.nav-menu {
position: fixed;
inset: var(--header-h) 0 0 auto;
width: min(360px, 86vw);
background: #fff;
border-left: 1px solid var(--border);
box-shadow: var(--sh-lg);
padding: var(--sp-5);
overflow-y: auto;
transform: translateX(100%);
transition: transform .28s var(--ease);
display: flex;
flex-direction: column;
gap: var(--sp-4);
}
.nav-menu.open { transform: translateX(0); }
.nav-list { flex-direction: column; align-items: stretch; gap: .1rem; }
.nav-link { padding: .8rem .6rem; font-size: var(--fs-md); border-radius: var(--r-sm); justify-content: space-between; }
.nav-link[aria-current="page"]::after { display: none; }
.dropdown {
position: static; opacity: 1; visibility: visible; transform: none;
box-shadow: none; border: none; border-left: 2px solid var(--border);
border-radius: 0; margin: .15rem 0 .4rem .6rem; padding: 0 0 0 .6rem;
min-width: 0; max-height: 0; overflow: hidden; transition: max-height .25s var(--ease);
}
.nav-item.open > .dropdown { max-height: 640px; }
.nav-item > .nav-link .chev { transition: transform .2s var(--ease); }
.nav-item.open > .nav-link .chev { transform: rotate(180deg); }
.nav-cta { margin-top: var(--sp-4); flex-direction: column; align-items: stretch; }
.nav-cta .btn { width: 100%; }
.nav-backdrop { position: fixed; inset: 0; background: rgba(11,22,48,.4); opacity: 0; visibility: hidden; transition: opacity .25s var(--ease); z-index: 90; }
.nav-backdrop.open { opacity: 1; visibility: visible; }
}
@media (max-width: 768px) {
.grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
.split-cols { grid-template-columns: 1fr; }
.calc-grid { grid-template-columns: 1fr; }
.form-grid { grid-template-columns: 1fr; }
.footer-top { grid-template-columns: 1fr 1fr; gap: var(--sp-6); }
.footer-brand { grid-column: 1 / -1; }
.flow { grid-template-columns: 1fr; text-align: center; }
.flow__arrow { transform: rotate(90deg); }
.footer-legal { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 560px) {
:root { --header-h: 66px; }
.footer-top { grid-template-columns: 1fr; }
.hero-actions { flex-direction: column; align-items: stretch; }
.hero-actions .btn { width: 100%; }
.btn { padding: .9rem 1.3rem; }
.card { padding: var(--sp-5); }
.meta-box { flex-direction: column; align-items: flex-start; gap: var(--sp-3); }
.calc__head { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 360px) {
.brand__name small { display: none; }
.segmented { width: 100%; justify-content: center; }
}
@media print {
.site-header, .site-footer, .nav-toggle, .nav-backdrop, .cta-band, .hero-actions, .calc input[type="range"] { display: none !important; }
body { color: #000; background: #fff; font-size: 12pt; }
.hero, .page-hero, .section--navy, .calc-results { background: #fff !important; color: #000 !important; }
.hero h1, .page-hero h1, .section--navy h2, .calc-results .result-main b, .result-row b { color: #000 !important; -webkit-text-fill-color: #000 !important; background: none !important; }
.eyebrow { background: none !important; border: none !important; color: #000 !important; padding: 0 !important; }
.eyebrow::before, .hero::before, .hero::after, .page-hero::before, .page-hero::after, .site-footer::before { display: none !important; }
a { color: #000; text-decoration: underline; }
.container { max-width: 100%; }
.card, .panel, .accordion { break-inside: avoid; box-shadow: none; }
}