/* header: live cotribute.com format (white sticky bar, colour logo, six links, Talk with Us) */
.deck-nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--nav-bg);border-bottom:1px solid var(--nav-line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--nav-bg)}
.deck-nav>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:var(--nav-h)}
.deck-nav .logo img{height:26px;width:auto;display:block}
.deck-nav .logo{display:inline-flex;align-items:center;min-height:44px}
.navr{display:flex;align-items:center;gap:26px}
.deck-nav>.wrap ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.deck-nav>.wrap ul a{font-size:15px;font-weight:500;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;min-height:44px}
.deck-nav>.wrap ul a:hover{color:var(--accent-ink)}
.menu-btn{display:none;width:44px;height:44px;border-radius:8px;border:1px solid var(--nav-line);background:var(--card);color:var(--ink);align-items:center;justify-content:center;cursor:pointer}
.menu-btn:focus-visible,.deck-nav a:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}
.mnav{display:none;border-top:1px solid var(--nav-line);background:var(--nav-bg)}
.mnav ul{list-style:none;margin:0;padding:8px 0;display:grid} .mnav li a{display:flex;align-items:center;min-height:48px;font-size:17px;font-weight:500;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--nav-line)}
.mnav .btn{margin:16px 0 20px;width:100%}
@media(max-width:1060px){.navr,.deck-nav>.wrap ul{gap:18px} .deck-nav>.wrap ul a{font-size:14px}}
@media(max-width:900px){.deck-nav>.wrap ul{display:none} .menu-btn{display:inline-flex} .deck-nav.open .mnav{display:block} .navr{gap:12px}}
@media(max-width:480px){.navr>.btn{display:none}}
html:not(.js) .mnav{display:none} @media(max-width:900px){html:not(.js) .deck-nav>.wrap>.navr>ul{display:flex;flex-wrap:wrap;gap:0 16px} html:not(.js) .deck-nav>.wrap{height:auto;padding-block:10px;flex-wrap:wrap} html:not(.js) .menu-btn{display:none}}
.proto{background:var(--accent-tint);color:var(--accent-ink);font-size:12px;font-weight:600;text-align:center;padding:6px 16px;letter-spacing:0}


/* .deck-footer: live cotribute.com format (dark band, logo + tagline, four link columns, bottom bar) */
.deck-footer{background:var(--band-bg);color:var(--band-muted);padding:64px 0 28px;font-size:14px}
.fgrid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:32px 28px}
.flogo img{height:24px;width:auto;display:block} .flogo p{margin-top:18px;font-size:14px;line-height:1.6;max-width:26em}
.deck-footer h2{font:700 13px/1.2 var(--body);letter-spacing:0;text-transform:uppercase;color:var(--card);margin:0 0 14px}
.deck-footer ul{list-style:none;margin:0;padding:0} .deck-footer li a{display:inline-flex;align-items:center;min-height:37px;color:var(--band-muted);text-decoration:none;line-height:1.35}
.deck-footer a:hover{color:var(--card)} .deck-footer a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.fbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;align-items:center;border-top:1px solid var(--band-line);margin-top:40px;padding-top:22px}
.fbot a{color:var(--band-muted);text-decoration:none;display:inline-flex;align-items:center;min-height:44px} .fbot .sep{margin:0 6px}
@media(max-width:900px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))} .flogo{grid-column:1/-1}}
@media(max-width:1023px){.deck-footer li a{min-height:44px}}
@media(max-width:620px){.deck-footer{padding:48px 0 96px} .fgrid{gap:28px 16px}}
@media(max-width:1023px){a.chip,.pchip{min-height:44px} .btn{min-height:48px}}