.resource-top{display:block}
.resource h2{margin:4px 0 10px;font-size:1.17em;color:var(--text);overflow-wrap:anywhere}
.resource .meta{align-items:center;gap:7px;margin:10px 0 14px}
.status-inline{display:inline-flex;align-items:center;gap:6px;margin:4px 4px 0 0;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap}
.status-dot{width:7px;height:7px;border-radius:50%;background:#8290a2;box-shadow:0 0 0 3px rgba(130,144,162,.10)}
.status-inline.ok{color:#9dd5c8}
.status-inline.ok .status-dot{background:#4ea68f;box-shadow:0 0 0 3px rgba(78,166,143,.12)}
.status-inline.warn{color:#efc77e}
.status-inline.warn .status-dot{background:#d3a04a;box-shadow:0 0 0 3px rgba(211,160,74,.13)}
.status-inline.review{color:#e7bd73}
.status-inline.review .status-dot{background:#c89038;box-shadow:0 0 0 3px rgba(200,144,56,.12)}
.status-inline.neutral{color:#aab5c4}
.resource .meta .tag{margin-top:4px}
@media(max-width:620px){.status-inline{white-space:normal}}
@media print{.status-dot{box-shadow:none}}


/* Native hidden must win over component display rules. */
[hidden]{display:none!important}
.resource{min-width:0;scroll-margin-top:90px}
.resource:target{outline:2px solid var(--brand);outline-offset:3px}
.resource-links{display:flex;flex-wrap:wrap;gap:10px 16px}
.resource-links a{display:inline-flex;align-items:center;min-height:28px}
.resource :focus-visible{outline:3px solid var(--brand);outline-offset:3px}