*{box-sizing:border-box}body{margin:0;font:14px/1.4 Inter,system-ui,sans-serif;background:#eef1f5;color:#1f2937;height:100vh;display:grid;grid-template-rows:52px 1fr}
header{background:#0F4C5C;color:#fff;display:flex;align-items:center;gap:16px;padding:0 20px}
header b{font-size:16px}header .tag{font-size:12px;background:rgba(255,255,255,.16);padding:2px 8px;border-radius:99px;opacity:1}@media (max-width:900px){.wrap{grid-template-columns:1fr;grid-template-rows:1fr auto}aside{border-left:0;border-top:1px solid #d9dee5;max-height:40vh}header span:not(.tag):not(.sp){display:none}}header span{opacity:.85}header .sp{flex:1}
.wrap{display:grid;grid-template-columns:1fr 300px;min-height:0}
.wrap.full{grid-template-columns:1fr 0}
iframe{width:100%;height:100%;border:0;background:#fff}
aside{background:#fff;border-left:1px solid #d9dee5;padding:16px 18px;overflow:auto}
aside h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:0 0 10px}
dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 18px}dt{color:#64748b}dd{margin:0;font-weight:600}
.pill{display:inline-block;padding:2px 10px;border-radius:99px;background:#e2e8f0}.pass{background:#dcfce7;color:#166534}.inc{background:#fef3c7;color:#92400e}
ol{margin:0;padding-left:18px;font-size:12.5px;color:#334155}li{margin-bottom:4px}
.c{font-size:12px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;word-break:break-word;margin:6px 0 0}