/* Пошук: вправи поверх ../_pk/pack.css */
.web { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; margin-top: 12px; }
.wp { border: 1px solid var(--pk-rule); background: var(--pk-paper); padding: 10px 12px; display: grid; gap: 4px; border-left-width: 4px; border-left-color: var(--pk-rule); transition: background .2s; }
.wp .wp-t { font: 500 14px/1.3 var(--pk-sans); }
.wp .wp-s { font: 500 12px/1.3 var(--pk-mono); color: var(--pk-muted); }
.wp.visit { background: rgba(58,108,191,.12); border-left-color: var(--pk-blue); }
.wp.ok { border-left-color: var(--pk-mint); }
.wp.login, .wp.robots, .wp.image { border-left-color: var(--pk-warn); }
.wp.orphan { border-left-color: var(--pk-coral); border-style: dashed; }

.metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 14px 0 8px; max-width: 640px; }
.metrics .m { border-top: 2px solid var(--pk-ink); padding-top: 6px; }
.metrics .mv { display: block; font: 700 20px/1.2 var(--pk-mono); font-variant-numeric: tabular-nums; }
.metrics .ml { display: block; font: 12px/1.3 var(--pk-mono); color: var(--pk-muted); }
.docs-list { list-style: decimal; padding-left: 26px; margin: 8px 0 0; max-width: 760px; }
.docs-list li { padding: 6px 8px; border-left: 3px solid transparent; margin: 2px 0; font-size: 15px; }
.docs-list li.tp { border-left-color: var(--pk-mint); background: rgba(47,143,99,.08); }
.docs-list li.fp { border-left-color: var(--pk-coral); background: rgba(192,79,49,.08); }
.docs-list li.fn { border-left-color: var(--pk-warn); border-left-style: dashed; }
.docs-list .dtag { display: block; font: 500 12px/1.3 var(--pk-mono); color: var(--pk-muted); margin-top: 2px; }
@media (max-width: 640px) { .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }