/* B264 · from the re-score. Published CSS is never edited in place; this file follows system-b260 on every page. */
/* 1. phone heroes: the blue of the wave never sits behind the words */
@media (max-width:900px){
 .sx-hero .sx-wave{opacity:.28}
 .sx-hero .sx-dek{color:#24314f}
}
/* 2. the Ledger strip on phones: one line */
@media (max-width:600px){
 .px-ledger .px-lg{flex-wrap:nowrap!important;white-space:nowrap;overflow:hidden;gap:10px!important}
 .px-lg>span:nth-child(2){display:none}
 .px-ledger .px-lg>span:nth-child(3){overflow:hidden;text-overflow:ellipsis;min-width:0}
}
/* 3. phone menu: Say aloha follows the links instead of sitting at the bottom of an empty sheet */
@media (max-width:940px){.px-menu .px-panel a.px-cta{margin-top:28px}}
/* 4. the footer sits on the same grid as the page: 1180 wide, the same side padding */
footer.ft .cf-in{max-width:1180px!important;padding-left:clamp(20px,5vw,48px)!important;padding-right:clamp(20px,5vw,48px)!important}
/* 5. the phone number on one line: the name people remember, then the digits */
@media (min-width:601px){footer.ft address br:has(+ .ft-tel){display:none}footer.ft .ft-tel::before{content:" · "}}
/* 6. the dark first-principles panel sits on the page grid, not outside it */
.os-order .os-order-g{box-sizing:border-box;width:min(calc(1180px - 2 * clamp(20px,5vw,48px)),calc(100% - 2 * clamp(20px,5vw,48px)));max-width:none;margin-left:auto;margin-right:auto}