/* v4 additions — DOES NOT modify existing design */
.miniMeta{ margin-top: 10px; color: rgba(11,18,32,0.70); font-size: 14px; }
.miniLine{ margin: 6px 0; }
.issueList{ margin-top: 10px; padding-left: 18px; color: rgba(11,18,32,0.78); }
#btnReport{ margin-top: 12px; padding: 10px 14px; border-radius: 12px; border: 1px solid rgba(11,18,32,0.12); background: rgba(255,255,255,0.9); cursor:pointer; }
#btnReport[disabled]{ opacity: .55; cursor:not-allowed; }

/* Footer */
.siteFooter{ margin-top: 40px; padding: 18px 0 28px; }
.siteFooter .footer__in{ display:flex; align-items:flex-start; justify-content:space-between; gap: 14px; flex-wrap:wrap; }
.siteFooter .footer__links a{ color: rgba(11,18,32,0.75); text-decoration: underline; text-decoration-color: rgba(10,132,255,0.30); }
.siteFooter .footer__k{ font-weight: 700; margin-bottom: 6px; }
.siteFooter .footer__small{ color: rgba(11,18,32,0.60); font-size: 13px; }

/* Chat widget (Messenger-like) */
#smaqChatBtn{ position: fixed; right: 18px; bottom: 18px; z-index: 9999; padding: 12px 16px; border-radius: 999px; border: 0; cursor: pointer; background: var(--blue,#0a84ff); color: white; font-weight: 700; box-shadow: 0 14px 40px rgba(11,18,32,0.22); }
#smaqChat{ position: fixed; right: 18px; bottom: 74px; width: 340px; max-width: calc(100vw - 36px); height: 460px; max-height: calc(100vh - 120px); background: rgba(255,255,255,0.96); border: 1px solid rgba(11,18,32,0.12); border-radius: 16px; box-shadow: 0 20px 70px rgba(11,18,32,0.20); overflow: hidden; z-index: 9999; display:none; }
#smaqChatHeader{ padding: 12px 12px; background: rgba(11,18,32,0.92); color: white; display:flex; align-items:center; justify-content:space-between; gap: 10px; }
#smaqChatHeader .t{ font-weight: 800; }
#smaqChatHeader button{ background: transparent; border: 0; color: white; cursor:pointer; font-size: 18px; }
#smaqChatBody{ padding: 12px; height: calc(100% - 104px); overflow:auto; }
.smaqMsg{ margin: 8px 0; display:flex; }
.smaqMsg.me{ justify-content:flex-end; }
.smaqBubble{ max-width: 85%; padding: 10px 12px; border-radius: 14px; border: 1px solid rgba(11,18,32,0.10); background: white; color: var(--ink,#0b1220); }
.smaqMsg.me .smaqBubble{ background: rgba(10,132,255,0.10); border-color: rgba(10,132,255,0.18); }
#smaqChatInput{ display:flex; gap: 8px; padding: 10px; border-top: 1px solid rgba(11,18,32,0.10); }
#smaqChatInput input{ flex:1; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(11,18,32,0.14); }
#smaqChatInput button{ padding: 10px 12px; border-radius: 12px; border: 0; background: var(--blue,#0a84ff); color:white; cursor:pointer; font-weight:700; }
.smaqQuick{ display:flex; flex-wrap:wrap; gap:8px; margin-top: 10px; }
.smaqQuick button{ padding: 8px 10px; border-radius: 999px; border: 1px solid rgba(11,18,32,0.12); background: rgba(255,255,255,0.9); cursor:pointer; font-size: 13px; }
.auditHero {
  align-items: center;
  gap: 28px;
}

.auditLead {
  margin-top: 10px;
  opacity: 0.9;
  max-width: 58ch;
}

.auditBox {
  width: 100%;
  padding: 20px;
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  backdrop-filter: blur(8px);
}

.auditLabel {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.auditForm {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.auditForm input {
  flex: 1 1 260px;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.9);
  color: #0b1220;
}

.auditHint {
  margin-top: 8px;
  font-size: 0.92rem;
  opacity: 0.75;
}

.auditStatus {
  margin-top: 12px;
  min-height: 24px;
  font-size: 0.95rem;
}

.auditStatus.is-error {
  color: #ffb4b4;
}

.auditStatus.is-success {
  color: #b9ffd1;
}

.auditStatus.is-loading {
  color: #dfe8ff;
}

.auditSection {
  margin-top: 28px;
}

.auditGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.auditCard {
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 30px rgba(11, 18, 32, 0.08);
}

.scoreWrap {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
}

.globalScore {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}

.scoreLabel {
  opacity: 0.72;
}

.scoreList {
  display: grid;
  gap: 14px;
}

.scoreItem__top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.scoreBar {
  height: 10px;
  background: rgba(11, 18, 32, 0.08);
  border-radius: 999px;
  overflow: hidden;
}

.scoreBar__fill {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #60a5fa, #2563eb);
  border-radius: 999px;
}

.auditList {
  margin: 0;
  padding-left: 18px;
}

.auditActions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.metaGrid {
  display: grid;
  gap: 10px;
}

.metaRow {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(11, 18, 32, 0.08);
}

.metaKey {
  font-size: 0.9rem;
  opacity: 0.7;
}

.metaVal {
  word-break: break-word;
}

.muted {
  opacity: 0.7;
}

#radarChart {
  width: 100% !important;
  height: 320px !important;
}

@media (max-width: 900px) {
  .auditGrid {
    grid-template-columns: 1fr;
  }
}


/* ==== Clean SEO tool blocks ==== */
.miniExplain{margin:34px 0 18px}
.miniExplain h2,.linkPanel h2,.faqCompact h2{margin:0 0 14px}
.miniExplain__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.miniCard,.linkPanel,.faqCompact{background:var(--card,#fff);border:1px solid var(--line,#e5e7eb);border-radius:16px;padding:18px 18px;box-shadow:var(--shadow,0 1px 3px rgba(0,0,0,.06))}
.miniCard h3{margin:0 0 8px;font-size:14px;color:var(--ink,#111827)}
.miniCard p,.linkPanel p,.faqCompact p{margin:0;color:var(--muted,#6b7280);line-height:1.65;font-size:13px}
.linkPanels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.linkList{display:flex;flex-wrap:wrap;gap:8px}
.linkList a{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;text-decoration:none;border:1px solid var(--line,#e5e7eb);background:rgba(10,132,255,.04);color:var(--ink,#111827);font-size:12px;font-weight:600;transition:.18s ease}
.linkList a:hover{border-color:rgba(10,132,255,.35);background:rgba(10,132,255,.08);transform:translateY(-1px)}
.faqCompact{margin:18px 0 6px}
.faqCompact details{border-top:1px solid var(--line,#e5e7eb);padding:12px 0}
.faqCompact details:first-of-type{border-top:none;padding-top:0}
.faqCompact summary{cursor:pointer;list-style:none;font-weight:700;color:var(--ink,#111827);font-size:13px}
.faqCompact summary::-webkit-details-marker{display:none}
.faqCompact p{padding-top:8px}
@media(max-width:900px){.miniExplain__grid,.linkPanels{grid-template-columns:1fr}}