/* Meta social stats (Instagram, Facebook, Threads, Meta Profile Finder) — hint, states and the report dashboard. */
.tk { --ig-s1:#2a78d6; --ig-s2:#eb6834; --ig-s3:#1baf7a; --ig-s4:#eda100;
      --ig-good:#15803d; --ig-warn:#b45309; --ig-bad:#b91c1c; --ig-ink2:#5d6b85; --ig-line:#e6ecf5; --ig-soft:#f6f8fc; }

/* ---- status ---- */
.ig-status { margin:.4rem 26px 1.4rem; }

/* ---- explanation card for a failed search (content comes from the server's reason) ---- */
.ig-err { display:flex; gap:1rem; align-items:flex-start; padding:1.15rem 1.25rem; border-radius:16px; border:1px solid; line-height:1.55; }
.ig-err-warn { background:#fffbeb; border-color:#fde68a; }
.ig-err-info { background:#eff6ff; border-color:#bfdbfe; }
.ig-err-ic { width:44px; height:44px; border-radius:12px; display:grid; place-items:center; flex:0 0 auto; font-size:1.2rem; background:#fff; box-shadow:0 2px 8px rgba(11,31,68,.08); }
.ig-err-warn .ig-err-ic { color:#b45309; } .ig-err-info .ig-err-ic { color:var(--tk-blue); }
.ig-err-body { min-width:0; }
.ig-err-body h3 { margin:0 0 .25rem; font-size:1.05rem; font-weight:800; color:var(--tk-ink); }
.ig-err-body p { margin:0 0 .5rem; color:#334155; font-size:.92rem; }
.ig-err-body ul { margin:.1rem 0 .6rem; padding-left:1.15rem; color:#334155; font-size:.9rem; }
.ig-err-body li { margin:.15rem 0; }
.ig-err-tip { background:#fff; border-radius:10px; padding:.55rem .75rem; border:1px dashed var(--ig-line); font-size:.86rem !important; }
.ig-err-tip .fa { color:#d97706; margin-right:.2rem; }
.ig-err-steps { background:#fff; border-radius:10px; padding:.65rem .85rem; margin:.5rem 0 .2rem; border:1px solid var(--ig-line); }
.ig-err-steps-title { margin:0 0 .35rem !important; font-weight:700; color:var(--tk-ink) !important; font-size:.88rem !important; }
.ig-err-steps-title .fa { color:var(--tk-blue); margin-right:.25rem; }
.ig-err-steps ol { margin:0; padding-left:1.25rem; color:#334155; font-size:.88rem; }
.ig-err-steps li { margin:.2rem 0; }
.ig-err-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.75rem; }

/* ---- finder: networks left out of the report ---- */
.ig-notes { margin-top:.7rem; padding:.6rem .8rem; border-radius:12px; background:var(--ig-soft); }
.ig-notes-head { font-size:.74rem; font-weight:700; color:var(--ig-ink2); text-transform:uppercase; letter-spacing:.04em; margin-bottom:.3rem; }
.ig-notes ul { list-style:none; margin:0; padding:0; font-size:.85rem; color:#334155; }
.ig-notes li { padding:.18rem 0; }
.ig-notes .fa { width:16px; color:var(--ig-ink2); }
.ig-skel { display:flex; gap:1rem; align-items:center; padding:1.2rem; border:1px solid var(--ig-line); border-radius:16px; }
.ig-skel > div { flex:1; }
.ig-skel-avatar { width:84px; height:84px; border-radius:50%; flex:0 0 auto; }
.ig-skel-line { display:block; height:12px; border-radius:6px; margin:.5rem 0; }
.ig-skel-line.w40 { width:40%; } .ig-skel-line.w60 { width:60%; } .ig-skel-line.w80 { width:80%; }
.ig-skel-tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; margin-top:.75rem; }
.ig-skel-tiles span { height:86px; border-radius:14px; }
.ig-skel-avatar, .ig-skel-line, .ig-skel-tiles span { background:linear-gradient(90deg,#eef2f8 25%,#f7f9fc 50%,#eef2f8 75%); background-size:200% 100%; animation:igShimmer 1.2s infinite linear; }
@keyframes igShimmer { to { background-position:-200% 0; } }

/* ---- result ---- */
.ig-result { padding:0 26px 26px; scroll-margin-top:96px; } /* clear the sticky site navbar */
.ig-result h3 { margin:0; }

.ig-profile { display:grid; grid-template-columns:auto 1fr auto; gap:1.25rem; align-items:center; padding:1.25rem; border-radius:18px;
    background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%); border:1px solid var(--ig-line); }
.ig-avatar { width:96px; height:96px; border-radius:50%; padding:3px; background:conic-gradient(from 210deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75); }
.ig-avatar-img, .ig-avatar-fb { width:100%; height:100%; border-radius:50%; border:3px solid #fff; object-fit:cover; display:grid; place-items:center; background:#e9eefb; color:var(--tk-navy); font-size:2rem; font-weight:800; }
.ig-name { font-family:'Plus Jakarta Sans','Inter',sans-serif; font-size:1.35rem; font-weight:800; color:var(--tk-ink); }
.ig-verified { color:#3897f0; font-size:1rem; }
.ig-handle { color:var(--ig-ink2); font-weight:600; margin:.1rem 0 .5rem; }
.ig-bio { overflow-wrap:anywhere; margin:0 0 .45rem; font-size:.92rem; line-height:1.55; color:#334155; max-width:640px; }
.ig-bio a, .ig-site { color:var(--tk-blue); text-decoration:none; font-weight:600; }
.ig-bio a:hover, .ig-site:hover { text-decoration:underline; }
.ig-site { font-size:.9rem; }
.ig-actions { display:flex; flex-direction:column; gap:.5rem; }
.ig-btn { justify-content:center; padding:.6rem 1rem; font-size:.88rem; white-space:nowrap; }

.ig-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin-top:1rem; }
.ig-kpi { background:#fff; border:1px solid var(--ig-line); border-radius:14px; padding:.9rem 1rem; min-width:0; }
.ig-kpi-label { font-size:.78rem; font-weight:700; color:var(--ig-ink2); text-transform:uppercase; letter-spacing:.04em; }
.ig-kpi-label .fa { color:var(--tk-blue); margin-right:.15rem; }
.ig-kpi-value { font-family:'Plus Jakarta Sans','Inter',sans-serif; font-size:1.65rem; font-weight:800; color:var(--tk-ink); margin:.2rem 0 .1rem; line-height:1.15; font-variant-numeric:tabular-nums; }
.ig-kpi-sub { font-size:.8rem; color:var(--ig-ink2); }
.ig-kpi-hero { background:linear-gradient(135deg,#2563eb,#1e40af); border-color:transparent; }
.ig-kpi-hero .ig-kpi-label, .ig-kpi-hero .ig-kpi-label .fa, .ig-kpi-hero .ig-kpi-sub { color:#dbe6ff; }
.ig-kpi-hero .ig-kpi-value { color:#fff; }

.ig-grade { display:inline-flex; align-items:center; gap:.3rem; font-weight:700; font-size:.78rem; padding:.12rem .55rem; border-radius:999px; }
.ig-grade-low { color:var(--ig-bad); background:#fef2f2; }
.ig-grade-avg { color:var(--ig-warn); background:#fffbeb; }
.ig-grade-high { color:var(--ig-good); background:#f0fdf4; }
.ig-grade-excellent { color:#6d28d9; background:#f5f3ff; }

.ig-insights { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin-top:.75rem; }
.ig-insight { display:flex; gap:.7rem; align-items:flex-start; padding:.85rem 1rem; border-radius:14px; background:var(--ig-soft); border:1px solid var(--ig-line); min-width:0; }
.ig-insight-ic { width:36px; height:36px; border-radius:10px; display:grid; place-items:center; background:#fff; color:var(--tk-blue); flex:0 0 auto; box-shadow:0 2px 6px rgba(11,31,68,.06); }
.ig-insight-label { font-size:.75rem; font-weight:700; color:var(--ig-ink2); text-transform:uppercase; letter-spacing:.04em; }
.ig-insight-value { font-weight:800; color:var(--tk-ink); font-size:1rem; }
.ig-insight-sub { font-size:.78rem; color:var(--ig-ink2); }

.ig-grid2 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin-top:.75rem; }
.ig-card { background:#fff; border:1px solid var(--ig-line); border-radius:16px; padding:1rem 1.1rem; min-width:0; }
.ig-card-wide { grid-column:1 / -1; }
.ig-card-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.5rem; margin-bottom:.75rem; }
.ig-card-head h3 { font-size:1rem; font-weight:800; color:var(--tk-ink); }
.ig-card-foot { margin:.6rem 0 0; font-size:.76rem; color:var(--ig-ink2); }
.ig-legend { display:flex; gap:1rem; font-size:.82rem; color:#334155; font-weight:600; }
.ig-legend i, .ig-tip i { display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:.35rem; vertical-align:-1px; }

.ig-chart { position:relative; }
.ig-chart-svg { width:100%; height:auto; display:block; overflow:visible; }
.ig-grid { stroke:#eef2f7; stroke-width:1; }
.ig-baseline { stroke:#cbd5e1; stroke-width:1; }
.ig-axis { fill:#7a869c; font-size:11px; font-family:inherit; }
.ig-hit { fill:transparent; }
.ig-break { stroke:#fff; stroke-width:3; }
.ig-out { fill:var(--tk-ink); font-weight:700; }
.ig-bar { cursor:pointer; outline:none; transition:opacity .12s; }
.ig-bar.is-dim { opacity:.35; }
.ig-bar:focus-visible .ig-hit { stroke:var(--tk-blue); stroke-width:2; }
.ig-tip { position:absolute; z-index:2; pointer-events:none; background:#0f1b34; color:#fff; font-size:.78rem; line-height:1.5; padding:.5rem .65rem; border-radius:10px; box-shadow:0 10px 24px rgba(11,31,68,.25); white-space:nowrap; }
.ig-tip div { color:#dbe3f1; }

.ig-mix-bar { display:flex; gap:2px; height:14px; border-radius:7px; overflow:hidden; background:#fff; }
.ig-mix-seg { display:block; height:100%; }
.ig-mix-list { list-style:none; margin:.85rem 0 0; padding:0; }
.ig-mix-list li { display:grid; grid-template-columns:12px 1fr auto auto; gap:.55rem; align-items:center; padding:.42rem 0; border-bottom:1px dashed var(--ig-line); font-size:.88rem; }
.ig-mix-list li:last-child { border-bottom:0; }
.ig-dot { width:10px; height:10px; border-radius:3px; }
.ig-mix-name { font-weight:700; color:var(--tk-ink); } .ig-mix-name .fa { color:var(--ig-ink2); }
.ig-mix-n { color:#334155; font-variant-numeric:tabular-nums; }
.ig-mix-avg { color:var(--ig-ink2); font-size:.8rem; min-width:64px; text-align:right; }

.ig-day { display:grid; grid-template-columns:34px 1fr 64px; gap:.5rem; align-items:center; padding:.22rem 0; font-size:.85rem; }
.ig-day-name { font-weight:700; color:#334155; }
.ig-day-track { height:12px; border-radius:6px; background:var(--ig-soft); overflow:hidden; }
.ig-day-fill { display:block; height:100%; background:var(--ig-s1); border-radius:0 4px 4px 0; }
.ig-day-val { text-align:right; color:#334155; font-variant-numeric:tabular-nums; }
.ig-day.is-best .ig-day-name, .ig-day.is-best .ig-day-val { color:var(--tk-ink); font-weight:800; }
.ig-day .fa-trophy { color:#d97706; }

.ig-tags { display:flex; flex-wrap:wrap; gap:.4rem; }
.ig-tag { display:inline-flex; gap:.35rem; align-items:center; padding:.3rem .65rem; border-radius:999px; background:#eef3fb; color:var(--tk-navy); font-size:.82rem; font-weight:600; text-decoration:none; }
/* A hashtag can be one 60-character word (#fypppp…): cap the pill at the card width and
   ellipsize the text; the full tag is in the title tooltip. */
.ig-tag { max-width:100%; min-width:0; }
.ig-tag-t { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ig-tag b { flex:0 0 auto; }
.ig-tag b { background:#fff; border-radius:999px; padding:0 .4rem; font-size:.72rem; color:var(--ig-ink2); }
.ig-tag:hover { background:#dde7f8; }
.ig-empty { color:var(--ig-ink2); font-size:.88rem; margin:0; }

.ig-section { margin-top:1.4rem; }
.ig-section-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.6rem; margin-bottom:.75rem; }
.ig-section-head h3 { font-size:1.08rem; font-weight:800; color:var(--tk-ink); }
.ig-section-head h3 .fa { color:var(--tk-blue); margin-right:.2rem; }
.ig-section-head small { color:var(--ig-ink2); font-weight:600; }
.ig-sort { display:inline-flex; background:var(--ig-soft); border:1px solid var(--ig-line); border-radius:10px; padding:3px; }
.ig-sort button { border:0; background:transparent; font:inherit; font-size:.8rem; font-weight:700; color:var(--ig-ink2); padding:.35rem .7rem; border-radius:8px; cursor:pointer; }
.ig-sort button.is-active { background:#fff; color:var(--tk-blue); box-shadow:0 1px 4px rgba(11,31,68,.1); }

.ig-posts { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:.8rem; }
.ig-posts-top { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ig-post { display:flex; flex-direction:column; background:#fff; border:1px solid var(--ig-line); border-radius:14px; overflow:hidden; text-decoration:none; color:inherit; transition:transform .15s, box-shadow .15s; }
.ig-post:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(11,31,68,.10); text-decoration:none; color:inherit; }
.ig-post-media { position:relative; aspect-ratio:4 / 5; background:#eef2f8; overflow:hidden; }
.ig-post-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.ig-post-ph { position:absolute; inset:0; display:grid; place-items:center; font-size:2rem; color:#b8c3d6; }
.ig-post-type, .ig-post-rank { position:absolute; top:8px; font-size:.72rem; font-weight:700; padding:.2rem .5rem; border-radius:999px; background:rgba(15,27,52,.72); color:#fff; backdrop-filter:blur(4px); }
.ig-post-type { left:8px; } .ig-post-rank { right:8px; background:#d97706; }
.ig-post-body { padding:.65rem .75rem .75rem; display:flex; flex-direction:column; gap:.35rem; flex:1; }
.ig-post-stats { display:flex; gap:.7rem; font-size:.85rem; font-weight:700; color:var(--tk-ink); font-variant-numeric:tabular-nums; }
.ig-post-stats .fa-heart { color:#e11d48; } .ig-post-stats .fa-comment { color:var(--tk-blue); }
.ig-post-er { margin-left:auto; color:var(--ig-ink2); font-weight:600; font-size:.78rem; }
.ig-post-cap { overflow-wrap:anywhere; margin:0; font-size:.8rem; line-height:1.45; color:#475569; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ig-post-date { margin-top:auto; font-size:.74rem; color:#8a94a8; }

.ig-scale { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; margin-top:1.2rem; font-size:.82rem; color:#334155; }
.ig-note { margin-top:1rem; padding:.8rem 1rem; border-radius:12px; background:var(--ig-soft); color:#334155; font-size:.9rem; }
.ig-fetched { margin:1rem 0 0; font-size:.76rem; color:#8a94a8; text-align:right; }

/* ---- responsive ---- */
@media (max-width:1100px) {
    .ig-grid2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ig-insights { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:860px) {
    .ig-profile { grid-template-columns:auto 1fr; }
    .ig-actions { grid-column:1 / -1; flex-direction:row; flex-wrap:wrap; }
    .ig-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
    .ig-result { padding-left:16px; padding-right:16px; }
    .ig-err { flex-direction:column; }
    .ig-status { margin-left:16px; margin-right:16px; }
    .ig-profile { grid-template-columns:1fr; text-align:center; justify-items:center; }
    .ig-actions { justify-content:center; }
    .ig-grid2, .ig-insights { grid-template-columns:1fr; }
    .ig-posts-top { grid-template-columns:1fr; }
    .ig-posts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ig-kpi-value { font-size:1.35rem; }
    .ig-skel-tiles { grid-template-columns:repeat(2,1fr); }
    /* Keep axis labels legible: the chart scrolls sideways instead of shrinking. */
    .ig-chart { overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .ig-chart-svg { min-width:620px; }
}

/* ---- network badges, cover photo ---- */
.ig-avatar { position:relative; }
.ig-plat-badge { position:absolute; right:-2px; bottom:-2px; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:.9rem; border:3px solid #fff; }
.ig-plat-badge.is-inline { position:static; border:0; width:34px; height:34px; flex:0 0 auto; }
.ig-plat-instagram { background:linear-gradient(45deg,#f58529,#dd2a7b 55%,#8134af); }
.ig-plat-facebook { background:#1877f2; }
.ig-plat-threads { background:#101010; }
.ig-cover { height:170px; border-radius:18px 18px 0 0; background:#dfe7f5 center / cover no-repeat; border:1px solid var(--ig-line); border-bottom:0; }
.ig-profile.has-cover { border-top-left-radius:0; border-top-right-radius:0; }

/* ---- finder summary ---- */
.ig-summary { display:grid; grid-template-columns:minmax(0,1fr); gap:.75rem; margin-bottom:1rem; }
/* Compact stats band (only when 2+ networks were found). */
.ig-summary-hero { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); border-radius:16px; color:#fff; overflow:hidden;
    background:linear-gradient(120deg,#2563eb,#1e3a8a); box-shadow:0 10px 26px rgba(30,58,138,.22); }
.ig-sum-stat { display:flex; align-items:center; gap:.75rem; padding:1rem 1.15rem; min-width:0; }
.ig-sum-stat + .ig-sum-stat { border-left:1px solid rgba(255,255,255,.16); }
.ig-sum-ic { flex:0 0 auto; width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:rgba(255,255,255,.14); font-size:1.05rem; }
.ig-sum-label { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#c7d7fb; }
.ig-sum-value { font-family:'Plus Jakarta Sans','Inter',sans-serif; font-size:1.45rem; font-weight:800; line-height:1.2; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ig-sum-value small { font-family:inherit; font-size:.8rem; font-weight:600; color:#c7d7fb; }
.ig-summary-list { background:#fff; border:1px solid var(--ig-line); border-radius:16px; padding:1rem 1.1rem; min-width:0; }
.ig-acc { display:grid; grid-template-columns:auto minmax(0,1.2fr) minmax(40px,1.6fr) auto auto; gap:.8rem; align-items:center; width:100%; text-align:left;
    background:none; border:0; border-top:1px dashed var(--ig-line); padding:.65rem .2rem; font:inherit; cursor:pointer; border-radius:10px; }
.ig-acc:first-of-type { border-top:0; }
.ig-acc:hover { background:var(--ig-soft); }
.ig-acc-id { display:flex; flex-direction:column; min-width:0; }
.ig-acc-id b { color:var(--tk-ink); font-size:.92rem; }
.ig-acc-id span { color:var(--ig-ink2); font-size:.82rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ig-acc-bar { height:10px; border-radius:5px; background:var(--ig-soft); overflow:hidden; }
.ig-acc-bar span { display:block; height:100%; background:var(--ig-s1); border-radius:0 4px 4px 0; }
.ig-acc-n { font-weight:800; color:var(--tk-ink); text-align:right; font-variant-numeric:tabular-nums; line-height:1.1; }
.ig-acc-n small { display:block; font-weight:600; font-size:.7rem; color:var(--ig-ink2); }
.ig-link { display:inline-flex; align-items:center; justify-content:center; min-width:112px; gap:.3rem; font-size:.74rem; font-weight:700; padding:.18rem .55rem; border-radius:999px; white-space:nowrap; }
.ig-link-searched { color:var(--tk-blue); background:#eef3fb; }
.ig-link-verified { color:#15803d; background:#f0fdf4; }
.ig-link-same_username { color:#b45309; background:#fffbeb; }
.ig-link-name_match { color:#6d28d9; background:#f5f3ff; }

/* ---- failed search: what was found on the other networks ---- */
.ig-err-found { margin:.6rem 0 0 !important; padding:.55rem .75rem; border-radius:10px; background:#f0fdf4; color:#166534 !important; font-size:.88rem !important; }
.ig-err-found .fa { margin-right:.25rem; }
.ig-err-found.is-none { background:#fff; color:#475569 !important; border:1px dashed var(--ig-line); }
.ig-alt-head { display:flex; align-items:center; gap:.5rem; margin:0 0 .75rem; font-weight:800; color:var(--tk-ink); font-size:1rem; }
.ig-alt-head .fa { color:var(--tk-blue); }
.ig-notes a { font-weight:700; color:var(--tk-blue); text-decoration:none; white-space:nowrap; }
.ig-notes a:hover { text-decoration:underline; }
.ig-cands { margin-top:.8rem; }
.ig-cand { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:.8rem; align-items:center; padding:.6rem 0; border-top:1px dashed var(--ig-line); }
.ig-cand img, .ig-cand .ig-avatar-fb { width:48px; height:48px; border-radius:50%; object-fit:cover; font-size:1.1rem; border:0; }
.ig-cand-id { min-width:0; display:flex; flex-direction:column; }
.ig-cand-id b { color:var(--tk-ink); font-size:.92rem; }
.ig-cand-id span { color:var(--ig-ink2); font-size:.8rem; }
.ig-cand-id p { margin:.15rem 0 0; font-size:.78rem; color:#475569; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ig-cand-stats { display:flex; flex-wrap:wrap; gap:.2rem .8rem; margin-top:.25rem; font-size:.78rem; color:var(--ig-ink2); white-space:nowrap; }
.ig-cand-stats b { color:var(--tk-ink); font-variant-numeric:tabular-nums; }

.ig-searched-err { margin:0 0 .6rem; padding:.55rem .75rem; border-radius:10px; background:#fffbeb; color:#92400e; font-size:.84rem; line-height:1.45; }

/* ---- tabs ---- */
/* Segmented switcher: the active network is a raised white pill; no browser focus box on click,
   a soft blue ring for keyboard users only. */
.ig-tabs { display:inline-flex; gap:4px; max-width:100%; margin:0 0 1rem; padding:4px; border-radius:14px;
    background:var(--ig-soft); border:1px solid var(--ig-line); scroll-margin-top:96px; overflow-x:auto; scrollbar-width:none; }
.ig-tabs::-webkit-scrollbar { display:none; }
.ig-tab { display:inline-flex; align-items:center; gap:.5rem; border:1px solid transparent; background:transparent; font:inherit;
    font-weight:700; font-size:.92rem; color:var(--ig-ink2); padding:.55rem 1rem; border-radius:10px; cursor:pointer; white-space:nowrap;
    transition:background .15s, color .15s, box-shadow .15s; }
.ig-tab:hover { color:var(--tk-ink); background:rgba(255,255,255,.6); }
.ig-tab:focus { outline:none; }
.ig-tab:focus-visible { outline:none; box-shadow:0 0 0 3px rgba(37,99,235,.35); }
.ig-tab.is-active { background:#fff; color:var(--tk-ink); border-color:var(--ig-line); box-shadow:0 2px 8px rgba(11,31,68,.10); }
.ig-tab.is-active:focus-visible { box-shadow:0 2px 8px rgba(11,31,68,.10), 0 0 0 3px rgba(37,99,235,.35); }
.ig-tab .fa { font-size:1rem; width:1.05rem; text-align:center; }
.ig-tab-instagram .fa { color:#d6249f; }
.ig-tab-facebook .fa { color:#1877f2; }
.ig-tab-threads .fa { color:#101010; }
.ig-tab:not(.is-active) .fa { opacity:.75; }
.ig-tab-n { font-size:.75rem; font-weight:700; color:var(--ig-ink2); background:var(--ig-soft); border-radius:999px; padding:.1rem .5rem; font-variant-numeric:tabular-nums; }
.ig-tab.is-active .ig-tab-n { background:#eef3fb; color:var(--tk-blue); }
.ig-panels { scroll-margin-top:96px; }

/* ---- text-only posts (Threads / Facebook without an image) ---- */
.ig-post.is-text { background:linear-gradient(180deg,#fbfcff,#fff); }
.ig-post-head { display:flex; justify-content:space-between; padding:.7rem .75rem 0; }
.ig-post-type.is-inline, .ig-post-rank.is-inline { position:static; }
.ig-post.is-text .ig-post-cap { -webkit-line-clamp:8; font-size:.86rem; color:#1f2a44; }

/* The summary sits beside the sidebar, so it stacks well before the phone breakpoint. */
@media (max-width:1300px) {
}
@media (max-width:640px) {
    .ig-summary-hero { grid-template-columns:1fr; }
    .ig-sum-stat + .ig-sum-stat { border-left:0; border-top:1px solid rgba(255,255,255,.16); }
    .ig-sum-stat { padding:.75rem 1rem; }
    .ig-acc { grid-template-columns:auto 1fr auto; }
    .ig-acc-bar { display:none; }
    .ig-acc .ig-link { grid-column:2 / -1; justify-self:start; }
    .ig-cover { height:110px; }
    .ig-cand { grid-template-columns:48px minmax(0,1fr); }
    .ig-cand .ig-btn { grid-column:2; justify-self:start; }
}

.ig-cands-note { margin:.2rem 0 .6rem; font-size:.84rem; color:#92400e; }
.ig-cands-note .fa { margin-right:.25rem; }