/* Classic brand refinement / 2026-10-23.
   Retain the original style.css / service-first.css colors, dark heroes,
   typography, gradients and content hierarchy. Legacy filename kept to avoid
   duplicating the existing build pipeline. Warm design is archived in Git. */
body[data-ui="classic-brand"] .hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
body[data-ui="classic-brand"] .hero__inner>*{min-width:0}
body[data-ui="classic-brand"] .hero-badge{max-width:100%;width:fit-content}
body[data-ui="classic-brand"] .hero-badge>span,
body[data-ui="classic-brand"] .hero-card__row>span{min-width:0}
body[data-ui="classic-brand"] .hero-badge__v{overflow-wrap:anywhere}
/* A small reduction in section spacing, not a new layout. */
body[data-ui="classic-brand"] .section{padding-top:84px;padding-bottom:84px}
body[data-ui="classic-brand"] main{overflow-wrap:anywhere}
body[data-ui="classic-brand"] :is(.grid,.footer-top)>*{min-width:0}
body[data-ui="classic-brand"] .profile{table-layout:fixed}
body[data-ui="classic-brand"] .breadcrumb{flex-wrap:wrap}
/* Clip decorative cover circles to their own column, never to the whole card. */
body[data-ui="classic-brand"] .guide-card__cover{overflow:hidden}
body[data-ui="classic-brand"] .guide-card__cover::before,
body[data-ui="classic-brand"] .guide-card__cover::after{pointer-events:none}
body[data-ui="classic-brand"] .btn{min-height:44px}
body[data-ui="classic-brand"] :is(a,button,summary,input,textarea,select):focus-visible{
  outline:3px solid var(--accent-2);outline-offset:4px;
}
body[data-ui="classic-brand"] .site-footer{overflow-wrap:anywhere}
body[data-ui="classic-brand"] .site-footer .brand__text{min-width:0}
body[data-ui="classic-brand"] .site-footer .brand__tag{width:auto}
body[data-ui="classic-brand"] .site-footer .brand__tag::after{white-space:normal}
body[data-ui="classic-brand"] .footer-lic{min-width:0;flex-wrap:wrap}
/* Retain the original chat colors; only improve phone fit and touch targets. */
body[data-ui="classic-brand"] :is(.tac-panel,.tans-panel){width:380px;max-width:calc(100vw - 24px)}
body[data-ui="classic-brand"] :is(.tac-close,.tans-close){width:36px;height:36px;display:grid;place-items:center}
body[data-ui="classic-brand"] :is(.tac-foot,.tans-foot) input{min-height:44px;font-size:16px}
body[data-ui="classic-brand"] :is(.tac-foot,.tans-foot) button{min-height:44px;min-width:44px}
body[data-ui="classic-brand"] :is(.tac-quick,.tans-quick) button{min-height:40px}
body[data-ui="classic-brand"] :is(.tac-fab,.tans-fab){width:44px;height:44px}
/* A visitor must never see blank content while waiting for an observer. */
body[data-ui="classic-brand"] .reveal-pending:not(.is-visible){opacity:1;transform:none;transition:none}
@media(max-width:1360px){
  body[data-ui="classic-brand"] .header-cta{margin-left:auto}
  body[data-ui="classic-brand"] .nav{max-height:calc(100dvh - var(--header-h));overflow-y:auto}
}
@media(max-width:1000px){
  body[data-ui="classic-brand"] .hero__inner{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  body[data-ui="classic-brand"] .floating-hire-cta.p0-header-cta{display:none}
  body[data-ui="classic-brand"] .profile :is(th,td){padding:14px 12px;hyphens:auto}
  body[data-ui="classic-brand"] .profile th{width:34%}
  body[data-ui="classic-brand"] .section{padding-top:56px;padding-bottom:56px}
  body[data-ui="classic-brand"] :is(.tac-panel,.tans-panel){right:12px;bottom:64px;max-height:calc(100dvh - 88px)}
  body[data-ui="classic-brand"] .btn{white-space:normal;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  body[data-ui="classic-brand"] *,body[data-ui="classic-brand"] *::before,body[data-ui="classic-brand"] *::after{
    animation:none!important;transition:none!important;scroll-behavior:auto!important;
  }
}