/* ENG-01: структура сетки плиток характеристик. Цвета — токены темы; финальное оформление — C1. */
.hg-spec-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:0 0 28px;padding:0;list-style:none}
.hg-spec-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label help" "value help";align-items:center;gap:2px 6px;min-width:0;min-height:64px;margin:0;padding:10px 4px 10px 14px;border:1px solid var(--hg-line);border-radius:8px;background:var(--hg-white);color:var(--hg-ink)}
.hg-spec-tile__label{grid-area:label;min-width:0;font-size:12px;line-height:1.45;color:var(--hg-muted);overflow-wrap:anywhere}
.hg-spec-tile__value{grid-area:value;min-width:0;font-size:16px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.hg-spec-tile[data-spec-state=unknown] .hg-spec-tile__value{color:var(--hg-muted);font-weight:600}
.hg-spec-tile__help{grid-area:help;align-self:center}
.hg-spec-tile__help:not([data-enhanced])[open]{grid-area:auto;grid-column:1/-1}
.hg-spec-tiles .hg-param-panel-title{display:block;margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.45;color:var(--hg-ink)}
.hg-spec-tiles .hg-param-panel p{margin:0;font-size:14px;line-height:1.8;color:var(--hg-ink)}
.hg-spec-tiles .hg-param-panel a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;font-size:14px;font-weight:600;color:var(--hg-ink);text-decoration:underline;text-underline-offset:4px}
.hg-spec-tiles .hg-param-panel a:focus-visible{outline:2px solid var(--hg-ink);outline-offset:3px}
@media(max-width:680px){.hg-spec-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hg-spec-tile{padding-left:12px}}