/* 검증서(형 49937): 상표(소개 페이지와 같은 마름모 + 글자) · 인증 번호 · 큰 배수 · 인장 · 검사 4항목 · 공통 문구 · 검증 시각.
   인장은 합격/불합격일 때만, 나타날 때 한 번 200ms. 값은 tokens.css 이름만. */
.mark{display:inline-flex;align-items:center;gap:10px;font:700 var(--fs-14)/1 var(--f-disp);letter-spacing:.04em;color:var(--ink);text-decoration:none;white-space:nowrap}
.mark-d{width:14px;height:14px;border-radius:3px;background:var(--neon);transform:rotate(45deg) scale(.8);flex:none}
.mark-b{color:var(--neon)}
.site-h .mark{font-size:var(--fs-16)}
.site-h .mark-d{width:20px;height:20px;border-radius:5px}

.cert{position:relative;padding:var(--s4);border-color:var(--neon-edge)}
.cert::before{content:"";position:absolute;inset:6px;border:1px solid var(--line);border-radius:calc(var(--r-l) - 4px);pointer-events:none}
@media (min-width:768px){.cert{padding:var(--s6) var(--s6) var(--s5)}}
.cert-h{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);padding:var(--s2) var(--s2) var(--s4);border-bottom:1px solid var(--line)}
.cert-title{font:600 var(--fs-13)/1.3 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--sub)}
.cert-no{margin-left:auto;font-size:var(--fs-12);color:var(--mut);white-space:nowrap}
.cert-no code{font:600 var(--fs-13)/1 var(--f-mono);color:var(--ink);letter-spacing:.02em}
@media (max-width:599px){.cert-no{margin-left:0;width:100%}}

.cert-body{position:relative;display:grid;grid-template-columns:1fr auto;gap:var(--s4);align-items:center;padding:var(--s5) var(--s2) var(--s4)}
.result-round{font:500 var(--fs-14)/1.4 var(--f-body);color:var(--sub);letter-spacing:.02em;min-height:18px}
.result-mult{margin-top:var(--s2);font:700 clamp(52px,10vw,104px)/1 var(--f-disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink);min-height:1em;white-space:nowrap}
.result-mult[data-tone="up"]{color:var(--up)}
.result-mult[data-tone="down"]{color:var(--down)}
.result-mult[data-tone="none"]{color:var(--mut);font-size:clamp(28px,5vw,44px);white-space:normal;line-height:1.2}
.result-meta{margin-top:var(--s3);display:flex;flex-wrap:wrap;gap:var(--s2);min-height:24px}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 var(--s2);border-radius:var(--r-s);border:1px solid var(--line-2);font:600 var(--fs-12)/1 var(--f-body);color:var(--sub);white-space:nowrap}
.tag[data-k="x"]{color:var(--warn);border-color:rgba(255,178,36,.35)}
.tag[data-k="void"]{color:var(--down);border-color:rgba(255,107,107,.35)}
.tag[data-k="live"]{color:var(--warn);border-color:rgba(255,178,36,.35)}

/* 인장: 얇은 이중 원 + 마름모 + VERIFIED */
.seal{width:96px;height:96px;flex:none;visibility:hidden;color:var(--mut)}
@media (min-width:768px){.seal{width:148px;height:148px}}
.cert[data-s="pass"] .seal{visibility:visible;color:var(--up);animation:seal-in var(--t-slow) var(--ease) both}
.cert[data-s="fail"] .seal{visibility:visible;color:var(--down);animation:seal-in var(--t-slow) var(--ease) both}
@keyframes seal-in{from{opacity:0;transform:scale(.94) rotate(-4deg)}to{opacity:1;transform:none}}
.seal-o,.seal-i{fill:none;stroke:currentColor}
.seal-o{stroke-width:1.5}
.seal-i{stroke-width:.75;stroke-dasharray:2 3}
.seal-d{fill:none;stroke:currentColor;stroke-width:1.5}
.seal-arc{font:600 9.5px var(--f-mono);letter-spacing:2.6px;fill:currentColor;text-transform:uppercase}
.seal-w{font:800 15px var(--f-disp);letter-spacing:1px;fill:currentColor;text-anchor:middle}
.seal-s{font:500 8.5px var(--f-mono);letter-spacing:1.5px;fill:currentColor;text-anchor:middle;opacity:.85}
.cert[data-s="fail"] .seal-w{font-size:11.5px}

/* 검사 4항목 */
.checks{list-style:none;padding:0 var(--s2);margin:0;display:grid;grid-template-columns:1fr;gap:var(--s2)}
@media (min-width:900px){.checks{grid-template-columns:repeat(2,1fr)}}
.checks:empty{display:none}
.checks li{display:grid;grid-template-columns:20px 1fr auto;align-items:start;gap:var(--s3);padding:var(--s3) var(--s3);border-radius:var(--r-m);background:rgba(0,0,0,.32);border:1px solid var(--line)}
.ck-s{width:20px;height:20px;color:var(--mut);margin-top:1px}
.ck-b{min-width:0;display:grid;gap:2px}
.ck-b b{font:600 var(--fs-14)/1.4 var(--f-body)}
.ck-f{font:400 var(--fs-12)/1.5 var(--f-mono);color:var(--sub);overflow-wrap:anywhere}
.ck-v{font:500 var(--fs-12)/1.5 var(--f-mono);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-r{font:600 var(--fs-12)/20px var(--f-body);color:var(--mut);white-space:nowrap}
.checks li[data-s="ok"] .ck-s,.checks li[data-s="ok"] .ck-r{color:var(--up)}
.checks li[data-s="no"]{border-color:rgba(255,107,107,.45)}
.checks li[data-s="no"] .ck-s,.checks li[data-s="no"] .ck-r{color:var(--down)}

.cert-stmt{margin:var(--s4) var(--s2) 0;padding:var(--s4) 0 0;border-top:1px solid var(--line);font-size:var(--fs-14);line-height:1.75;color:var(--sub);max-width:820px}
.cert-stmt:empty{display:none}
.cert[data-s="fail"] .cert-stmt{color:var(--ink)}
.cert-foot{margin:var(--s3) var(--s2) 0;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5)}
.cert-foot:empty{display:none}
.cert-foot div{display:flex;gap:var(--s2);align-items:baseline;min-width:0}
.cert-foot dt{font-size:var(--fs-12);color:var(--mut)}
.cert-foot dd{font:500 var(--fs-13)/1.4 var(--f-body);color:var(--ink);overflow-wrap:anywhere}
.cert .note{margin:var(--s4) var(--s2) 0}
.cert-no:has(code:empty){visibility:hidden}