.hero-preview{width:100%;max-width:420px;background:var(--card);border:1px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;font-family:var(--font);color:var(--ink)}.hp-bar{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--paper-2);border-bottom:1px solid var(--rule)}.hp-globe{flex:none;color:var(--ink-4)}.hp-url{font-family:var(--mono);font-size:12.5px;color:var(--ink-3);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-score{display:flex;align-items:center;gap:18px;padding:22px 20px;border-bottom:1px solid var(--rule)}.hp-gauge{position:relative;flex:none;width:86px;height:86px}.hp-gauge svg{transform:rotate(-90deg)}.hp-gauge-track{stroke:var(--paper-3)}.hp-gauge-ring{stroke:var(--serious)}.hp-gauge-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hp-gauge-num{font-family:var(--display);font-size:28px;font-weight:700;color:var(--ink);line-height:1;letter-spacing:-.03em}.hp-score-meta{display:flex;flex-direction:column;gap:5px;min-width:0}.hp-score-label{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.hp-score-title{font-family:var(--display);font-size:19px;font-weight:700;color:var(--ink);line-height:1.15}.hp-pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:2px;padding:4px 10px;border-radius:999px;background:var(--cobalt-tint);border:1px solid var(--cobalt-line);font-size:12px;font-weight:600;color:var(--cobalt-ink)}.hp-pill svg{flex:none;color:var(--cobalt)}.hp-issues{padding:18px 20px;display:flex;flex-direction:column;gap:16px}.hp-issues-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.hp-issues-label{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.hp-issues-count,.hp-issues-label{font-family:var(--mono);color:var(--ink-3)}.hp-issues-count{font-size:11px;font-weight:500}.hp-issue{display:flex;flex-direction:column;gap:8px}.hp-issue-top{display:flex;align-items:center;gap:9px}.hp-issue-title{font-size:14px;font-weight:700;color:var(--ink);line-height:1.3}.hp-badges{display:flex;flex-wrap:wrap;gap:6px;padding-left:2px}.hp-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:5px;background:var(--paper-2);border:1px solid var(--rule-2);font-size:11px;font-weight:500;color:var(--ink-2);white-space:nowrap}.hp-badge-mono{font-family:var(--mono);font-weight:500;letter-spacing:-.01em}.hp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--rule);background:var(--paper-2)}.hp-foot-meta{font-size:12.5px;color:var(--ink-3)}.hp-foot-btn{display:inline-flex;align-items:center;gap:6px;flex:none;padding:7px 13px;border-radius:var(--radius-sm);background:var(--cobalt);color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap}.hp-foot-btn svg{flex:none}