/* 검토용 사이트 전용 스타일. assets/app.css 의 색·서체 토큰을 그대로 쓴다.
   상단 내비와 비교 랜딩은 검토를 위한 껍데기이므로 실제 서비스에는 넣지 않는다. */

.revnav{border-bottom:1px solid var(--line-soft);background:var(--ground)}
.revnav-in{max-width:52rem;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}
.revnav-t{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--text-faint);text-transform:uppercase;margin-right:auto}
.revnav a{font-size:13px;color:var(--text-dim);text-decoration:none;padding:3px 10px;border:1px solid transparent;border-radius:2px;transition:color .16s ease,border-color .16s ease}
.revnav a:hover{color:var(--brass);border-color:var(--line)}
.revnav a[aria-current="page"]{color:var(--brass);border-color:var(--brass-lo);background:var(--brass-wash)}

.lwrap{max-width:52rem;margin:0 auto;padding-inline:20px}
.lhero{padding-block:clamp(40px,10vw,72px) 4px}
.lsec{margin-top:40px;padding-top:26px;border-top:1px solid var(--line-soft)}
.lsec-h{font-size:11.5px;font-weight:500;letter-spacing:.14em;color:var(--text-faint);margin-bottom:16px}
.lnote{font-size:13px;color:var(--text-faint);line-height:1.8;margin:16px 0 0}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:12px}
.card{display:block;border:1px solid var(--line);background:var(--panel);padding:18px;text-decoration:none;color:inherit;transition:border-color .18s ease,background .18s ease}
.card:hover{border-color:var(--brass);background:var(--panel-2)}
.card b{display:block;font-family:var(--serif);font-size:19px;font-weight:700;margin-bottom:6px}
.card:hover b{color:var(--brass)}
.card span{display:block;font-size:13px;color:var(--text-faint);line-height:1.65}

.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.cmp{border-collapse:collapse;width:100%;min-width:19rem;font-size:14px;font-variant-numeric:tabular-nums}
table.cmp th,table.cmp td{text-align:right;padding:9px 6px;border-bottom:1px solid var(--line-soft);white-space:nowrap}
table.cmp th:first-child,table.cmp td:first-child{padding-left:0}
table.cmp th:last-child,table.cmp td:last-child{padding-right:0}
table.cmp th:first-child,table.cmp td:first-child{text-align:left}
table.cmp thead th{font-size:12px;font-weight:500;letter-spacing:.05em;color:var(--text-faint);border-bottom-color:var(--line)}
table.cmp td{color:var(--text-dim)}
table.cmp th[scope=row]{font-weight:400;color:var(--text-dim)}
table.cmp .up{color:var(--brass)}
table.cmp tr.sep th,table.cmp tr.sep td{border-bottom-color:var(--line)}