/* Shared header: brand takes its intrinsic width at collapsed navigation sizes. */
.site-header__mark,.site-header__identity{flex-shrink:0}
.site-header__identity strong,.site-header__identity span{white-space:nowrap}
@media(width < 1200px){
 .site-header--dark{position:relative}
 .site-header__inner{justify-content:space-between;gap:16px}
 .site-header__brand{flex:0 1 auto;min-width:0}
 .site-header__desktop-nav,.site-header__desktop-controls,.site-header__search,.site-header__search-entry,.site-header__cta,.site-header__search-slot{display:none}
 .site-header__menu-button{display:inline-flex;flex-shrink:0}
}

/* Close the fractional CSS-pixel gap between the existing 1199 and 1200 breakpoints. */
@media (1199px < width < 1200px){.hr-canvas{aspect-ratio:auto;flex-direction:column;display:flex}.hr-copy{width:auto;margin:44px 28px 0;position:relative;top:auto;left:auto}.hr-eyebrow{letter-spacing:.2em;font-size:12px;line-height:1.7}.hr-copy h1{letter-spacing:-.035em;margin-top:20px;font-size:clamp(36px,5.9vw,64px);line-height:1.2;top:0;left:0}.hr-copy h1>span{white-space:normal;width:auto}.hr-description{white-space:normal;letter-spacing:0;color:#c4d1e1;max-width:790px;margin:24px 0 0;font-size:17px;line-height:1.8}.hr-desktop-break{display:none}.hr-actions{gap:16px;margin-top:28px}.hr-actions a{gap:14px;width:230px;height:58px;font-size:19px}.hr-hot{align-items:flex-start;gap:16px;margin-top:26px}.hr-hot>span{min-height:44px;font-size:14px}.hr-hot>div{gap:8px}.hr-hot a{min-height:44px;padding-inline:13px;font-size:13px}.hr-visual{z-index:0;width:100%;height:clamp(400px,56vw,600px);margin-top:16px;position:relative;inset:auto;overflow:hidden}.hr-earth{object-fit:contain;width:156%;max-width:none;height:auto;inset:-5% -3% auto auto}.hr-handwritten{width:150px;font-size:27px;top:7%;left:auto;right:5%}.hr-microcopy{display:none}.hr-node{gap:12px;width:190px;height:76px;padding:16px 20px}.hr-node strong{font-size:21px}.hr-node-icon,.hr-node-image{width:40px;height:40px}.hr-node-note{padding:6px 13px;font-size:13px;bottom:-12px}.hr-node-chatgpt{top:17%;left:12%}.hr-node-claude{top:37%;left:auto;right:15%}.hr-node-gemini{top:59%;left:18%}.hr-node-vps{width:165px;top:73%;left:auto;right:8%}.hr-stats{background:#0a1c31e6;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;width:auto;height:auto;margin:-8px 28px 0;padding:24px 0 12px;position:relative;top:auto;left:auto}.hr-stat{gap:16px;height:auto;min-height:84px;padding:0 24px}.hr-stat:nth-child(2n):after{display:none}.hr-stat-icon{width:46px;height:46px}.hr-stat strong{font-size:27px}.hr-stat span:not(.hr-stat-icon){font-size:15px}.hr-stat small{white-space:normal;font-size:12px}.hr-stats blockquote{border-top:1px solid #344d6870;grid-column:1/-1;height:auto;min-height:106px;padding:22px 30px 6px 74px}.hr-stats blockquote p{letter-spacing:.08em;font-size:18px;line-height:1.6}.hr-stats blockquote cite{margin-top:10px;font-size:13px}.hr-quote-open{top:18px;left:24px}.hr-quote-close{top:48px;right:28px}.hr-explore{align-self:center;margin:20px 0 12px;position:relative;top:auto;left:auto;transform:none}.hr-preview-note{text-align:center;margin:0 24px 20px;font-size:12px;position:relative;bottom:auto;left:auto}}

/* Append after the subscription pricing CSS; only the regional-price result area. */
#price-results > .result-toolbar:has(> label) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: start;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin-bottom: 12px;
  box-sizing: border-box;
}
#price-results > .result-toolbar > label {
  display: grid;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  color: var(--muted, #536579);
  font-size: 13px;
  line-height: 1.5;
}
#price-results > .result-toolbar > label > select {
  display: block;
  appearance: none;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 44px;
  padding: 0 34px 0 12px;
  box-sizing: border-box;
  border: 1px solid #cdddec;
  border-radius: 5px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23536579' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  color: var(--navy, #14314d);
  font: inherit;
  font-size: 14px;
  line-height: normal;
  text-overflow: ellipsis;
  cursor: pointer;
}
#price-results > .result-toolbar > label > select:focus-visible {
  outline: 2px solid #d3550d;
  outline-offset: 2px;
}
#price-results > .result-toolbar > label > select:disabled {
  background-color: #f6f8fb;
  color: #718096;
  cursor: default;
}
#price-results .result-count { min-width: 0; }
#price-results .result-count small { display: block; line-height: 1.5; }
@media (max-width: 640px) {
  #price-results > .result-toolbar:has(> label) {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  #price-results > .result-toolbar > label { font-size: 12px; }
  #price-results .price-table .price-group-heading {
    display: block;
    height: auto;
    min-height: 0;
    padding: 10px 6px;
  }
  #price-results .price-table .price-group-heading > th {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    text-align: left;
  }
}