:root{
  --teal:#18cdcd;--teal-deep:#04838c;--teal-darker:#06454e;--teal-wash:#e8f9f9;--teal-line:#97e8e8;
  --coral:#d73d00;--coral-wash:#fff0ea;--coral-line:#ffcfbe;
  --good:#0a7a43;--good-wash:#e6f6ee;
  --ink:#1b1b1b;--body:#393939;--mute:#6a6a6a;
  --bg:#fff;--soft:#f4f6f6;--card:#fff;--line:#e3e8e8;--shadow:0 1px 2px rgba(6,69,78,.06),0 4px 16px rgba(6,69,78,.05);
  --radius:12px;
}
@media(prefers-color-scheme:dark){:root{
  --teal-deep:#4cd6d6;--teal-darker:#bff3f3;--teal-wash:#0f2a2c;--teal-line:#1d5457;
  --coral:#ff8a5c;--coral-wash:#2e1a12;--coral-line:#6b3320;
  --good:#5fd39b;--good-wash:#10281d;
  --ink:#f2f4f4;--body:#d3d9d9;--mute:#9aa5a5;
  --bg:#101415;--soft:#161b1c;--card:#1a2022;--line:#2a3335;--shadow:none;
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--soft);color:var(--body);font:15px/1.55 -apple-system,"Segoe UI",system-ui,Arial,sans-serif}
h1,h2,h3,h4{color:var(--ink);font-weight:600;margin:0}
a{color:var(--teal-deep)}
[hidden]{display:none!important}

.topbar{background:var(--bg);border-bottom:1px solid var(--line)}
.topbar-in{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:10px}
.mark{width:28px;height:28px;border-radius:8px;background:var(--teal);display:grid;place-items:center;color:#06454e;font-weight:700}
.brand{font-weight:600;color:var(--ink)}
.brand span{color:var(--mute);font-weight:400}

main{max-width:1180px;margin:0 auto;padding:0 20px 64px}

.lookup{padding:40px 0 8px}
.lookup.compact{padding:20px 0 4px}
.lookup h1{font-size:34px;line-height:1.15;letter-spacing:-.01em;max-width:680px}
.lookup .lede{margin:10px 0 22px;color:var(--mute);max-width:620px;font-size:16px}
.compact h1,.compact .lede,.compact .features{display:none}
form{display:flex;gap:10px;flex-wrap:wrap}
.field{flex:1 1 420px;position:relative}
.field input{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;box-shadow:var(--shadow)}
.field input:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:transparent}
.btn{display:inline-flex;align-items:center;gap:6px;padding:11px 20px;border:1px solid var(--teal-deep);border-radius:999px;background:var(--teal-deep);color:#fff;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;list-style:none}
@media(prefers-color-scheme:dark){.btn{color:#06292b}.btn.ghost{color:var(--teal-deep)}}
.btn:hover{filter:brightness(1.07)}
.btn:disabled{opacity:.6;cursor:default}
.btn.ghost{background:transparent;color:var(--teal-deep)}
.btn.ghost:hover{background:var(--teal-wash);filter:none}
summary.btn::-webkit-details-marker{display:none}
.examples{margin-top:12px;color:var(--mute);font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.examples button{border:1px solid var(--line);background:var(--card);color:var(--body);border-radius:999px;padding:3px 12px;font:inherit;font-size:13px;cursor:pointer}
.examples button:hover{border-color:var(--teal-deep);color:var(--teal-deep)}
.compact .examples{display:none}

.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.feature b{display:block;color:var(--ink);margin-bottom:4px}
.feature span{color:var(--mute);font-size:14px}

#error{margin-top:16px;padding:12px 16px;border-radius:var(--radius);background:var(--coral-wash);border:1px solid var(--coral-line);color:var(--coral)}
#error b{display:block}

.skeleton{margin-top:24px;display:grid;gap:14px}
.skeleton div{height:96px;border-radius:var(--radius);background:linear-gradient(90deg,var(--line),var(--soft),var(--line));background-size:200% 100%;animation:sh 1.2s linear infinite}
.skeleton div:first-child{height:120px}
@keyframes sh{to{background-position:-200% 0}}

#app{margin-top:20px}
.summary-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}
.eyebrow{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-deep)}
.summary-card h2{font-size:26px;line-height:1.2}
.meta{margin:6px 0 10px;color:var(--mute)}
.pills{display:flex;gap:6px;flex-wrap:wrap}
.sc-actions{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}
.menu{position:relative}
.menu-list{position:absolute;right:0;top:calc(100% + 6px);min-width:240px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.14);padding:6px;z-index:20}
.menu-list button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--body);font:inherit;padding:9px 12px;border-radius:7px;cursor:pointer}
.menu-list button:hover{background:var(--teal-wash);color:var(--teal-darker)}

