/* v37 — final mobile/indexing QA hardening */
html,body{max-width:100%;overflow-x:clip}
img,svg,video,iframe{max-width:100%}
h1,h2,h3,.brand-name,.article-dek{overflow-wrap:anywhere}
.article-content pre,.article-content code{max-width:100%;overflow-x:auto}
.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%}
.choice-card,.scenario-card,.intent-card,.hub-article-card,.topic-card,.blog-card,.related-card{min-width:0}
@media(max-width:620px){
  .container{padding-left:18px;padding-right:18px}
  .buyer-hero h1{font-size:clamp(34px,10.5vw,46px);line-height:1.06}
  .buyer-hero>p,.article-dek{font-size:17px;line-height:1.6}
  .buyer-actions .btn,.hub-hero-actions .btn,.hrm-hub-actions .btn{width:100%;justify-content:center;text-align:center}
  .article-content table{font-size:14px}
  .footer-links{row-gap:10px}
}
@media(max-width:360px){
  .container{padding-left:14px;padding-right:14px}
  .buyer-hero h1,.hub-hero h1,.article-header h1{font-size:32px;letter-spacing:-.035em}
  .choice-card,.scenario-card,.service-focus{padding:17px}
}


/* v38 — selector and semantic QA refinements */
.hrm-selector-section{padding-top:22px;padding-bottom:36px}
.selector-intro{max-width:820px;margin-bottom:24px}
.selector-intro h2{margin:.35rem 0 .65rem}
.hrm-selector{border:1px solid rgba(71,65,166,.2);border-radius:22px;padding:26px;background:rgba(71,65,166,.035);box-shadow:0 12px 34px rgba(30,28,70,.05)}
.selector-question+.selector-question{margin-top:24px;padding-top:24px;border-top:1px solid rgba(71,65,166,.12)}
.selector-question-head{display:flex;gap:12px;align-items:baseline;margin-bottom:12px}
.selector-question-head span{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--accent)}
.selector-question-head h3{margin:0;font-size:20px}
.selector-options{display:flex;flex-wrap:wrap;gap:9px}
.selector-options button{appearance:none;border:1px solid rgba(71,65,166,.24);background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:600;line-height:1.25;padding:10px 13px;border-radius:999px;cursor:pointer;min-height:44px;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.selector-options button:hover{border-color:var(--accent);transform:translateY(-1px)}
.selector-options button:focus-visible{outline:3px solid rgba(71,65,166,.28);outline-offset:2px}
.selector-options button.is-selected{background:var(--accent);border-color:var(--accent);color:#fff}
.selector-progress{margin:22px 0 0;color:var(--ink-muted);font-size:14px}
.hrm-selector-result{margin-top:20px;padding:22px;border-radius:18px;background:#fff;border:1px solid rgba(71,65,166,.18)}
.hrm-selector-result[hidden]{display:none!important}
.hrm-selector-result h3{font-size:24px;margin:.3rem 0 .65rem}
.hrm-selector-result ul{margin:14px 0 18px;padding-left:22px}
.hrm-selector-result li+li{margin-top:8px}
.selector-result-links{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.selector-reset{margin-top:18px;border:0;background:none;padding:0;color:var(--ink-muted);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.selector-noscript{margin-top:12px;color:var(--ink-muted)}
.hub-section-heading-first{margin-top:0}
@media(max-width:620px){
 .hrm-selector{padding:18px;border-radius:18px}
 .selector-question-head{align-items:flex-start}
 .selector-question-head h3{font-size:18px}
 .selector-options{display:grid;grid-template-columns:1fr 1fr}
 .selector-options-wide{grid-template-columns:1fr}
 .selector-options button{width:100%;text-align:left;border-radius:12px}
 .hrm-selector-result{padding:18px}
 .selector-result-links{display:grid;gap:10px}
}
@media(max-width:360px){.selector-options{grid-template-columns:1fr}}