@import url('/assets/css/main.css');

.out-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}
.out-row:last-child{border-bottom:none}
.out-label{font-weight:600;font-size:.92rem}
.out-note{font-weight:400;font-size:.78rem;color:var(--muted-2)}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;color:var(--primary);font-size:.95rem;word-break:break-all}
.copy-btn{flex:0 0 auto}

.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .8rem;border-radius:999px;font-size:.83rem;font-weight:700;border:1px solid}
.badge.pass{background:var(--green-dim);color:var(--green);border-color:rgba(52,211,153,.4)}
.badge.fail{background:var(--red-dim);color:var(--red);border-color:rgba(248,113,113,.4)}
.ratio-big{font-family:var(--font-head);font-size:clamp(2.4rem,6vw,3.4rem);font-weight:700;background:linear-gradient(90deg,var(--primary),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.crit-table{width:100%;border-collapse:collapse;font-size:.92rem;margin-top:1rem}
.crit-table th,.crit-table td{padding:.6rem .7rem;text-align:left;border-bottom:1px solid var(--line-soft)}
.crit-table tr:last-child td{border-bottom:none}

.contrast-sample{margin:1.2rem 0;padding:1.4rem;border-radius:12px;border:1px solid var(--line);line-height:1.7}
.contrast-sample strong{font-size:1.25rem;font-family:var(--font-head)}
.verdict{font-size:1.15rem;font-weight:700;margin:.6rem 0}