/* Shared field-note treatment for the eight extension pages and Compare.
   Explicitly loaded; guides and flagship product pages keep their own design. */
.page--domain-reference {
  --indigo-50: #f1faf6;
  --indigo-100: #e7f5ef;
  --indigo-200: #bdded1;
  --indigo-600: #076b4a;
}
.page--domain-reference .seo-hero {
  padding-block: clamp(2rem,4vw,3.5rem) clamp(3rem,5vw,5rem);
  background: radial-gradient(ellipse at 100% 0,#154052,transparent 68%),#0a1220;
}
.page--domain-reference .seo-hero::before { opacity: .55; }
.page--domain-reference .seo-hero::after { content: none; }
.page--domain-reference .seo-hero .page-hero__inner {
  grid-template-columns: minmax(0,1.2fr) minmax(0,.9fr);
  align-items: center;
  gap: clamp(2rem,6vw,6rem);
}
.page--domain-reference .seo-hero .breadcrumb { margin-bottom: clamp(2rem,4vw,3.5rem); }
.page--domain-reference .seo-hero .page-hero__label { gap: 12px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 20px; }
.page--domain-reference .seo-hero .page-hero__icon { width: 32px; height: 32px; border-radius: 8px; }
.page--domain-reference .seo-hero .page-hero__icon svg { width: 19px; height: 19px; }
.page--domain-reference .seo-hero h1 { font-size: clamp(2.5rem,4.5vw,4.5rem); line-height: 1.06; letter-spacing: -.05em; max-width: 18ch; }
.page--domain-reference .seo-hero .accent { background: none; -webkit-text-fill-color: #84e0bc; color: #84e0bc; }
.page--domain-reference .seo-hero .lead { font-size: 16px; line-height: 1.75; max-width: 59ch; color: #c7dbe4; margin-top: 22px; }
.page--domain-reference .seo-hero .domain-search { max-width: 600px; border-radius: 12px; padding: 7px; margin-top: 26px; }
.page--domain-reference .seo-hero .domain-search input { min-width: 0; }
.page--domain-reference .seo-hero__facts { gap: 10px 20px; font-size: 12px; margin-top: 20px; }
.page--domain-reference .seo-hero__facts li { margin: 0; }

/* Typographic plates replace the animated SVG globes and orbital diagrams. */
.page--domain-reference .sr-specimen {
  display: block; position: relative; width: 100%; max-width: 500px;
  margin: 0 0 0 auto; padding: clamp(24px,3vw,40px);
  background: linear-gradient(130deg,#e7f8ec,#edf6ff);
  color: #102a32; border: 1px solid #c1e0d9; border-radius: 14px;
  box-shadow: 0 30px 60px -30px #000b14, inset 0 1px 0 #fff;
}
.sr-specimen__head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid #adcfc9; }
.sr-specimen__head > span:first-child { color: #37605d; text-transform: uppercase; font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.sr-specimen__head > span:last-child { color: var(--brand-600); font-size: 24px; line-height: 1; }
.sr-specimen__extension { display: block; padding: 26px 0 32px; color: #0b5947; font-size: clamp(5rem,10.5vw,9.5rem); line-height: 1.05; letter-spacing: -.075em; font-weight: 750; }
.sr-specimen__address { border-top: 1px solid #adcfc9; padding-top: 22px; }
.sr-specimen__address > span { display: block; font-size: 12px; color: #496462; }
.sr-specimen__address b { display: block; margin-top: 10px; font-size: clamp(20px,2.1vw,28px); letter-spacing: -.035em; font-weight: 600; }
.sr-specimen__address b > span { color: var(--brand-700); }
.sr-specimen__foot { font-size: 11px; color: #496462; line-height: 1.7; margin-top: 24px; }
.sr-compare-pair { display: grid; grid-template-columns: minmax(0,1fr) 30px; align-items: center; padding-block: 16px; }
.sr-compare-pair strong { font-size: clamp(4.5rem,7.8vw,7rem); line-height: 1.12; letter-spacing: -.065em; color: #0b5947; }
.sr-compare-pair > span { grid-row: 1 / 3; grid-column: 2; color: #55726d; font-family: var(--font-mono); font-size: 13px; }
.sr-compare-pair strong:last-child { color: #20445d; }
.sr-specimen--compare .sr-specimen__foot { border-top: 1px solid #adcfc9; padding-top: 20px; margin-top: 8px; }
.sr-extension-index { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 22px; margin-top: 26px; }
.sr-extension-index span { font-size: clamp(2rem,4.2vw,4rem); line-height: 1.2; letter-spacing: -.055em; font-weight: 700; color: #0b5947; }
.sr-extension-index span:nth-child(even) { color: #20445d; }
.sr-specimen--directory .sr-specimen__foot { border-top: 1px solid #adcfc9; padding-top: 20px; }

/* Quiet reading surfaces, clearer tables, and a more useful contents rail. */
.page--domain-reference .seo-layout { grid-template-columns: minmax(0,1fr) 260px; gap: clamp(2rem,5vw,5rem); }
.page--domain-reference .seo-layout .prose { max-width: 72ch; min-width: 0; }
.page--domain-reference .seo-layout .prose > h2 { font-size: clamp(1.6rem,2.3vw,2.1rem); letter-spacing: -.035em; margin-top: 44px; scroll-margin-top: calc(var(--header-h) + 28px); }
.page--domain-reference .seo-toc, .page--domain-reference .seo-related { border: 0; border-left: 1px solid #cedfda; border-radius: 0; background: none; padding: 8px 0 8px 20px; }
.page--domain-reference .seo-toc li, .page--domain-reference .seo-related li { margin-top: 0; }
.page--domain-reference .seo-toc a, .page--domain-reference .seo-related a { padding-block: 8px; }
.page--domain-reference .seo-related { margin-top: 28px; }
.page--domain-reference .notice--indigo { background: #f1faf6; border: 1px solid #c9e3d8; border-left: 3px solid var(--brand-600); border-radius: 10px; box-shadow: none; }
.page--domain-reference .notice--indigo::before, .page--domain-reference .notice--indigo::after { content: none; }
.page--domain-reference .notice--indigo .notice__label { color: var(--brand-700); }
.page--domain-reference .seo-layout .table-wrap { max-width: 100%; border: 1px solid #d4e2df; border-radius: 12px; }
.page--domain-reference .seo-layout .data-table { min-width: 540px; }
.page--domain-reference .seo-layout .data-table th { background: #0c2733; color: #eefbf5; }
.page--domain-reference .seo-layout .data-table tbody tr:nth-child(even) { background: #f3f9f6; }
.page--domain-reference .seo-layout .acc-item { border-radius: 8px; }
.page--domain-reference main > .section--mesh { background: linear-gradient(110deg,#dff7ec99,#e5effb66),url('../img/hero/products-geo-blue.svg') center / cover; text-align: center; }
.page--domain-reference main > .section--mesh::before { content: none; }
.page--domain-reference main > .section--mesh .domain-search { margin-inline: auto; }
.page--domain-reference main > .section--mesh h2 { font-size: clamp(1.8rem,3vw,2.8rem); letter-spacing: -.04em; }
.page--domain-reference main > .section--mesh p { margin-top: 18px; }
.page--domain-reference main .card--linked { border-radius: 12px; box-shadow: none; border-color: #d6e5df; }
.page--domain-reference main .card--linked:hover { border-color: var(--brand-600); }
.page--domain-reference main :focus-visible { outline: 2px solid var(--brand-600); outline-offset: 4px; }
.page--domain-reference .seo-hero :focus-visible { outline-color: #9ae9cd; }

/* Prices use the site's shared snapshot, not text inside decorative art. */
.sr-specimen--priced .sr-specimen__extension { font-size: clamp(4.5rem,8vw,7rem); padding: 18px 0 24px; }
.sr-price-option { min-width: 0; }
.sr-price-rates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 0; }
.sr-price-rates dt { color: #496462; font-size: 12px; }
.sr-price-rates dd { margin: 8px 0 0; color: #102a32; font-size: clamp(1.6rem,2.6vw,2.25rem); font-weight: 750; letter-spacing: -.045em; line-height: 1.2; white-space: nowrap; }
.sr-price-rates small { display: block; font-size: 11px; font-weight: 500; color: #496462; letter-spacing: 0; margin-top: 4px; }
.sr-price-term, .sr-price-fee, .sr-price-terms, .sr-price-source { color: #496462; font-size: 11px; line-height: 1.7; }
.sr-price-term { margin-top: 18px; font-size: 12px; }
.sr-price-fee { margin-top: 6px; font-size: 12px; }
.sr-specimen--priced .sr-price-terms { border-top: 1px solid #adcfc9; padding-top: 18px; margin-top: 20px; }
.sr-price-source { margin-top: 12px; }
.sr-specimen--priced .sr-price-label { color: #0b5947; font-size: 32px; line-height: 1.1; letter-spacing: -.05em; margin: 0 0 18px; }
.sr-specimen--price-compare .sr-price-option { padding-block: 22px; }
.sr-specimen--price-compare .sr-price-option + .sr-price-option { border-top: 1px solid #adcfc9; }
.sr-specimen--price-compare .sr-price-term { margin-top: 12px; }
.sr-specimen--price-compare .sr-price-terms { margin-top: 0; }
.sr-price-directory { margin-bottom: 64px; }
.sr-price-directory > h2 { font-size: clamp(1.8rem,3vw,2.6rem); letter-spacing: -.04em; }
.sr-price-directory > p { max-width: 72ch; margin-top: 18px; }
.sr-price-directory .table-wrap { max-width: 100%; margin-top: 28px; border: 1px solid #c9e0d8; border-radius: 12px; }
.sr-price-directory .data-table { min-width: 720px; }
.sr-price-directory thead th { background: #0c2733; color: #eefbf5; }
.sr-price-directory tbody th { color: var(--ink-900); background: transparent; }
.sr-price-directory tbody th a { color: var(--brand-700); }
.sr-price-directory tbody tr:nth-child(even) { background: #f3f9f6; }
.sr-price-directory .sr-price-source, .sr-price-directory .sr-price-terms { font-size: 12px; }

@media (max-width: 1023px) {
  .page--domain-reference .seo-layout { grid-template-columns: minmax(0,1fr); }
  .page--domain-reference .seo-toc { border: 1px solid #d4e2df; border-radius: 12px; background: #f6faf8; padding: 20px; }
  .page--domain-reference .seo-related { border-left: 0; padding-left: 0; }
}
@media (max-width: 900px) {
  .page--domain-reference .seo-hero .page-hero__inner { grid-template-columns: minmax(0,1fr); gap: 36px; }
  .page--domain-reference .sr-specimen { max-width: 600px; margin: 0; }
  .page--domain-reference .seo-hero h1 { font-size: clamp(2.5rem,7vw,4rem); }
  .sr-specimen__extension { font-size: clamp(5rem,17vw,8rem); padding-block: 18px; }
  .sr-compare-pair { grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr); gap: 12px; padding-block: 24px; }
  .sr-compare-pair > span { grid-row: 1; }
  .sr-compare-pair strong { font-size: clamp(3rem,8vw,5rem); }
  .sr-compare-pair strong:last-child { grid-column: 3; text-align: right; }
  .sr-extension-index { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sr-extension-index span { font-size: clamp(2rem,6vw,3rem); }
}
@media (max-width: 560px) {
  .page--domain-reference .seo-hero .lead { font-size: 15px; }
  .page--domain-reference .seo-hero .domain-search { display: flex; flex-direction: column; gap: 6px; }
  .page--domain-reference .seo-hero .domain-search input { width: 100%; min-height: 48px; }
  .page--domain-reference .seo-hero .domain-search button { width: 100%; min-height: 46px; }
  .page--domain-reference .seo-hero__facts { display: grid; gap: 10px; }
  .page--domain-reference .sr-specimen { padding: 22px; }
  .sr-specimen__head > span:first-child { font-size: 9px; }
  .sr-specimen__address { padding-top: 16px; }
  .sr-specimen__foot { margin-top: 18px; }
  .sr-compare-pair { column-gap: 8px; grid-template-columns: minmax(0,1fr) 18px minmax(0,1fr); }
  .sr-compare-pair strong { font-size: clamp(2.35rem,10vw,3.8rem); }
  .sr-compare-pair > span { font-size: 11px; }
  .sr-extension-index { gap: 16px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sr-extension-index span { font-size: 2.5rem; }
  .page--domain-reference .seo-toc ul { grid-template-columns: minmax(0,1fr); }
}