/* website-first W3 (10 Nov 2026): one responsive navigation rule set for every public page, readable homepage cards, local fonts only. */
/* Homepage: its inline links are hidden by design, so the Menu control must be available at every width. */
header.c4-header details.mm{display:block!important}
header.c4-header .hdr-r{align-items:center!important}
.hero:has(details.mm[open]){overflow:visible}
header .mm summary{min-height:40px;min-width:44px;justify-content:center;cursor:pointer}
header .mm summary:focus-visible,.mmp a:focus-visible{outline:2px solid #c9a476;outline-offset:2px}
/* Homepage cards: one row on wide screens, two columns on tablets, stacked with descriptions on phones. */
@media(min-width:1101px){.chybrid .hero .tiles{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}
@media(max-width:1100px){
  .chybrid .hero .tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row}
  .chybrid .hero .tiles a,.chybrid .hero .tiles a+a{padding:16px 14px 14px 0!important;border-left:0!important;border-bottom:1px solid var(--line,rgba(255,255,255,.1))}
  .chybrid .hero .tiles a:nth-child(even){padding-left:16px!important;border-left:1px solid var(--line,rgba(255,255,255,.1))!important}
  .chybrid .hero .tiles a.q{grid-column:auto!important}
}
@media(max-width:600px){
  .chybrid .hero .tiles{grid-template-columns:1fr!important}
  .chybrid .hero .tiles a,.chybrid .hero .tiles a+a,.chybrid .hero .tiles a:nth-child(even){padding:14px 0!important;border-left:0!important}
  .chybrid .hero .tiles .s{display:block!important;font-size:13px;line-height:1.5}
  .chybrid .hero .tiles .t{font-size:21px}
}
/* Confirmation: the call button must be readable on the dark card. */
.fcard .cta .btn.gold{color:#141415}

/* fixall-1111: inner pages – the logo never overlaps the links. Full link row only from 1360px; below that the Menu button (homepage .c4-header unchanged). */
header:not(.c4-header)>a:first-child{flex:0 0 auto;margin-right:28px}
header:not(.c4-header) nav{flex:0 1 auto;min-width:0}
@media(max-width:1359px){header:not(.c4-header) nav{display:none!important}header:not(.c4-header) details.mm{display:block!important}}
@media(min-width:1360px){header:not(.c4-header) nav{gap:24px}}

/* fixall-1111b: quote/contact/proof dark buttons. Root cause: dark-pages.css `.dkp .btn{color:#F1EDE4}` has the same specificity as
   `.btn.dark` and loads later, so the label was cream on the cream pill. These rules load last and are more specific; every state keeps dark text. */
.btn.dark,.dkp .btn.dark,.dkp button.btn.dark{background:#F1EDE4;color:#111;-webkit-text-fill-color:#111;border:1px solid #B08657;opacity:1;visibility:visible;font-size:14px}
.btn.dark:hover,.dkp .btn.dark:hover,.btn.dark:active,.dkp .btn.dark:active,.btn.dark:focus,.dkp .btn.dark:focus{background:#c9a476;color:#111;-webkit-text-fill-color:#111}
.btn.dark:focus-visible,.dkp .btn.dark:focus-visible{outline:2px solid #c9a476;outline-offset:2px}
.btn.dark:disabled,.dkp .btn.dark:disabled,.dkp button.btn.dark:disabled{opacity:.75;color:#111;-webkit-text-fill-color:#111;cursor:wait}
/* fixall-1111b: FAQ "Read more" links to the detailed pages */
.qa .faq-more{margin-top:10px;font-size:14px;color:#a9a39a}.qa .faq-more a.u{color:#c9a476;text-decoration:underline;text-underline-offset:3px}.qa .faq-more a.u:hover,.qa .faq-more a.u:focus-visible{color:#F1EDE4}