/* Product-specific accents, on top of THD's existing foundations. */
.xtremeor { --amber:#f0bc65; }
.xtremeor .site-header { gap:1.5rem; flex-wrap:wrap; }
.xtremeor nav { display:flex; flex-wrap:wrap; gap:.5rem; }
.xtremeor nav a { display:inline-flex; align-items:center; min-height:44px; padding:.5rem .75rem; text-underline-offset:.3rem; }
.xtremeor .skip-link { position:absolute; top:.5rem; left:1rem; z-index:1; padding:.8rem 1rem; background:var(--accent); color:var(--bg); transform:translateY(-200%); }
.xtremeor .skip-link:focus { transform:translateY(0); }
.xtremeor-page { max-width:960px; padding-top:3rem; }
.xtremeor-intro { padding-bottom:3rem; border-bottom:1px solid var(--line); }
.xtremeor-intro .eyebrow { color:var(--amber); }
.xtremeor h1 { font-size:clamp(3rem,9vw,5.5rem); }
.xtremeor h2 { font-size:clamp(1.8rem,4vw,2.5rem); line-height:1.2; }
.xtremeor h3 { margin-top:2rem; line-height:1.4; }
.xtremeor p { max-width:72ch; }
.xtremeor .publisher { font-size:.95rem; }
.xtremeor .page-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.5rem; margin-top:1.5rem; }
.xtremeor .page-actions .text-link { white-space:normal; display:inline-flex; align-items:center; min-height:44px; }
.xtremeor .content-section { padding:2.5rem 0; border-bottom:1px solid var(--line); scroll-margin-top:1.5rem; }
.xtremeor .level-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding-left:1.5rem; gap:.8rem 2rem; line-height:1.65; }
.xtremeor .level-list li { padding-left:.3rem; }
.xtremeor .level-list li::marker { color:var(--amber); font-weight:700; }
.xtremeor .support-section { margin-top:2rem; padding:2rem; border:1px solid var(--line); border-left:3px solid var(--accent); background:var(--panel); }
.xtremeor .support-email { color:var(--accent); font-weight:700; text-underline-offset:.25rem; }
.xtremeor .support-caution { padding:.8rem 1rem; border-left:2px solid var(--amber); color:var(--ink); background:#f0bc650a; }
.xtremeor a { overflow-wrap:anywhere; }
.xtremeor footer { gap:1rem 2rem; flex-wrap:wrap; }
.xtremeor footer a { min-height:44px; display:inline-flex; align-items:center; }
@media (max-width:700px) {
  .xtremeor-page { padding-top:2rem; }
  .xtremeor .level-list { grid-template-columns:1fr; }
  .xtremeor .support-section { padding:1.25rem; }
  .xtremeor .site-header { gap:.5rem; }
}