.col-span-2{grid-column:span 2/span 2}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-14{height:3.5rem}.h-40{height:10rem}.h-8{height:2rem}.max-h-72{max-height:18rem}.max-h-8{max-height:2rem}.max-h-96{max-height:24rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.min-w-40{min-width:10rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-2{row-gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-\[var\(--color-accent\)\]{border-color:var(--color-accent)}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}.bg-\[var\(--color-background\)\]{background-color:var(--color-background)}.bg-transparent{background-color:transparent}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem}.pb-4,.py-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.8\]{line-height:1.8}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--color-border\)\]{color:var(--color-border)}.text-\[var\(--color-foreground\)\]{color:var(--color-foreground)}.text-\[var\(--color-muted-foreground\)\]{color:var(--color-muted-foreground)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg:#fff;--text:#202124;--surface:#f8fafc;--muted:#5f6368;--border:#dadce0;--accent:#2563eb;--font-display:system-ui,sans-serif;--font-body:system-ui,sans-serif;--color-accent:#2563eb;--color-foreground:#202124;--color-muted-foreground:#5f6368;--color-border:#dadce0;--color-background:#fff}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.chromehub-header{background:var(--color-background);border-bottom:1px solid var(--color-border)}.chromehub-nav-desktop{display:flex;align-items:center;flex:1}.chromehub-nav-mobile{display:flex;flex-direction:column}.chromehub-mobile-menu{display:none;flex-direction:column;border-bottom:1px solid var(--color-border)}.chromehub-mobile-menu.open{display:flex}.chromehub-menu-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.25rem;background:transparent;border:none;cursor:pointer;color:var(--color-foreground)}.chromehub-hero{padding:4rem 1.5rem;background:var(--color-background);text-align:center}.chromehub-section{padding:2.5rem 1.5rem;max-width:80rem;margin-left:auto;margin-right:auto}.chromehub-section-title{font-size:1.5rem;font-weight:700;color:var(--color-foreground);margin-bottom:1.5rem;line-height:1.2}.chromehub-section-subtitle{color:var(--color-muted-foreground);margin-top:.5rem;margin-bottom:2rem;font-size:1rem}.chromehub-card{border:1px solid var(--color-border);border-radius:.75rem}.chromehub-card,.chromehub-dl-card{background:var(--color-background);padding:1rem}.chromehub-dl-card{border:1px solid var(--color-border);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.chromehub-dl-meta{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.chromehub-dl-chip{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.25rem;color:var(--color-muted-foreground);font-family:ui-monospace,monospace}.chromehub-feature-card{padding:1.5rem}.chromehub-article-card,.chromehub-feature-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem}.chromehub-article-card{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.chromehub-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:.375rem;background:var(--color-accent);color:#fff;text-decoration:none;transition:background-color .15s;cursor:pointer;border:none}.chromehub-btn-primary:hover{background:#1d4ed8;text-decoration:none}.chromehub-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:.375rem;background:transparent;color:var(--color-foreground);border:1px solid var(--color-border);text-decoration:none;transition:border-color .15s,color .15s;cursor:pointer}.chromehub-btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.chromehub-footer{background:var(--color-background);border-top:1px solid var(--color-border);padding:2rem 1.5rem;text-align:center;color:var(--color-muted-foreground);font-size:.875rem}.chromehub-article-grid,.chromehub-category-grid,.chromehub-comparison-grid,.chromehub-download-grid,.chromehub-feature-grid{display:grid;gap:1rem}.chromehub-trust-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-muted-foreground)}.chromehub-trust-badge svg{width:.875rem;height:.875rem}.chromehub-dl-action{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.chromehub-faq-item{border-bottom:1px solid var(--color-border);padding-bottom:1rem;margin-bottom:1rem}.chromehub-faq-item:last-child{border-bottom:none}.chromehub-comparison-table{width:100%;border-collapse:collapse;font-size:.875rem}.chromehub-comparison-table td,.chromehub-comparison-table th{padding:.75rem 1rem;border:1px solid var(--color-border);text-align:left}.chromehub-comparison-table th{background:var(--color-background);font-weight:600;color:var(--color-foreground)}.chromehub-comparison-table td{color:var(--color-foreground)}.chromehub-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-muted-foreground);flex-wrap:wrap}.chromehub-pagination{display:flex;align-items:center;gap:.5rem;justify-content:center;margin-top:2rem}.chromehub-pagination a,.chromehub-pagination span{display:inline-flex;align-items:center;padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:.25rem;font-size:.875rem;text-decoration:none;color:var(--color-foreground)}.chromehub-pagination a:hover{border-color:var(--color-accent);color:var(--color-accent)}.chromehub-pagination .current{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.chromehub-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.chromehub-platform-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-foreground)}.chromehub-article-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.875rem;color:var(--color-muted-foreground);margin-bottom:1rem}.chromehub-recommendation-item,.chromehub-related-item{display:block;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;text-decoration:none;color:var(--color-foreground);transition:border-color .15s}.chromehub-recommendation-item:hover,.chromehub-related-item:hover{border-color:var(--color-accent);text-decoration:none}.chromehub-body-content{max-width:48rem;margin-left:auto;margin-right:auto}.hover\:border-\[var\(--color-accent\)\]:hover{border-color:var(--color-accent)}.hover\:bg-\[var\(--color-background\)\]:hover{background-color:var(--color-background)}.hover\:text-\[var\(--color-accent\)\]:hover{color:var(--color-accent)}.hover\:underline:hover{text-decoration-line:underline}@media (min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
:where(.ait-page *,.ait-page ::before,.ait-page ::after){box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}

/* Article navigation and related page cards */
.chromehub-header {
  position: sticky;
  top: 0;
  z-index: 50;
}

.chromehub-header-inner {
  width: min(100%, 80rem);
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 auto;
  padding: 0.375rem clamp(1rem, 3vw, 2rem);
}

.chromehub-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
}

