/* Avanti OT problem pages · scoped supporting styles · 20260921 */
.ot-hub-links .hub-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ot-hub-links .hub-group{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}
.ot-hub-links .hub-group-title{font-family:'Fraunces',Georgia,serif;font-size:19px;line-height:1.2;font-weight:600;color:var(--navy);margin-bottom:2px}
.ot-hub-links .hub-link-list{list-style:none;display:grid;gap:10px;margin-top:12px}
.ot-hub-links .hub-link-list a{display:inline-block;font-size:14px;font-weight:600;color:var(--teal-deep);border-bottom:2px solid var(--gold);padding-bottom:2px}
.ot-hub-links .hub-link-list a:hover{color:var(--navy)}
body[data-ot-problem] .ot-problem-process .steps{max-width:760px}
body[data-ot-problem] .section{padding-top:36px;padding-bottom:36px}
body[data-ot-problem] .hero-sub{max-width:550px}
body[data-ot-problem] .hero>.hero-img img[src*="/jordan.webp"]{object-position:50% 25%}
body[data-ot-problem] .hero>.hero-img img[src*="/lin.webp"]{object-position:50% 40%}
body[data-ot-problem] .hero>.hero-img img[src*="/joanne.webp"]{object-position:50% 42%}
@media(max-width:840px){
  body[data-ot-problem] .hero>.hero-content{order:1!important;padding:24px 20px 28px}
  body[data-ot-problem] .hero>.hero-img{order:2!important;height:clamp(220px,43vw,360px);aspect-ratio:auto}
  body[data-ot-problem] .hero-content .gold-rule{margin:12px 0}
  .ot-hub-links .hub-groups{grid-template-columns:1fr}
}
@media(max-width:560px){
  body[data-ot-problem] .hero>.hero-content{padding:22px 16px 26px}
  body[data-ot-problem] .hero>.hero-img{height:210px}
}
@media(max-width:480px){
  body[data-ot-problem] .hero-content .hero-badge,body[data-ot-problem] .hero-content .gold-rule{display:none}
}