.pill{display:inline-block;padding:1px 10px;border-radius:999px;border:1px solid var(--line);background:var(--soft);color:var(--body);font-size:12px;font-weight:500;white-space:nowrap}
.pill.good{background:var(--good-wash);border-color:transparent;color:var(--good)}
.pill.warn{background:var(--coral-wash);border-color:transparent;color:var(--coral)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0 22px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}
.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:600}
.stat-big{font-size:24px;font-weight:600;color:var(--ink);line-height:1.25;margin-top:2px}
.stat-sub{font-size:13px;color:var(--mute);min-height:1.4em}

.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto;align-items:center;position:sticky;top:0;background:var(--soft);z-index:10;padding-top:6px}
.tabs [role=tab]{border:0;background:none;padding:11px 16px;font:inherit;font-weight:600;color:var(--mute);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;margin-bottom:-1px}
.tabs [role=tab]:hover{color:var(--ink)}
.tabs [role=tab][aria-selected=true]{color:var(--teal-deep);border-bottom-color:var(--teal-deep)}
.count{display:inline-block;min-width:22px;padding:0 7px;border-radius:999px;background:var(--line);color:var(--body);font-size:12px;text-align:center;font-weight:600}
.count.warn{background:var(--coral);color:#fff}
@media(prefers-color-scheme:dark){.count.warn{color:#2b1005}}
.progress{margin-left:auto;font-size:13px;color:var(--mute);padding:0 6px;white-space:nowrap}

.cols{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}
.stack{display:grid;gap:18px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.panel h3{font-size:17px;display:flex;align-items:center;gap:8px}
.panel h4{margin:18px 0 6px;font-size:14px}
.hint{color:var(--mute);font-size:13.5px;margin:4px 0 12px}
.empty{color:var(--mute);padding:8px 0}

.flags,.gaps{list-style:none;margin:0;padding:0}
.flag{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.flag:first-child{border-top:0}
.flag .dot{flex:none;width:9px;height:9px;border-radius:50%;margin-top:7px;background:var(--mute)}
.flag.warn .dot{background:var(--coral)}
.flag span:nth-child(2){flex:1}
.linkbtn{border:0;background:none;color:var(--teal-deep);font:inherit;font-weight:600;cursor:pointer;padding:0;white-space:nowrap}
.linkbtn:hover{text-decoration:underline}
.gaps li{padding:9px 0;border-top:1px solid var(--line);display:flex;flex-direction:column}
.gaps li:first-child{border-top:0}
.gaps span{color:var(--mute);font-size:13px}

.kv{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:8px 16px;margin:8px 0 0}
.kv dt{color:var(--mute);font-size:13.5px}
.kv dd{margin:0;word-break:break-word}

.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.search,.select{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit}
.search{flex:1 1 240px;max-width:340px}
.search:focus,.select:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:transparent}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--card);color:var(--body);padding:6px 14px;border-radius:999px;font:inherit;font-size:13.5px;cursor:pointer}
.chip.on{background:var(--teal-deep);border-color:var(--teal-deep);color:#fff}
@media(prefers-color-scheme:dark){.chip.on{color:#06292b}}
.toolbar .linkbtn{margin-left:auto}

.list{display:grid;gap:10px}
.row{display:flex;gap:12px;align-items:flex-start}
.row .tick{margin-top:22px}
.tick{width:18px;height:18px;accent-color:var(--teal-deep);flex:none;cursor:pointer}
.doc{flex:1;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0}
.item.verified .doc{border-color:var(--teal-line);background:var(--teal-wash)}
.doc summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px;cursor:pointer;list-style:none}
.doc summary::-webkit-details-marker{display:none}
.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--soft)}
.avatar.ph{display:grid;place-items:center;background:var(--teal-wash);color:var(--teal-darker);font-weight:600;font-size:15px;border:1px solid var(--teal-line)}
.who{display:flex;flex-direction:column;min-width:0;flex:1 1 150px}
.nm{font-weight:600;color:var(--ink)}
.mt{color:var(--mute);font-size:13px}
.pills{display:flex;gap:6px;flex-wrap:wrap}
.ct{color:var(--mute);font-size:13px;white-space:nowrap}
.chev{width:9px;height:9px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg);margin:0 4px 3px 4px;transition:transform .15s}
details[open]>summary .chev{transform:rotate(-135deg);margin-bottom:-3px}
.doc-body{padding:4px 18px 18px 74px;border-top:1px solid var(--line)}
.doc-body p{margin:10px 0 0}
.doc-body b{color:var(--ink);margin-right:6px}
.bio{color:var(--body);max-width:78ch}
.note{margin-top:12px;padding:8px 12px;border-radius:8px}
.note.warn{background:var(--coral-wash);color:var(--coral)}
.doc-body .scroll{margin-top:14px}

.scroll{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.tbl th{background:var(--soft);color:var(--mute);font-size:12px;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:10px 12px;white-space:nowrap}
.tbl td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
.tbl.small th,.tbl.small td{padding:7px 10px;font-size:14px}
.tbl.small{border-radius:8px}
.tbl .num{text-align:center}
.tbl .sub{color:var(--mute);font-size:12px}
.muted{color:var(--mute)}
.len{white-space:nowrap}
.len.differs{color:var(--coral);font-weight:600}
.msg{max-width:360px;color:var(--mute);font-size:14px}
.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.clamp.open{display:block}
tr.item.verified td{background:var(--teal-wash)}
tr.item:hover td{background:var(--soft)}
tr.item.verified:hover td{background:var(--teal-wash)}
.select{padding-right:28px}

.matrix-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.matrix{border-collapse:separate;border-spacing:0;min-width:100%}
.matrix th,.matrix td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:center;font-size:13.5px}
.matrix thead th{position:sticky;top:0;background:var(--soft);font-size:12px;color:var(--mute);vertical-align:bottom;min-width:84px}
.matrix thead th:first-child,.matrix tbody th{position:sticky;left:0;background:var(--card);text-align:left;min-width:210px;color:var(--ink);font-weight:500;z-index:1;border-right:1px solid var(--line)}
.matrix thead th:first-child{background:var(--soft);z-index:2}
.matrix td.on{background:var(--teal-wash);color:var(--teal-darker);font-weight:600}
.matrix td.on.differs{box-shadow:inset 0 0 0 2px var(--coral);color:var(--coral);background:var(--coral-wash)}
.matrix i{font-style:normal;font-size:10px;margin-left:3px;padding:0 4px;border-radius:4px;background:var(--teal-deep);color:#fff}
.legend.differs{color:var(--coral);font-weight:600}

@media(max-width:860px){
  .cols{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .features{grid-template-columns:1fr}
  .doc-body{padding-left:18px}
  .doc summary .pills{order:5;flex-basis:100%}
  .ct{margin-left:auto}
  .who{flex:1 1 110px}
  .lookup h1{font-size:28px}
}
@media(max-width:520px){
  .stats{gap:10px}.stat{padding:12px 14px}.stat-big{font-size:19px}
  form .btn{width:100%;justify-content:center}
  .summary-card h2{font-size:22px}
  .sc-actions{width:100%}
  main,.topbar-in{padding-left:14px;padding-right:14px}
  .summary-card{padding:16px}
  .kv{grid-template-columns:1fr}
  .kv dt{margin-top:6px}
}

.copy{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:6px;padding:0;border:0;border-radius:6px;background:none;color:var(--mute);cursor:pointer;vertical-align:middle;flex:none}
.copy:hover{background:var(--teal-wash);color:var(--teal-deep)}
.copy .i-done{display:none}
.copy.done{color:var(--good)}
.copy.done .i-copy{display:none}
.copy.done .i-done{display:block}
.nm .copy,.tbl td b+.copy{opacity:0}
.doc summary:hover .copy,.tbl tr:hover .copy,.copy:focus-visible{opacity:1}
.kv dd{display:flex;align-items:flex-start;gap:4px}
.kv dd>span{flex:0 1 auto}
.kv dd .copy{opacity:0;margin-top:-2px}
.kv dd:hover .copy{opacity:1}
.panel h3 .copy,.panel h4 .copy,.summary-card h2 .copy{opacity:1}
.summary-card h2 .copy{width:28px;height:28px}
.msg .copy{opacity:0;float:right}
.tools{display:inline-flex;align-items:center;gap:2px}
.tool-label{font-size:13px;color:var(--mute);margin-right:12px}
.toolbar .tools{margin-left:auto}
.toolbar .tools .linkbtn{margin-left:0}
.toolbar .tools+.select,.toolbar .tools+.linkbtn{margin-left:0}
.bio .copy{opacity:0}
.bio:hover .copy{opacity:1}
.tabs [role=tab].quiet{font-weight:500;font-size:14px;margin-left:12px;border-left:1px solid var(--line);padding-left:20px;border-radius:0}
.tabs [role=tab].quiet .count{background:transparent;border:1px solid var(--line)}
@media(hover:none){.copy{opacity:1!important}}
.cols.single{grid-template-columns:minmax(0,760px)}
.note.info{background:var(--teal-wash);color:var(--teal-darker);white-space:pre-line}