/* CAREKA_SEO_WAVE1_V1244 · related resources
   Reference lock: Careka dark editorial system, Inter, thin borders, restrained gold. */
.careka-seo-related{
  width:min(1480px,calc(100% - clamp(28px,6vw,96px)));
  margin:clamp(42px,7vw,96px) auto 0;
  padding:clamp(26px,4vw,48px);
  border:1px solid color-mix(in srgb,var(--gold,#c5a059) 18%,var(--line,rgba(255,255,255,.12)));
  border-radius:var(--radius-xl,24px);
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2,#111317) 96%,transparent),color-mix(in srgb,var(--surface,#090a0c) 98%,transparent));
}
.careka-seo-related__inner{max-width:1180px}
.careka-seo-related__eyebrow{
  margin:0 0 12px;
  color:var(--gold-2,#d9aa55);
  font:700 10px/1.2 var(--body,Inter,system-ui,sans-serif);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.careka-seo-related h2{
  max-width:760px;
  margin:0;
  color:var(--text,#f4f0e8);
  font:700 clamp(28px,3vw,46px)/1.04 var(--body,Inter,system-ui,sans-serif);
  letter-spacing:-.035em;
  text-wrap:balance;
}
.careka-seo-related__intro{
  max-width:720px;
  margin:16px 0 0;
  color:var(--text-soft,rgba(244,240,232,.68));
  font:400 clamp(14px,1.15vw,17px)/1.65 var(--body,Inter,system-ui,sans-serif);
  text-wrap:pretty;
}
.careka-seo-related__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:clamp(24px,3vw,36px);
}
.careka-seo-related__grid a{
  position:relative;
  display:grid;
  min-height:132px;
  padding:20px 48px 20px 20px;
  border:1px solid var(--line,rgba(255,255,255,.12));
  border-radius:var(--radius-md,14px);
  background:color-mix(in srgb,var(--surface-3,#17191e) 82%,transparent);
  color:var(--text,#f4f0e8);
  text-decoration:none;
}
.careka-seo-related__grid a span{
  color:var(--text-muted,rgba(244,240,232,.52));
  font:700 9px/1.2 var(--body,Inter,system-ui,sans-serif);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.careka-seo-related__grid a strong{
  align-self:end;
  font:650 clamp(15px,1.3vw,18px)/1.28 var(--body,Inter,system-ui,sans-serif);
  letter-spacing:-.02em;
}
.careka-seo-related__grid a i{
  position:absolute;
  top:20px;
  right:20px;
  color:var(--gold-2,#d9aa55);
  font-style:normal;
}
.careka-seo-related__grid a:hover{
  border-color:color-mix(in srgb,var(--gold,#c5a059) 42%,var(--line,rgba(255,255,255,.12)));
  background:color-mix(in srgb,var(--surface-3,#17191e) 92%,var(--gold,#c5a059) 8%);
}
.careka-seo-related__grid a:focus-visible{
  outline:2px solid var(--gold-2,#d9aa55);
  outline-offset:3px;
}
@media(max-width:860px){
  .careka-seo-related__grid{grid-template-columns:1fr}
  .careka-seo-related__grid a{min-height:112px}
}
@media(max-width:560px){
  .careka-seo-related{
    width:calc(100% - 24px);
    padding:24px 18px;
    border-radius:18px;
  }
}
@media(prefers-reduced-motion:reduce){
  .careka-seo-related__grid a{transition:none!important}
}