.chromehub-brand img {
  display: block;
  max-width: 10rem;
}

.chromehub-nav-desktop {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  min-width: 0;
  margin-left: auto;
}

.chromehub-nav-link {
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
  border-radius: 0.5rem;
  color: var(--color-foreground);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.chromehub-nav-link:hover,
.chromehub-mobile-link:hover {
  color: var(--color-accent);
  background: var(--color-surface, #f8fafc);
}

.chromehub-nav-link.is-active {
  color: var(--color-accent);
  box-shadow: inset 0 -2px var(--color-accent);
}

.chromehub-menu-toggle {
  display: none;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: 0.625rem;
  background: var(--color-background);
  color: var(--color-foreground);
  cursor: pointer;
}

.chromehub-menu-toggle:hover {
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.chromehub-menu-icon-close {
  display: none;
}

.chromehub-menu-toggle[aria-expanded="true"] .chromehub-menu-icon-open {
  display: none;
}

.chromehub-menu-toggle[aria-expanded="true"] .chromehub-menu-icon-close {
  display: block;
}

.chromehub-mobile-menu {
  display: none;
  width: min(100%, 80rem);
  flex-direction: column;
  gap: 0.25rem;
  margin: 0 auto;
  padding: 0 1rem 1rem;
  border: 0;
}

.chromehub-mobile-menu.is-open {
  display: flex;
}

.chromehub-mobile-link {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  padding: 0.625rem 0.875rem;
  border-radius: 0.625rem;
  color: var(--color-foreground);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.chromehub-mobile-link.is-active {
  color: var(--color-accent);
  background: var(--color-surface, #f8fafc);
  box-shadow: inset 3px 0 var(--color-accent);
}

.chromehub-recommendations {
  margin-top: 2.5rem;
  padding: 2.5rem clamp(1rem, 4vw, 2rem);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface, #f8fafc);
}

.chromehub-recommendations-inner {
  width: min(100%, 80rem);
  margin: 0 auto;
}

.chromehub-recommendations-title {
  margin: 0 0 1rem;
  color: var(--color-foreground);
  font-size: 1.25rem;
  font-weight: 650;
  line-height: 1.4;
}

.chromehub-recommend-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: 1rem;
}

.chromehub-recommendation-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  background: var(--color-background);
  color: var(--color-foreground);
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.chromehub-recommendation-card:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 14px rgb(15 23 42 / 8%);
}

.chromehub-recommendation-card:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

.chromehub-recommendation-image {
  display: block;
  width: 100%;
  max-height: none;
  aspect-ratio: 16 / 9;
  flex: 0 0 auto;
  margin: 0;
  object-fit: cover;
}

.chromehub-recommendation-title {
  display: -webkit-box;
  overflow: hidden;
  padding: 1rem;
  color: var(--color-foreground);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* Editorial article layout inspired by long-form news reading pages */
.chromehub-page-article .chromehub-article-main,
.chromehub-page-article .chromehub-article-sources {
  width: min(100%, 52rem);
  max-width: 52rem;
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1rem, 3vw, 2rem);
}

.chromehub-page-article .chromehub-article-main {
  color: var(--color-foreground);
}

.chromehub-article-header {
  margin-bottom: 1.75rem;
}

.chromehub-page-article .chromehub-article-title {
  margin: 0 0 1.25rem;
  color: var(--color-foreground);
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 750;
  letter-spacing: -0.035em;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.chromehub-page-article .chromehub-article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  margin: 0;
  padding: 0 0 1rem;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  font-size: 0.875rem;
  line-height: 1.5;
}

.chromehub-article-meta time {
  color: var(--color-foreground);
  font-variant-numeric: tabular-nums;
}

.chromehub-article-body {
  color: var(--color-foreground);
  font-size: 1.0625rem;
  line-height: 1.9;
  overflow-wrap: anywhere;
}

.chromehub-article-body > section {
  margin-bottom: 2rem;
}

.chromehub-article-body h2 {
  margin: 2.25rem 0 0.75rem;
  color: var(--color-foreground);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.4;
}

.chromehub-article-body p {
  margin: 0 0 1rem;
  color: var(--color-foreground);
  font-size: inherit;
  line-height: inherit;
}

.chromehub-article-body ul {
  padding-left: 1.5rem;
  margin: 0 0 1.25rem;
}

.chromehub-article-body li {
  margin: 0.4rem 0;
  font-size: inherit;
  line-height: 1.75;
}

.chromehub-article-body figure {
  margin: 0 0 1.75rem;
}

.chromehub-article-body figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.75rem;
}

.chromehub-page-article .chromehub-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 2rem;
}

.chromehub-page-article .chromehub-tag {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: 9999px;
  color: var(--color-muted-foreground);
  font-size: 0.8125rem;
  line-height: 1.4;
  text-decoration: none;
}

.chromehub-page-article .chromehub-tag[href]:hover {
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.chromehub-page-article .chromehub-adjacent-nav a {
  min-width: 0;
}

.chromehub-page-article .chromehub-adjacent-nav strong {
  overflow-wrap: anywhere;
}

.chromehub-article-sources {
  padding-top: 0 !important;
  color: var(--color-muted-foreground);
}

.chromehub-article-sources-title {
  margin: 0 0 0.75rem;
  color: var(--color-muted-foreground);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.chromehub-article-sources-list {
  display: grid;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.chromehub-article-sources-list li {
  color: var(--color-muted-foreground);
  font-size: 0.8125rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.chromehub-page-article .chromehub-recommendations {
  margin-top: 0;
  padding: 2rem 1rem 3rem;
}

.chromehub-page-article .chromehub-recommendations-inner {
  width: min(100%, 52rem);
  max-width: 52rem;
}

.chromehub-page-article .chromehub-recommend-list {
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

.chromehub-page-article .chromehub-recommendation-card {
  min-height: 6rem;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem;
}

.chromehub-page-article .chromehub-recommendation-image {
  width: 7.5rem;
  height: 5rem;
  aspect-ratio: auto;
  border-radius: 0.5rem;
}

.chromehub-page-article .chromehub-recommendation-title {
  padding: 0.25rem 0;
  line-height: 1.55;
}

@media (max-width: 640px) {
  .chromehub-page-article .chromehub-article-main,
  .chromehub-page-article .chromehub-article-sources {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .chromehub-page-article .chromehub-article-title {
    font-size: clamp(1.75rem, 8vw, 2.25rem);
    line-height: 1.24;
  }

  .chromehub-page-article .chromehub-article-body {
    font-size: 1rem;
    line-height: 1.85;
  }

  .chromehub-page-article .chromehub-adjacent-nav {
    flex-direction: column;
  }

  .chromehub-page-article .chromehub-recommendation-image {
    width: 6rem;
    height: 4rem;
  }
}

@media (max-width: 960px) {
  .chromehub-nav-desktop {
    display: none;
  }

  .chromehub-menu-toggle {
    display: inline-flex;
  }
}

@media (min-width: 961px) {
  .chromehub-mobile-menu,
  .chromehub-mobile-menu.is-open {
    display: none;
  }
}

.chromehub-page-article .chromehub-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

@media (min-width: 1024px) {
  .chromehub-page-article .chromehub-article-layout {
    max-width: 80rem;
    margin: 0 auto;
    grid-template-columns: minmax(0, 1fr) 20rem;
    gap: 1.5rem;
  }

  .chromehub-page-article .chromehub-article-main,
  .chromehub-page-article .chromehub-article-sources {
    width: 100%;
    max-width: 52rem;
    margin: 0 auto;
  }

  .chromehub-page-article .chromehub-article-sidebar {
    position: sticky;
    top: 1.5rem;
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
    padding: clamp(2rem, 5vw, 3.5rem) clamp(1rem, 3vw, 2rem) 3rem 0;
  }

  .chromehub-page-article .chromehub-article-sidebar .chromehub-recommendations {
    margin-top: 0;
    padding: 0 0 2rem;
    border-top: 0;
    background: transparent;
  }

  .chromehub-page-article .chromehub-article-sidebar .chromehub-recommendations-inner,
  .chromehub-page-article .chromehub-article-sidebar .chromehub-recommend-list {
    width: 100%;
    max-width: none;
  }

  .chromehub-page-article .chromehub-article-sidebar .chromehub-recommend-list {
    grid-template-columns: 1fr;
  }

  .chromehub-page-article .chromehub-article-sidebar .chromehub-recommendation-card {
    min-height: 4.5rem;
    gap: 0.75rem;
    padding: 0.625rem;
  }

  .chromehub-page-article .chromehub-article-sidebar .chromehub-recommendation-image {
    width: 5.5rem;
    height: 3.75rem;
  }
}
