/* ==========================================================================
   /honeypot/ — layered on base.css + homelab.css (tiles, cards, hero)
   ========================================================================== */

.hp .hl-lede code,.hp .hl-p code{padding:1px 6px;border-radius:5px;font:500 .9em var(--mono);color:rgb(var(--acc));background:rgb(var(--acc) / .08);border:1px solid rgb(var(--acc) / .25)}
.hp .hl-p{margin-bottom:16px}
.hp .hl-p em{color:rgb(var(--hi));font-style:normal;font-weight:600}
.tile-hot{border-color:rgb(var(--warn) / .45)}
.tile-hot .t-v{color:rgb(var(--warn));text-shadow:0 0 22px rgb(var(--warn) / .35)}
.t-v.bump{color:rgb(var(--warn));transition:color .3s}

.hp-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;align-items:start}

/* horizontal bars (files, countries, networks) */
.hp-bars{display:grid;gap:11px;padding:18px 20px 20px;font:400 13px/1.35 var(--mono);color:rgb(var(--fg))}
.hp-bars li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline}
.hp-bars .hp-k{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-bars .hp-n{color:rgb(var(--hi));font-variant-numeric:tabular-nums}
.hp-bars .hp-bar{grid-column:1 / -1;height:6px;border-radius:3px;background:rgb(var(--acc) / .10);overflow:hidden}
.hp-bars .hp-bar i{display:block;height:100%;border-radius:3px;background:rgb(var(--acc) / .85)}
.hp-bars .hp-t{color:rgb(var(--dim));font-size:11.5px}
.hp-bars li.dim{display:block}

/* daily chart (SVG built by honeypot.js) */
.hp-chart{padding:16px 16px 4px}
.hp-chart svg{display:block;width:100%;height:auto}
.hp-chart .ax{stroke:rgb(var(--fg) / .25);stroke-width:1}
.hp-chart .bar{fill:rgb(var(--acc) / .8)}
.hp-chart .bar.key{fill:rgb(var(--warn) / .9)}
.hp-chart text{fill:rgb(var(--dim));font:400 11px var(--mono)}
.hp-chart .gl{stroke:rgb(var(--fg) / .08);stroke-width:1}
.hp-cap{padding:0 20px 16px;font:400 12px/1.5 var(--mono);color:rgb(var(--dim))}

/* the log */
.hp-log{display:grid;gap:2px;padding:12px 8px 14px;font:400 13px/1.45 var(--mono);color:rgb(var(--fg))}
.hp-log li{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:4px 14px;align-items:baseline;padding:6px 12px;border-radius:8px}
.hp-log li:nth-child(odd){background:rgb(var(--acc) / .035)}
.hp-log li.dim{display:block}
.hp-log time{color:rgb(var(--dim));font-variant-numeric:tabular-nums}
.hp-log .hp-w{color:rgb(var(--hi))}
.hp-log .hp-w b{color:rgb(var(--warn));font-weight:600}
.hp-log .hp-w small{display:block;margin-top:2px;font:400 12px/1.4 var(--sans);color:rgb(var(--dim))}
.hp-log .hp-src2{color:rgb(var(--acc2))}
@media (max-width:720px){
  .hp-log li{grid-template-columns:1fr}
  .hp-log .hp-src2{order:2}
}

/* what they asked */
.hc .hp-call{display:block;margin-bottom:6px;font:500 13px var(--mono);color:rgb(var(--acc))}
.hc .hp-count{float:right;font:700 20px var(--mono);color:rgb(var(--hi))}
.hc p.hp-q{font:600 15.5px/1.35 var(--sans);color:rgb(var(--hi));margin-bottom:6px}
.hc p.hp-why{font:400 14px/1.55 var(--sans);color:rgb(var(--fg))}

.hp-files-win{margin-top:16px}