/* ============================================================
   BERANDA KECIL — SEO ON-PAGE + REVERSE SILO V1
   Visible contextual content only. No hidden SEO text.
   ============================================================ */

.bk-seo-context {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:18px;
  padding:18px;
}

.bk-seo-context-copy {
  min-width:0;
  max-width:820px;
}

.bk-seo-context h2 {
  margin:5px 0 7px;
  font-size:18px;
  line-height:1.25;
}

.bk-seo-context p {
  margin:0;
  color:var(--muted);
  font-size:10px;
  line-height:1.75;
}

.bk-seo-context p a,
.bk-seo-parent-link a {
  color:var(--text);
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(192,168,136,.45);
}

.bk-seo-context p a:hover,
.bk-seo-parent-link a:hover {
  border-bottom-color:var(--accent);
}

.bk-seo-primary-link {
  flex:0 0 auto;
}

.bk-seo-parent-link {
  margin:16px 0 -4px;
  font-size:9px;
}

.bk-seo-context-compact {
  padding-block:15px;
}

@media(max-width:760px) {
  .bk-seo-context {
    align-items:flex-start;
    flex-direction:column;
    gap:13px;
    padding:15px;
  }

  .bk-seo-context h2 {
    font-size:16px;
  }

  .bk-seo-context p {
    font-size:9px;
    line-height:1.7;
  }

  .bk-seo-primary-link {
    width:100%;
  }
}