/* Site-wide progressive enhancement: readable content is the default. */
.site-refresh .reveal,.js .site-refresh .reveal,.js .site-refresh .reveal.is-visible {
  opacity: 1; transform: none; transition: none;
}
.site-refresh .button--primary { background: #0863d6; border-color: #54b5ff; color: #fff; }
.site-refresh .button--primary:hover { background: #0757bc; }
.site-refresh :is(a,button,summary,input):focus-visible { outline: 3px solid #8bd7ff; outline-offset: 4px; }
.site-refresh .feature-strip { margin-top: 1.5rem; }
.site-refresh .mirrored-content { overflow-wrap: anywhere; }
.site-refresh .content-card { min-width: 0; }
.site-refresh .mirrored-content :is(h2,h3,h4) { scroll-margin-top: 8rem; }
.site-refresh .faq-search { position: static; background: #071423; backdrop-filter: none; }
.site-refresh .faq-search label { display: block; margin-bottom: .5rem; color: #d8e3ef; font-weight: 700; }
.site-refresh .faq-result-count { margin: .75rem 0 0; font-size: .875rem; color: #b9cada; }
.site-refresh .content-source-note { margin: 2rem 0 0; padding-top: 1rem; border-top: 1px solid var(--line); font-size: .85rem; color: #b9cada; }
.site-refresh .content-source-note a { text-decoration: underline; text-underline-offset: .2em; color: #8bd7ff; }
.site-refresh .is-keyboard-focused { outline: 3px solid #8bd7ff !important; outline-offset: 4px; }
.site-refresh .primary-nav { transition: none; }
.site-refresh .contact-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 1.5rem 0; }
.site-refresh .contact-choice { display: flex; flex-direction: column; gap: .4rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: .8rem; background: #071423; text-decoration: none; }
.site-refresh .contact-choice:hover { border-color: #71caff; }
.site-refresh .contact-choice strong { color: #fff; font-size: 1.1rem; }
.site-refresh .contact-choice span { color: #8bd7ff; font-weight: 700; }
.site-refresh .contact-choice small { color: #c5d4e2; line-height: 1.5; }
@media (max-width:64rem) {
  .site-refresh .primary-nav { background: #02080f; }
}
@media (max-width:62rem) {
  body.site-refresh { background: #03070e; }
  .site-refresh .section--bordered,.site-refresh .section--soft { background: #07111f; }
  .site-refresh .footer-cta { background: linear-gradient(135deg,#0b1f3b,#050d1a); }
  .site-refresh #op-vps-pricing,.site-refresh #op-ds-pricing,.site-refresh #op-colo-pricing {
    background: linear-gradient(180deg,#091b30,#030a12) !important;
  }
  .site-refresh .network-panel,.site-refresh .facility-visual { background: #071423; }
  .site-refresh .site-header { background: #030912; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (max-width:40rem) {
  .site-refresh main .container { width: calc(100% - 2rem); }
  .site-refresh .contact-choice-grid { grid-template-columns: 1fr; }
  .site-refresh .photo-hero__copy .button { white-space: normal; text-align: center; }
  .site-refresh .article-content { font-size: 1rem; }
  .site-refresh .content-card { padding: 1.25rem; }
}
@media print {
  .site-refresh .reveal { opacity: 1 !important; transform: none !important; }
  .site-refresh .site-header { position: static; }
}