.rec{border:1px solid var(--border2);border-radius:12px;background:var(--surface);overflow:hidden}.rec .rec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;border-bottom:1px solid var(--border)}.rec .rec-name-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rec .rec-name{font-size:26px;font-weight:700;margin:0;line-height:1.2}.rec .rec-refs{display:flex;flex-wrap:wrap;gap:6px}.rec .ref{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:3px 8px}.rec .ref-k{font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--text-dim)}.rec .verif{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:3px 8px;white-space:nowrap}.rec .verif-official,.rec .verif-canonical{color:var(--allow);background:var(--allow-dim)}.rec .verif-community{color:var(--warning);background:var(--warning-dim)}.rec .verif-unverified{color:var(--text-dim);background:var(--surface2)}.rec .grade{display:flex;align-items:center;gap:12px;flex:none}.rec .grade-letter{font-family:var(--mono);font-size:40px;font-weight:600;line-height:1;width:62px;height:62px;display:grid;place-items:center;border-radius:10px}.rec .grade-A .grade-letter{color:var(--allow);background:var(--allow-dim)}.rec .grade-B .grade-letter,.rec .grade-C .grade-letter{color:var(--warning);background:var(--warning-dim)}.rec .grade-D .grade-letter,.rec .grade-F .grade-letter{color:var(--deny);background:var(--deny-dim)}.rec .grade-t{display:block;font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.cg{font-family:var(--mono);font-weight:600;font-size:11px;line-height:1;padding:3px 5px;border-radius:3px}.cg-A{color:var(--allow);background:var(--allow-dim)}.cg-B,.cg-C{color:var(--warning);background:var(--warning-dim)}.cg-D,.cg-F{color:var(--deny);background:var(--deny-dim)}.rec .grade-s{display:block;font-size:13px;color:var(--text-muted);margin-top:2px}.rec .fresh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 24px;background:var(--bg);border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12px;color:var(--text-muted)}.rec .fresh b{color:var(--text)}.rec .fresh-sep{color:var(--text-dim)}.rec .fresh-dot{width:7px;height:7px;border-radius:50%;background:var(--allow);box-shadow:0 0 0 3px var(--allow-dim)}.rec .fresh-dot-dim{background:var(--text-dim);box-shadow:0 0 0 3px var(--surface2)}.rec .rec-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}.rec .sig{background:var(--surface);padding:16px 24px}.rec .sig-l{display:block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:6px}.rec .sig-v{font-size:18px;font-weight:600;color:var(--text)}.rec .sig-v.good{color:var(--allow)}.rec .sig-v.bad{color:var(--deny)}.rec .sig-v.na{color:var(--text-dim);font-weight:500}.rec .sig-x{display:block;font-size:12px;color:var(--text-dim);margin-top:5px;line-height:1.4}.rec .rec-sec{padding:20px 24px;border-top:1px solid var(--border)}.rec .rec-sub{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:14px}.rec .rec-sub-n{color:var(--text-muted);margin-left:4px}.rec .mixbar{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:2px}.rec .mixseg{display:block}.rec .seg-crit{background:var(--deny)}.rec .seg-deny{background:var(--deny);opacity:.8}.rec .seg-warn{background:var(--warning)}.rec .seg-blue{background:#7dd3fc}.rec .seg-ok{background:var(--allow)}.rec .seg-dim{background:var(--text-dim)}.rec .mixkey{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12px;color:var(--text-muted)}.rec .mixk{display:inline-flex;align-items:center;gap:6px}.rec .mixk b{color:var(--text)}.rec .dot{width:8px;height:8px;border-radius:2px}.rec .dot-crit{background:var(--deny)}.rec .dot-deny{background:var(--deny);opacity:.8}.rec .dot-warn{background:var(--warning)}.rec .dot-blue{background:#7dd3fc}.rec .dot-ok{background:var(--allow)}.rec .dot-dim{background:var(--text-dim)}.rec .caps{display:flex;flex-wrap:wrap;gap:8px}.rec .cap{font-size:13px;border-radius:6px;padding:6px 11px;border:1px solid var(--border)}.rec .cap.on{color:var(--text);background:var(--surface2);border-color:var(--border2)}.rec .cap.on:before{content:"● ";color:var(--warning)}.rec .cap.off{color:var(--text-dim)}.rec .cap.off:before{content:"○ ";color:var(--border2)}.rec .comp{margin-top:14px;border-left:2px solid var(--deny);background:var(--deny-dim);border-radius:0 6px 6px 0;padding:12px 14px}.rec .comp-tag{display:inline-block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--deny);font-weight:600;margin-bottom:5px}.rec .comp-detail{display:block;font-size:13px;color:var(--text-muted);line-height:1.5}.rec .tool{display:flex;justify-content:space-between;align-items:center;padding:7px 0}.rec a.tool-link{text-decoration:none;border-radius:6px;margin:0 -8px;padding:7px 8px;transition:background .15s ease}.rec a.tool-link:hover{background:var(--surface2)}.rec a.tool-link:hover .tool-n{color:var(--text-accent)}.rec .tool-n{font-size:13px;color:var(--text)}.rec .tool-tags{display:flex;align-items:center;gap:10px}.rec .sev{font-size:12px;color:var(--text-dim);font-family:var(--mono)}.rec .tag{font-family:var(--mono);font-size:11px;border-radius:4px;padding:2px 8px}.rec .tag-crit,.rec .tag-deny{color:var(--deny);background:var(--deny-dim)}.rec .tag-warn{color:var(--warning);background:var(--warning-dim)}.rec .tag-blue{color:#7dd3fc;background:#7dd3fc1f}.rec .tag-ok{color:var(--allow);background:var(--allow-dim)}.rec .tag-dim{color:var(--text-dim);background:var(--surface2)}.rec .more{margin-top:6px;border-top:1px solid var(--border)}.rec .more summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--text-accent);padding:12px 0 2px;user-select:none}.rec .more summary::-webkit-details-marker{display:none}.rec .more summary:before{content:"+ ";color:var(--text-dim)}.rec .more[open] summary:before{content:"– "}.rec .more[open] summary{color:var(--text-muted)}.rec .sec-link{display:block;margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--text-accent);text-decoration:none}.rec .sec-link:hover{text-decoration:underline}.rec .pol{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.rec .pol:last-child{border-bottom:none}.rec .pol-rule{font-size:13px;color:var(--text-muted)}.rec .pol-act{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 9px;white-space:nowrap}.rec .act-allow{color:var(--allow);background:var(--allow-dim)}.rec .act-gate{color:var(--warning);background:var(--warning-dim)}.rec .act-deny{color:var(--deny);background:var(--deny-dim)}.rec .timeline{display:flex;flex-direction:column;gap:14px}.rec .tl{display:grid;grid-template-columns:120px 1fr;gap:14px;font-size:13px}.rec .tl-when{color:var(--text-muted)}.rec .tl-body{border-left:1px solid var(--border2);padding-left:14px;color:var(--text)}.rec .tl-empty{font-size:13px;color:var(--text-dim)}#empty .miss-card{border:1px dashed var(--border2);border-radius:10px;padding:20px 22px;color:var(--text-muted);font-size:15px;line-height:1.6}#empty .miss-card b{color:var(--text);font-family:var(--mono)}@media(max-width:680px){.rec .rec-signals{grid-template-columns:1fr}.rec .rec-head{flex-direction:column}.rec .tl{grid-template-columns:1fr;gap:4px}.rec .tl-body{border-left:none;padding-left:0}}