/* r258 — unified SPA page hero structure and DB-driven headings */
.spa-page-hero[data-spa-hero]{
  padding: clamp(18px, 2.2vw, 34px) 0 clamp(14px, 2vw, 28px);
}
.spa-page-hero[data-spa-hero] .container{
  max-width: min(1890px, calc(100vw - 24px));
}
.spa-page-hero[data-spa-hero] .spa-hero-body.page-hero{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:start;
  gap: clamp(14px, 1.6vw, 22px);
  width: min(100%, 1320px);
  margin-inline:auto;
  padding: clamp(18px, 2.2vw, 30px);
  border-radius: var(--ui-radius-xl, var(--surface-radius, 18px));
  border: var(--ui-border, 1px solid rgba(15,23,42,.10));
  background: var(--surface-bg, #fff);
  color: var(--text, #111827);
  box-shadow: var(--surface-shadow, 0 18px 50px rgba(15,23,42,.08));
  position:relative;
  overflow:hidden;
}
.spa-page-hero[data-spa-hero] .spa-hero-body.page-hero::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg, var(--accent, #ff6b00), rgba(255,107,0,.25));
  opacity:.9;
}
.spa-page-hero[data-spa-hero] .spa-hero-ico.page-hero__icon{
  width: clamp(48px, 5vw, 68px);
  height: clamp(48px, 5vw, 68px);
  border-radius: var(--ui-radius-lg, 18px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: clamp(24px, 2.2vw, 34px);
  background: color-mix(in srgb, var(--accent, #ff6b00) 12%, var(--surface-bg, #fff));
  color: var(--text, #111827);
  border: 1px solid color-mix(in srgb, var(--accent, #ff6b00) 22%, transparent);
  box-shadow: 0 10px 28px rgba(15,23,42,.08);
  position:relative;
  z-index:1;
}
.spa-page-hero[data-spa-hero] .spa-hero-main{
  min-width:0;
  position:relative;
  z-index:1;
}
.spa-page-hero[data-spa-hero] .spa-hero-label.page-hero__label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  color: var(--accent, #ff6b00);
  font-size:13px;
  line-height:1.2;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.spa-page-hero[data-spa-hero] .spa-hero-title.page-hero__title{
  margin:0;
  color:var(--text, #111827);
  font-size:clamp(24px, 2.6vw, 40px);
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.035em;
}
.spa-page-hero[data-spa-hero] .spa-hero-sub.page-hero__text{
  max-width:780px;
  margin:0 0 14px;
  color:var(--text2, #475569);
  font-size:clamp(15px, 1.15vw, 18px);
  line-height:1.58;
}
.spa-page-hero[data-spa-hero] .spa-hero-stats.page-hero__stats{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:10px;
  margin-top:14px;
}
.spa-page-hero[data-spa-hero] .spa-hero-stat{
  min-width:108px;
  padding:10px 12px;
  border-radius:var(--ui-radius-md, 10px);
  border:1px solid var(--surface-border, rgba(15,23,42,.10));
  background:var(--surface-soft, rgba(248,250,252,.88));
}
.spa-page-hero[data-spa-hero] .spa-hero-stat-sep{display:none!important;}
.spa-page-hero[data-spa-hero] .spa-hero-stat-num{
  color:var(--text, #111827);
  font-size:clamp(18px, 1.5vw, 24px);
  font-weight:950;
  line-height:1.1;
}
.spa-page-hero[data-spa-hero] .spa-hero-stat-lbl{
  margin-top:3px;
  color:var(--text2, #475569);
  font-size:12px;
  font-weight:800;
}
.spa-page-hero[data-spa-hero] .page-hero__actions,
.spa-page-hero[data-spa-hero] .masters-hero__actions.spa-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.spa-page-hero[data-spa-hero] .legal-rich-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 8px;
}
.spa-page-hero[data-spa-hero] .legal-rich-chips span{
  padding:7px 10px;
  border-radius:999px;
  background:color-mix(in srgb, var(--accent, #ff6b00) 10%, var(--surface-bg, #fff));
  border:1px solid color-mix(in srgb, var(--accent, #ff6b00) 18%, transparent);
  color:var(--text, #111827);
  font-size:12px;
  font-weight:850;
}
.spa-page-hero[data-spa-hero] .legal-rich-summary{
  margin-top:14px;
  max-width:620px;
  padding:14px;
  border-radius:var(--ui-radius-lg, 18px);
}
@media (min-width: 1440px){
  .spa-page-hero[data-spa-hero] .spa-hero-body.page-hero{width:min(100%, 1480px);}
}
@media (max-width: 767px){
  .spa-page-hero[data-spa-hero]{padding:12px 0 10px;}
  .spa-page-hero[data-spa-hero] .spa-hero-body.page-hero{
    grid-template-columns:1fr;
    padding:16px;
    border-radius:var(--ui-radius-lg, 18px);
  }
  .spa-page-hero[data-spa-hero] .spa-hero-body.page-hero::before{width:4px;}
  .spa-page-hero[data-spa-hero] .spa-hero-ico.page-hero__icon{width:44px;height:44px;font-size:23px;}
  .spa-page-hero[data-spa-hero] .spa-hero-title.page-hero__title{font-size:22px;line-height:1.12;}
  .spa-page-hero[data-spa-hero] .spa-hero-sub.page-hero__text{font-size:14px;line-height:1.48;}
  .spa-page-hero[data-spa-hero] .spa-hero-stats.page-hero__stats{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:8px;}
  .spa-page-hero[data-spa-hero] .spa-hero-stat{min-width:0;padding:9px 10px;}
  .spa-page-hero[data-spa-hero] .page-hero__actions .btn{width:100%;justify-content:center;}
}