/* Shared public-site design: stable type scale, navigation and components. */
:root {
  --site-blue: #0560ff;
  --site-ink: #0b1633;
  --site-muted: #536580;
  --site-line: #e5ecf5;
  --site-radius: 12px;
  font-size: 16px;
}
body { color: var(--site-ink); font-size: 18px; line-height: 1.6; }
.site-content { min-width: 0; background: #f6f9fd; }
.site-content h1 { font-size: clamp(34px, 3.6vw, 52px); line-height: 1.15; letter-spacing: -.035em; }
.site-content h2 { font-size: clamp(26px, 2.3vw, 34px); line-height: 1.25; letter-spacing: -.025em; }
.site-content h3 { font-size: 18px; line-height: 1.4; }
.site-content :where(p, li) { line-height: 1.65; }
.site-content :where(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea) { font-size: 16px; }
.site-content :where(button, a[class*="btn"], summary) { min-height: 44px; }
.site-content :where(button, input, select, textarea, a, summary):focus-visible,
.h-header :focus-visible, .h-footer :focus-visible { outline: 3px solid #438bff; outline-offset: 3px; }
.site-content .card-premium { background: #fff; border: 1px solid var(--site-line); border-radius: var(--site-radius); box-shadow: 0 4px 18px #284c7708; }
.site-content .btn-primary, .site-content .btn-glow { background: var(--site-blue); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: background .15s; }
.site-content .btn-primary:hover, .site-content .btn-glow:hover { background: #034cce; }
.site-content .promo-card { background: var(--site-ink); color: #fff; }
.site-content .prose { font-size: 18px; line-height: 1.8; overflow-wrap: anywhere; }
.site-content .prose :where(p, ul, ol, blockquote) { margin-block: 1.25em; }
.site-content .prose :where(h2, h3) { margin-top: 1.75em; margin-bottom: .65em; }
.site-content .prose :where(ul, ol) { padding-left: 1.5em; }
.site-content .prose ul { list-style: disc; }
.site-content .prose ol { list-style: decimal; }
.site-content .prose a { color: var(--site-blue); text-decoration: underline; }
.site-content .prose img { max-width: 100%; height: auto; border-radius: var(--site-radius); }
.site-skip-link { position: fixed; top: 8px; left: 16px; z-index: 100; padding: 12px 20px; background: #fff; color: var(--site-blue); border-radius: 8px; transform: translateY(-150%); }
.site-skip-link:focus { transform: translateY(0); }
.h-container, .c-container { width: min(1320px, calc(100% - 64px)); margin-inline: auto; }
.h-page, .c-page { font-size: 17px; line-height: 1.6; }
.h-header { position: relative; background: #fff; border-bottom: 1px solid var(--site-line); }
.h-header-row { min-height: 80px; height: auto; gap: 20px; }
.h-header .h-reference-logo { width: 185px; }
.h-desktop-nav { display: flex; gap: 4px; font-size: 14px; }
.h-desktop-nav a { padding: 12px 9px; border-radius: 8px; white-space: nowrap; color: var(--site-muted); }
.h-desktop-nav a:hover, .h-mobile-nav a:hover { color: var(--site-blue); background: #f0f5ff; }
.h-header a[aria-current=page] { color: var(--site-blue); background: #edf3ff; font-weight: 650; }
.h-header .h-btn { font-size: 14px; min-height: 44px; padding: 12px 16px; white-space: nowrap; }
.h-nav-search { width: 140px; }
.h-nav-search input { font-size: 14px; width: 100%; }
.h-menu { display: none; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; border: 1px solid var(--site-line); border-radius: 8px; }
.h-mobile-nav { padding-block: 12px 20px; }
.h-mobile-nav a { display: block; font-size: 16px; padding: 12px; border-radius: 8px; }
.h-footer { padding: 48px 0; font-size: 15px; background: #f0f5fb; border-top: 1px solid var(--site-line); }
.h-footer-grid { grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 32px; }
.h-footer p, .h-footer small, .h-newsletter p { font-size: 14px; line-height: 1.6; color: var(--site-muted); }
.h-footer-grid > div > strong, .h-newsletter strong { font-size: 16px; }
.h-footer-grid > div > a:not(.h-brand) { font-size: 15px; padding-block: 4px; }
.h-footer .h-reference-logo { width: 185px; }
.h-newsletter { grid-column: 1 / -1; padding: 24px; }
.h-newsletter > div { flex: 1; }
.h-newsletter input { font-size: 16px; min-height: 44px; min-width: 0; }
.h-newsletter form { max-width: 480px; }
.h-section { padding-block: 32px; }
.h-section-heading { gap: 20px; margin-bottom: 24px; }
.h-hero { padding-block: 48px 32px; }
.h-hero-grid { grid-template-columns: 1.1fr 1fr; gap: 40px; }
.h-hero-copy > p { font-size: 18px; line-height: 1.65; }
.h-hero-stats { flex-wrap: wrap; }
.h-comparison { overflow-x: auto; }
.h-comparison table { min-width: 460px; }
.h-comparison th, .h-comparison td { padding: 12px 8px; }
.h-ranking th, .h-ranking td { padding: 14px 10px; }
.h-task, .h-offer, .h-article { padding: 20px; }
.h-task-top p, .h-principle p, .h-support p { font-size: 15px; }
.h-task-grid, .h-offer-grid { gap: 20px; }
.h-trust-grid { grid-template-columns: 1fr 1.2fr 1fr; gap: 28px; }
.h-weights-body { flex-direction: column; align-items: start; gap: 20px; }
.h-weights ul { font-size: 14px; }
.h-faq-grid { grid-template-columns: .8fr 1.4fr 1fr; gap: 28px; }
.h-faq summary { padding-block: 16px; }
.h-faq details p { font-size: 16px; }
.h-article h3 { -webkit-line-clamp: unset; }
.c-card { border-radius: var(--site-radius); box-shadow: 0 4px 18px #284c7708; }
.c-provider-actions .c-btn { white-space: normal; }
.c-specs { flex-wrap: wrap; }
.d-tabs { flex-wrap: wrap; }
.d-plans { min-width: 780px; }
.d-project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.d-metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1240px) {
  .h-nav-search { display: none; }
  .h-desktop-nav a { padding-inline: 7px; }
  .h-header-row { gap: 12px; }
}
@media (max-width: 1099px) {
  .h-desktop-nav { display: none; }
  .h-menu { display: inline-flex; }
  .h-header-row > .h-btn { margin-left: auto; }
  .h-hero-grid, .h-trust-grid, .h-faq-grid { grid-template-columns: minmax(0, 1fr); }
  .h-hero-grid { gap: 28px; }
  .h-task-grid, .h-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .h-weights-body { flex-direction: row; align-items: center; }
  .h-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-provider-main { grid-template-columns: 28px 64px minmax(0, 1fr); gap: 14px; }
  .c-provider-price { grid-column: 3; grid-row: 2; }
  .c-specs { grid-column: 2 / 4; grid-row: 3; }
  .c-provider-actions { grid-column: 1 / -1; grid-row: 4; border: 0; padding: 0; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .h-container, .c-container { width: calc(100% - 32px); }
  .h-header-row { min-height: 72px; gap: 8px; }
  .h-header .h-reference-logo { width: 138px; }
  .h-header .h-btn { font-size: 13px; padding: 10px; white-space: normal; text-align: center; max-width: 138px; }
  .h-header .h-btn .h-icon { display: none; }
  .h-section { padding-block: 24px; }
  .h-hero { padding-block: 32px 24px; }
  .h-section-heading { flex-wrap: wrap; }
  .h-task-grid, .h-offer-grid, .h-article-grid, .h-chart-grid { grid-template-columns: minmax(0, 1fr); }
  .h-hero-stats > div { flex-basis: 100%; }
  .h-weights-body { flex-direction: column; align-items: start; }
  .h-footer-grid { gap: 24px; }
  .h-footer-grid > div:first-child { grid-column: 1 / -1; }
  .h-newsletter { padding: 16px; }
  .h-newsletter > .h-icon-tile { display: none; }
  .d-project-grid, .d-metric-grid { grid-template-columns: minmax(0, 1fr); }
  .site-content :where(.prose) { font-size: 17px; }
}
/* Let grid children wrap instead of imposing their text's minimum width. */
.h-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.h-principle > div, .h-calculator-grid > *, .h-sliders > label { min-width: 0; }
.h-calculator-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.h-project-tabs { flex-wrap: wrap; }
.site-content .max-w-7xl { max-width: 1384px; }
@media (max-width: 899px) {
  .h-calculator-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .h-principles { grid-template-columns: minmax(0, 1fr); }
  .h-sliders { grid-template-columns: minmax(0, 1fr); }
  .h-project-tabs button { flex: 1 1 140px; }
}
@media (max-width: 360px) {
  .h-header .h-reference-logo { width: 110px; }
  .h-header .h-btn { max-width: 110px; padding-inline: 8px; }
}
@media (max-width: 560px) {
  .d-plans { min-width: 0; }
  .d-cell-feature { overflow-wrap: anywhere; }
  .d-section-heading { flex-wrap: wrap; }
  .d-section-heading > div:last-child { flex-wrap: wrap; }
}
@media (min-width: 641px) and (max-width: 1099px) {
  .c-filter-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .c-filter-toggle { grid-column: 3; }
  .c-filters label { font-size: 14px; }
  .c-filters select, .c-filters input:not([type=checkbox]) { font-size: 16px; }
  .c-hero { align-items: start; }
}
.h-header .h-login { display: none; }
@media (min-width: 1500px) {
  .h-header .h-login { display: inline-flex; }
}

/* Keep card actions on a shared baseline as their text wraps. */
.h-hero-grid { align-items: start; }
.h-comparison { margin-top: 0; }
.h-task { display: flex; flex-direction: column; gap: 20px; }
.h-task-top > div { min-width: 0; }
.h-task-bottom { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin-top: auto; }
.h-task-bottom > span:first-child { grid-column: 1 / -1; }
.h-task-bottom .h-round-arrow { justify-self: end; }
.h-offer > div, .h-article > div { display: flex; flex-direction: column; align-items: start; min-width: 0; flex: 1; }
.h-offer .h-link { margin-top: auto; padding-top: 12px; }
.h-article small { width: 100%; margin-top: auto; padding-top: 16px; }
.h-article .h-tag, .h-offer .h-tag { align-self: start; }
.h-section-heading, .d-section-heading { align-items: start; }
.h-section-heading > .h-link, .h-section-heading > .h-btn { flex-shrink: 0; align-self: end; }
.h-section-heading > .h-tag { align-self: start; }
.h-section-heading > div, .d-section-heading > div { min-width: 0; }
.h-chart-grid > .h-card { display: flex; flex-direction: column; }
.h-price-chart > small { margin-top: auto; padding-top: 12px; }
.h-sliders { column-gap: 24px; }
.h-sliders > label { display: grid; grid-template-rows: minmax(3.3em, auto) 28px 24px auto; align-content: start; }
.h-range-output { margin-top: 0; }
.h-project-tabs { max-width: none; }
.h-project-tabs button { white-space: normal; display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px; }
.h-recommendation { display: flex; flex-direction: column; align-self: stretch; }
.h-recommendation > div { display: flex; flex: 1; flex-direction: column; }
.h-recommendation > div > .h-tag { align-self: start; }
.h-recommendation > div > .h-btn { margin-top: auto; }
.h-recommendation-details { margin-bottom: 16px; }
.h-filter input:not([type=checkbox]), .h-filter select,
.c-filters input:not([type=checkbox]), .c-filters select, .c-toolbar select { height: 44px; }
.h-filter-fields > .h-btn, .h-filter-fields > .h-checkbox { height: 44px; }
.c-filter-toggle { min-height: 44px; }
.c-project { align-content: start; align-items: start; grid-template-rows: 1fr auto; }
.c-project .c-tile { align-self: start; }
.c-project p { align-self: end; margin-top: 12px; }
.c-provider-actions .c-btn { min-height: 44px; padding: 10px 8px; }
.c-provider-actions label { min-height: 32px; }
.d-page .c-container { width: min(1320px, calc(100% - 64px)); }
.d-section-heading h2 { align-items: baseline; }
.d-section-heading h2 > .h-icon { align-self: center; flex-shrink: 0; }
.d-section-heading > div:last-child { justify-content: end; flex-wrap: wrap; }
.d-review-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.d-review-author { align-items: start; flex-wrap: wrap; }
.d-review-author > div { flex: 1; min-width: 0; }
.d-moderated { flex-shrink: 0; }
.d-similar-grid article { display: grid; grid-template-columns: 56px minmax(0, 1fr); grid-template-rows: 1fr auto; align-items: start; gap: 12px; padding: 20px; }
.d-similar-grid .c-btn { grid-column: 2; justify-self: start; margin-left: 0; min-height: 44px; padding: 10px 14px; }
.d-similar-grid article > div { min-width: 0; }
.d-project-grid article > div { min-width: 0; }
.d-project-grid h3 { min-height: 2.8em; }
@media (min-width: 1280px) {
  .c-provider-main { grid-template-columns: 24px 88px minmax(130px, 1.2fr) minmax(130px, 1fr) minmax(110px, 1fr) 132px; gap: 14px; align-items: start; }
  .c-provider-logo { align-self: center; }
  .c-provider-info, .c-provider-price, .c-specs { padding-top: 8px; }
  .c-provider-features { padding-left: 38px; }
  .is-compact .c-provider-main { grid-template-columns: 24px 70px minmax(0, 1fr) minmax(130px, 1fr) 132px; align-items: center; }
}
@media (min-width: 641px) and (max-width: 1279px) {
  .c-provider-main, .is-compact .c-provider-main { grid-template-columns: 28px 64px minmax(0, 1fr); }
  .c-rank-column { grid-column: 1; grid-row: 1 / 3; }
  .c-provider-logo { grid-column: 2; grid-row: 1 / 3; align-self: start; }
  .c-provider-info { grid-column: 3; grid-row: 1; }
  .c-provider-price { grid-column: 3; grid-row: 2; border-left: 0; padding-left: 0; }
  .c-specs { grid-column: 2 / 4; grid-row: 3; border-left: 0; padding-left: 0; }
  .c-provider-actions, .is-compact .c-provider-actions { grid-column: 2 / 4; grid-row: 4; grid-template-columns: 1fr 1fr; border-left: 0; padding-left: 0; }
  .is-compact .c-provider-actions { grid-row: 3; }
  .c-provider-actions label { grid-column: 1 / -1; }
}
@media (max-width: 1099px) {
  .h-card-heading { align-items: start; gap: 12px; }
  .d-similar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .h-section-heading > .h-link, .h-section-heading > .h-btn { align-self: start; }
  .h-task-bottom > span:first-child { grid-column: auto; }
  .h-task-bottom > .h-muted { grid-row: 2; }
  .h-task-bottom .h-round-arrow { grid-column: 2; grid-row: 1 / 3; align-self: center; }
  .h-sliders > label { grid-template-rows: auto 28px 24px auto; }
  .h-recommendation-details { flex-wrap: wrap; }
  .d-page .c-container { width: calc(100% - 32px); }
  .d-similar-grid { grid-template-columns: minmax(0, 1fr); }
  .d-project-grid h3 { min-height: 0; }
  .c-provider-actions label { grid-column: 1 / -1; }
  .c-project:last-child p { margin-top: 0; }
}
@media (min-width: 641px) {
  .h-chart-grid h3, .d-metric-grid h3 { min-height: 2.8em; }
}
.d-metric-grid > article { display: flex; flex-direction: column; }
.d-metric-grid > article > p { margin-top: auto; padding-top: 12px; }
.d-metric-body { min-height: 65px; }
.h-article-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.h-article { min-width: 0; }
.h-article h3 { overflow-wrap: anywhere; }
@media (min-width: 641px) and (max-width: 1279px) {
  .h-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .h-article-grid { grid-template-columns: minmax(0, 1fr); }
}
.h-analytics-top { grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr); }
.h-price-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.h-price-stats .h-card { min-width: 0; }
.h-price-stats .h-card > div { white-space: normal; display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px; }
@media (max-width: 899px) {
  .h-analytics-top { grid-template-columns: minmax(0, 1fr); }
  .h-price-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.c-services > a > div, .c-project > div { min-width: 0; overflow-wrap: anywhere; }
.c-rating-factors > div { flex-wrap: wrap; }
@media (max-width: 360px) {
  .c-services, .c-projects, .c-method-cards { grid-template-columns: minmax(0, 1fr); }
  .c-project:last-child { grid-column: auto; grid-template-columns: 32px minmax(0, 1fr); }
  .c-project:last-child p { grid-column: 1 / -1; margin-top: 12px; }
}
/* Category introductions must leave room for the data verification card. */
@media (min-width: 900px) {
  .c-hero { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; }
  .c-verified { width: min(100%, 480px); }
  .c-verified > div { flex: 1; min-width: 0; }
  .c-verified a { margin-left: 0; }
}
@media (min-width: 1280px) {
  .c-hero { grid-template-columns: minmax(0, 1fr) 380px; }
}

/* Long hardware and cloud platform names must fit the common filter grid. */
.c-filter-row > label, .c-extra > label { min-width: 0; }
.c-filter-row select, .c-extra select { width: 100%; min-width: 0; text-overflow: ellipsis; }

/* Give provider branding a readable size throughout the site. */
.c-provider-logo { display: flex; align-items: center; justify-content: center; min-width: 0; }
.c-provider-logo img { width: 100%; height: 96px; object-fit: contain; }
.is-compact .c-provider-logo img { height: 72px; }
.h-provider img { width: 112px; height: 72px; object-fit: contain; }
.h-comparison .h-provider { flex-direction: column; align-items: start; gap: 8px; }
.h-comparison .h-provider img { width: 88px; height: 60px; }
.provider-logo-box { width: 128px; height: 88px; padding: 8px; flex-shrink: 0; }
.provider-logo-box img { width: 100%; height: 100%; object-fit: contain; }
.d-overview { grid-template-columns: 250px minmax(0, 1fr); }
.d-logo { height: 185px; padding: 12px; }
.d-similar-grid article { grid-template-columns: minmax(0, 1fr); }
.d-similar-logo { width: 140px; max-width: 100%; }
.d-similar-logo img { height: 88px; }
.d-similar-grid .c-btn { grid-column: 1; }
.c-compare-items img { width: 72px; height: 48px; object-fit: contain; }
@media (min-width: 1280px) {
  .c-provider-main { grid-template-columns: 24px 128px minmax(130px, 1.2fr) minmax(130px, 1fr) minmax(110px, 1fr) 132px; }
  .is-compact .c-provider-main { grid-template-columns: 24px 112px minmax(0, 1fr) minmax(130px, 1fr) 132px; }
}
@media (min-width: 641px) and (max-width: 1279px) {
  .c-provider-main, .is-compact .c-provider-main { grid-template-columns: 28px 120px minmax(0, 1fr); }
  .d-overview { grid-template-columns: 190px minmax(0, 1fr); }
  .d-logo { height: 150px; }
}
@media (max-width: 640px) {
  .c-provider-main, .is-compact .c-provider-main { grid-template-columns: 22px 104px minmax(0, 1fr); }
  .c-provider-logo img { height: 80px; }
  .is-compact .c-provider-logo img { height: 64px; }
  .h-provider img { width: 96px; height: 64px; }
  .h-comparison .h-provider img { width: 76px; height: 52px; }
  .provider-logo-box { width: 104px; height: 76px; padding: 6px; }
  .d-overview { grid-template-columns: minmax(0, 1fr); }
  .d-logo { width: min(240px, 100%); height: 150px; }
  .d-description, .d-hero-actions { margin-left: 0; }
  .c-compare-items img { width: 56px; height: 40px; }
}

/* One provider per row with branding, tariff resources and price aligned. */
.c-catalog-grid { display: block; }
.c-provider-list { grid-template-columns: minmax(0, 1fr); gap: 18px; }
.c-hosting-card { display: flex; flex-direction: column; padding: 24px; overflow: hidden; border: 1px solid #dfe7f1; box-shadow: 0 4px 18px #24456806; }
.c-hosting-header { display: grid; grid-template-columns: 144px minmax(0, 1fr) 28px; gap: 20px; align-items: center; }
.c-hosting-card .c-provider-info { padding: 0; grid-column: auto; grid-row: auto; }
.c-hosting-card .c-provider-info > a { font-size: 22px; }
.c-hosting-card .c-provider-logo { grid-column: auto; grid-row: auto; align-self: center; }
.c-hosting-card .c-provider-logo img { height: 92px; }
.c-hosting-rank { align-self: start; color: #8998ad; font-size: 13px; }
.c-matching-plans { display: block; margin-top: 10px; color: #426086; font-size: 13px; }
.c-hosting-body { margin-top: 22px; border-top: 1px solid #e8eef7; padding-top: 20px; }
.c-plan-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 18px; }
.c-plan-heading h3 { font-size: 18px; margin: 0; }
.c-plan-heading small { color: #64748b; font-size: 13px; white-space: nowrap; }
.c-plan-specs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.c-plan-specs > div { min-width: 0; padding-left: 12px; border-left: 2px solid #dfe8f6; }
.c-plan-specs dt { color: #64748b; font-size: 13px; margin-bottom: 5px; }
.c-plan-specs dd { color: #192b47; font-size: 16px; font-weight: 650; margin: 0; overflow-wrap: anywhere; }
.c-plan-description { color: #52627b; font-size: 14px; }
.c-plan-more { margin-top: 18px; color: #52627b; font-size: 14px; }
.c-plan-more summary { display: flex; justify-content: space-between; cursor: pointer; color: #426086; list-style: none; }
.c-plan-more summary::-webkit-details-marker { display: none; }
.c-plan-more[open] summary span { transform: rotate(45deg); }
.c-plan-more p { margin-top: 12px; line-height: 1.6; }
.c-provider-context { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 20px 0; font-size: 13px; color: #5b6d88; }
.c-provider-context > span { display: flex; align-items: start; gap: 8px; min-width: 0; }
.c-provider-context .h-icon { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; }
.c-provider-context b { font-weight: 500; }
.c-hosting-footer { margin: auto -24px -24px; padding: 20px 24px; background: #f5f8ff; border-top: 1px solid #e6edf8; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.c-hosting-card .c-provider-price { border: 0; padding: 0; grid-column: auto; grid-row: auto; }
.c-hosting-card .c-provider-price > small { display: block; color: #66758c; font-size: 13px; }
.c-hosting-card .c-provider-price p { margin: 4px 0; }
.c-hosting-card .c-provider-price p strong { font-size: 34px; }
.c-hosting-card .c-provider-price p > span { display: block; font-size: 13px; }
.c-hosting-card .c-provider-actions, .is-compact .c-hosting-card .c-provider-actions { border: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 8px; grid-column: auto; grid-row: auto; }
.c-hosting-card .c-provider-actions .c-btn { padding: 10px 18px; font-size: 14px; }
.c-hosting-card .c-provider-actions label { grid-column: auto; margin-top: 0; }
.c-provider-details { color: var(--c-blue); font-size: 13px; }
.is-compact .c-hosting-body, .is-compact .c-provider-context { display: none; }
.is-compact .c-hosting-footer { margin-top: 18px; }
.c-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 32px; gap: 24px; }
.c-sidebar .c-locations { padding: 24px; }
.c-empty { grid-column: 1 / -1; }
@media (max-width: 1099px) {
  .c-provider-list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .c-hosting-card { padding: 18px; }
  .c-hosting-header { grid-template-columns: 104px minmax(0, 1fr); gap: 16px; position: relative; }
  .c-hosting-rank { position: absolute; top: -8px; right: -6px; font-size: 11px; }
  .c-hosting-card .c-provider-info > a { font-size: 20px; }
  .c-hosting-card .c-provider-logo img { height: 80px; }
  .c-hosting-card .c-reviews .h-stars { font-size: 16px; }
  .c-plan-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
  .c-plan-heading small { display: none; }
  .c-hosting-footer { margin: auto -18px -18px; padding: 18px; flex-wrap: wrap; gap: 16px; }
  .c-hosting-card .c-provider-actions, .is-compact .c-hosting-card .c-provider-actions { width: 100%; grid-template-columns: 1fr 1fr; align-items: center; }
  .c-hosting-card .c-provider-actions label { grid-column: 1 / -1; }
  .c-sidebar { grid-template-columns: minmax(0, 1fr); }
}

@media (min-width: 1100px) {
  .c-hosting-card { display: grid; grid-template-columns: 280px minmax(0, 1fr) 270px; gap: 20px; align-items: center; }
  .c-hosting-header { grid-column: 1; grid-row: 1; grid-template-columns: 128px minmax(0, 1fr); gap: 16px; position: relative; }
  .c-hosting-rank { position: absolute; top: -16px; left: 0; font-size: 12px; }
  .c-hosting-card .c-provider-info > a { font-size: 20px; }
  .c-hosting-body { grid-column: 2; grid-row: 1; margin: 0; border-top: 0; border-left: 1px solid #e8eef7; padding: 0 0 0 20px; min-width: 0; }
  .c-plan-heading { flex-wrap: wrap; margin-bottom: 14px; gap: 4px; }
  .c-plan-heading small { display: none; }
  .c-plan-specs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 12px; }
  .c-plan-specs > div { padding: 0; border: 0; }
  .c-plan-specs dd { font-size: 15px; }
  .c-plan-more { margin-top: 14px; }
  .c-hosting-footer { grid-column: 3; grid-row: 1; display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 16px; margin: 0; padding: 0 0 0 20px; border-top: 0; border-left: 1px solid #e8eef7; background: transparent; align-items: center; }
  .c-hosting-card .c-provider-actions .c-btn { padding: 10px; }
  .c-hosting-card .c-provider-price p strong { font-size: 30px; }
  .c-provider-context { grid-column: 1 / -1; grid-row: 2; margin: 0; padding-top: 14px; border-top: 1px solid #e8eef7; }
  .is-compact .c-hosting-card { grid-template-columns: minmax(0, 1fr) 330px; }
  .is-compact .c-hosting-header { grid-template-columns: 144px minmax(0, 1fr); }
  .is-compact .c-hosting-footer { grid-column: 2; grid-template-columns: 150px minmax(0, 1fr); margin: 0; }
}

/* Provider identity stays together, giving the logo the full block width. */
.c-hosting-header, .is-compact .c-hosting-header { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 16px; background: #f7f9fc; border-radius: 12px; position: relative; text-align: center; }
.c-provider-brand { display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; color: var(--c-ink); }
.c-provider-brand img { width: 100%; max-width: 280px; height: 112px; object-fit: contain; }
.c-provider-brand b { font-size: 21px; overflow-wrap: anywhere; }
.c-hosting-header .c-reviews { justify-content: center; margin-top: 0; }
.c-hosting-header .c-country { margin-top: 6px; }
.c-hosting-header .c-matching-plans { margin-top: 6px; }
.c-hosting-header .c-hosting-rank { top: 8px; left: 10px; right: auto; position: absolute; font-size: 12px; }
.is-compact .c-provider-brand img { height: 80px; }
@media (max-width: 640px) {
  .c-provider-brand img { height: 104px; }
}

/* Restore the catalogue guidance beside the single-column provider list. */
@media (min-width: 1280px) {
  .c-catalog-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; }
  .c-sidebar { grid-template-columns: minmax(0, 1fr); margin-top: 0; gap: 18px; }
  .c-sidebar .c-why { padding: 22px; }
  .c-why ul { grid-template-columns: minmax(0, 1fr); }
  .c-hosting-card { grid-template-columns: 240px minmax(0, 1fr) 150px; gap: 16px; }
  .c-hosting-footer { grid-template-columns: minmax(0, 1fr); gap: 14px; padding-left: 16px; }
  .c-hosting-body { padding-left: 16px; }
  .is-compact .c-hosting-card { grid-template-columns: minmax(0, 1fr) 240px; }
  .is-compact .c-hosting-footer { grid-template-columns: 100px minmax(0, 1fr); }
}

/* Ratings use the same catalogue cards and spacing as service pages. */
.r-toolbar { margin-block: 24px; }
.r-toolbar > .c-btn { margin-left: auto; font-size: 14px; padding: 10px 16px; }
.r-help { padding: 24px !important; }
.r-help h3 { margin-top: 12px; font-size: 22px; }
.r-help p { margin: 12px 0 18px; color: #53668b; font-size: 16px; line-height: 1.6; }
.r-help .c-btn { width: 100%; min-height: 44px; font-size: 14px; }
.r-sidebar-link { display: block; margin-top: 18px; font-size: 14px; color: var(--c-blue); }
@media (max-width: 640px) {
  .r-toolbar > .c-btn { margin-left: 0; width: 100%; }
}

.c-project .c-tile { width: 44px; height: 44px; border-radius: 10px; }
.c-project-icon { display: block; width: 28px; height: 28px; object-fit: contain; flex-shrink: 0; }
.c-project { grid-template-columns: 44px minmax(0, 1fr); }
@media (max-width: 560px) {
  .c-project, .c-project:last-child { grid-template-columns: 44px minmax(0, 1fr); }
}