/* 반도체 규칙 성과·검증 — 한 화면. 큰 숫자 4개 + 곡선 + 규칙 2 + 최근 10 + 검증 */
.perf{font-variant-numeric:tabular-nums;--up:#c0392b;--dn:#1f5fa8;--ink2:#2b2f36}
.perf .up{color:var(--up)}.perf .dn{color:var(--dn)}.perf .flat{color:#8a8f98}.perf .muted{color:var(--muted);font-size:13px}
.perf .intro{margin:14px 0 18px}.perf h1{font-size:clamp(22px,2.6vw,30px)}
.perf h2{font-size:15px;margin:30px 0 10px;color:var(--ink2);display:flex;align-items:baseline;gap:10px}.perf h2 small{font-size:12px;font-weight:700;color:#6b4f1d}
.verdict{display:grid;grid-template-columns:18px 1fr;gap:6px 14px;align-items:start;border-radius:18px;padding:22px 26px;border:1px solid #e2d9c6;background:#fffdf9}
.verdict .dot{width:14px;height:14px;border-radius:50%;margin-top:9px;background:#9aa0a6}
.verdict.green{border-color:#b9d3b9;background:#f3faf3}.verdict.green .dot{background:#2e8b57}
.verdict.yellow{border-color:#ead9b0;background:#fff7e3}.verdict.yellow .dot{background:#b98a49}
.verdict.red{border-color:#e8c2bf;background:#fdf3f2}.verdict.red .dot{background:var(--up)}
.verdict .t{font-size:22px;font-weight:900;line-height:1.35;letter-spacing:-.3px}.verdict .s{grid-column:2;font-size:12px;color:var(--muted)}
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px}
.num{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px}
.num small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.3px;color:var(--muted)}.num b{display:block;font-size:26px;font-weight:900;margin:4px 0 2px;line-height:1.15}.num em{font-style:normal;font-size:12px;color:var(--muted)}
.card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px}
.curve{width:100%;height:auto;display:block}.curve .zero{stroke:#d5cdbd;stroke-width:1;stroke-dasharray:4 4}.curve .mine{fill:none;stroke:var(--up);stroke-width:2.5}.curve .bench{fill:none;stroke:#9aa0a6;stroke-width:1.5;stroke-dasharray:5 4}
.curve .lab{font-size:12px;fill:var(--muted);font-weight:700}.curve text.mine{fill:var(--up)}.curve text.bench{fill:#6b7280}
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px}
.rule{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px}.rule h3{margin:0 0 8px;font-size:13px;color:#6b4f1d}
.rule .row{display:flex;align-items:baseline;gap:10px;padding:4px 0}.rule .row b{font-size:20px;font-weight:900;min-width:96px}.rule .row span{font-size:12.5px;color:var(--muted)}
.rule p{margin:8px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.tb{width:100%;border-collapse:collapse;font-size:13px}.tb th{text-align:right;font-size:11.5px;color:#4a5560;padding:6px 8px;background:#f3efe6}.tb th.l,.tb td.l{text-align:left}.tb td{text-align:right;padding:7px 8px;border-top:1px solid #efece5;white-space:nowrap}.tb td small{display:block;font-size:11px;color:var(--muted)}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:6px 14px}
.chk{display:grid;grid-template-columns:18px 130px 1fr;gap:6px;align-items:baseline;font-size:12.5px;padding:6px 0;border-bottom:1px dashed #efece5}
.chk .m{font-weight:900}.chk.ok .m{color:#2e8b57}.chk.bad .m{color:var(--up)}.chk .k{font-weight:800;color:var(--ink2)}.chk .v{color:var(--muted)}.chk .n{grid-column:2/-1;font-size:11.5px;color:var(--up)}
.issues{grid-column:1/-1;margin-top:8px;font-size:12.5px}.issues ul{margin:4px 0 0;padding-left:18px;color:var(--up)}
.perf .basis{font-size:11.5px;color:var(--muted);margin-top:16px;line-height:1.6}.perf .basis a{color:#8e692b;font-weight:700}
@media (max-width:600px){.verdict .t{font-size:18px}.num b{font-size:22px}}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;font-weight:800;margin-top:6px}.legend .mine{color:var(--up)}.legend .bench{color:#6b7280}.legend .gap{color:var(--ink2)}