/* seoraporu.co — report/analysis theme. Extracted from layouts/report.php. */
/* Weight scheme: only 300/400/500 in CSS. paragraphs 300 -> b2b_300 (light);
   bold 400 -> b2b_400; headings/big numbers 500 -> b2b_500. */
@font-face{font-family:b2b;src:url('assets/fonts/b2b_300.woff2') format('woff2');font-weight:1 349;font-style:normal;font-display:swap}
@font-face{font-family:b2b;src:url('assets/fonts/b2b_400.woff2') format('woff2');font-weight:350 449;font-style:normal;font-display:swap}
@font-face{font-family:b2b;src:url('assets/fonts/b2b_500.woff2') format('woff2');font-weight:450 1000;font-style:normal;font-display:swap}

:root{
  --bg:#f5f6f8; --card:#fff; --bd:#e7e9ee; --bd2:#eef0f4;
  --tx:#1d2127; --tx2:#5b626d; --mut:#8a909b;
  --pri:#16a34a; --pri-t:#16a34a14;
  --ok:#16a34a; --ok-t:#16a34a16; --ok-b:#16a34a;
  --warn:#e2960b; --warn-t:#e2960b1a;
  --err:#e8493a; --err-t:#e8493a16;
  --neu:#7c8694; --neu-t:#7c869418;
  --ai:#0c8ce9; --ai-t:#0c8ce90f; --ai-b:#0c8ce933;
  --bar:#eef0f4; --code:#f4f6f8; --codetx:#384150;
  --sh:0 .0625rem .125rem #1d21270a, 0 .0625rem .375rem #1d212708;
  --r:.3rem; --rl:.5rem;
}
:root[data-theme="dark"]{
  --bg:#0d1117; --card:#161b22; --bd:#232a33; --bd2:#1c222b;
  --tx:#e6edf3; --tx2:#aab2bd; --mut:#7d8794;
  --pri:#2ea043; --pri-t:#2ea0431f;
  --ok:#3fb950; --ok-t:#3fb9501f; --ok-b:#3fb950;
  --warn:#d29922; --warn-t:#d2992222;
  --err:#f85149; --err-t:#f8514920;
  --neu:#8b949e; --neu-t:#8b949e1f;
  --ai:#58a6ff; --ai-t:#58a6ff14; --ai-b:#58a6ff33;
  --bar:#21262d; --code:#0d1117; --codetx:#c9d1d9;
  --sh:0 .0625rem .125rem #00000040;
}
@media (prefers-color-scheme:dark){
  :root[data-theme="auto"]{
    --bg:#0d1117; --card:#161b22; --bd:#232a33; --bd2:#1c222b;
    --tx:#e6edf3; --tx2:#aab2bd; --mut:#7d8794;
    --pri:#2ea043; --pri-t:#2ea0431f;
    --ok:#3fb950; --ok-t:#3fb9501f; --ok-b:#3fb950;
    --warn:#d29922; --warn-t:#d2992222;
    --err:#f85149; --err-t:#f8514920;
    --neu:#8b949e; --neu-t:#8b949e1f;
    --bar:#21262d; --code:#0d1117; --codetx:#c9d1d9;
    --sh:0 .0625rem .125rem #00000040;
  }
}

*{box-sizing:border-box;margin:0;padding:0}
html{font-size:100%;-webkit-text-size-adjust:100%}
body{
  background:var(--bg); color:var(--tx);
  font-family:"b2b",system-ui,sans-serif;
  font-weight:300;
  font-size:1.031rem; line-height:1.55; -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
svg{display:block}
.wr{max-width:75rem;margin-inline:auto;padding-inline:1.25rem}

/* ---------- nav ---------- */
.nv{position:sticky;top:0;z-index:40;background:var(--card);border-bottom:1px solid var(--bd)}
.nv>.wr{display:flex;align-items:center;gap:1.5rem;height:3.75rem}
.nv .lg{display:flex;align-items:center;gap:.55rem;font-weight:500;font-size:1.169rem;letter-spacing:-.01em}
.nv .lg .mk{width:1.65rem;height:1.65rem;border-radius:50%;background:var(--pri);display:grid;place-items:center;flex:none}
.nv .lg .mk svg{width:1rem;height:1rem}
.lg .co{color:var(--pri)}
.nv nav{display:flex;align-items:center;gap:1.5rem;margin-left:auto}
.nv nav a{color:var(--tx2);font-weight:400;font-size:0.9625rem}
.nv nav a:hover{color:var(--tx)}
.nv .bn{border:1px solid var(--pri);color:var(--pri);font-weight:400;font-size:0.9625rem;padding:.4rem .85rem;border-radius:var(--r);background:transparent;cursor:pointer;font-family:inherit}
.nv .bn:hover{background:var(--pri-t)}
.nv .ico{width:2rem;height:2rem;border:1px solid var(--bd);border-radius:var(--r);background:var(--card);color:var(--tx2);display:grid;place-items:center;cursor:pointer}
.nv .ico:hover{color:var(--tx);border-color:var(--mut)}
.nv .ico svg{width:1.05rem;height:1.05rem}
@media(max-width:48rem){.nv nav .hl{display:none}}

/* ---------- crumb + head ---------- */
.cr{font-size:0.8938rem;color:var(--mut);padding-top:1.5rem;display:flex;align-items:center;gap:.4rem}
.cr a:hover{color:var(--tx2)}
.cr svg{width:.7rem;height:.7rem;opacity:.6}
.hd{display:flex;align-items:center;gap:.75rem;padding:.5rem 0 1.25rem}
.hd h1{font-size:2.035rem;font-weight:500;letter-spacing:-.02em;word-break:break-all}
.hd .sp{flex:1}
.hd .ico{width:2.1rem;height:2.1rem;border:1px solid var(--bd);border-radius:var(--r);color:var(--tx2);display:grid;place-items:center;cursor:pointer;background:var(--card)}
.hd .ico:hover{color:var(--tx);border-color:var(--mut)}
.hd .ico svg{width:1.05rem;height:1.05rem}

/* ---------- tabs ---------- */
.tb{position:sticky;top:3.75rem;z-index:30;background:var(--bg);border-bottom:1px solid var(--bd)}
.tb>.wr{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none}
.tb>.wr::-webkit-scrollbar{display:none}
.tb a{position:relative;display:flex;align-items:center;gap:.45rem;padding:.85rem .85rem;font-size:0.9625rem;font-weight:400;color:var(--tx2);white-space:nowrap;border-bottom:2px solid transparent}
.tb a:hover{color:var(--tx)}
.tb a.on{color:var(--pri);border-bottom-color:var(--pri)}
.tb a svg{width:1rem;height:1rem;opacity:.85}
.tb a .bd{min-width:1.05rem;height:1.05rem;padding:0 .25rem;border-radius:.55rem;background:var(--err);color:#fff;font-size:0.7563rem;font-weight:500;display:inline-grid;place-items:center}

/* ---------- card / section ---------- */
.cd{background:var(--card);border:1px solid var(--bd);border-radius:var(--rl);box-shadow:var(--sh)}
.cd + .cd{margin-top:1.5rem}
section{padding-top:1.5rem;scroll-margin-top:6.75rem}
.st{font-size:0.858rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding:.25rem .25rem .75rem}

/* ---------- overview ---------- */
.ov{padding:1.5rem;display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center}
.gz{position:relative;width:9rem;height:9rem;flex:none}
.gz svg{width:100%;height:100%;transform:rotate(-90deg)}
.gz .gzv{animation:gzfill 1.1s cubic-bezier(.34,.8,.4,1)}
@keyframes gzfill{from{stroke-dashoffset:326.7}}
@media(prefers-reduced-motion:reduce){.gz .gzv{animation:none}}
.gz .vl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1}
.gz .vl b{font-size:2.5rem;font-weight:500;letter-spacing:-.02em;color:var(--tx)}
.gz .vl i.ln{display:block;width:1.6rem;height:1px;background:var(--bd);margin:.32rem 0}
.gz .vl span{font-size:0.88rem;color:var(--mut);font-weight:400}
.ov .in h2{font-size:1.265rem;font-weight:500}
.ov .in .u{color:var(--pri);font-weight:400;margin:.1rem 0 .55rem;word-break:break-all}
.ov .in p{color:var(--tx2);max-width:34rem}
.ov .pv{position:relative;width:13rem;height:9rem;border-radius:var(--r);border:1px solid var(--bd);background:linear-gradient(135deg,var(--bd2),var(--card));display:grid;place-items:center;color:var(--mut);flex:none;overflow:hidden}
.ov .pv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:zoom-in}

/* ---------- lightbox ---------- */
.lb{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.82);display:none;place-items:center;padding:2.5rem;cursor:zoom-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.lb.on{display:grid}
.lb img{max-width:100%;max-height:100%;border-radius:var(--r);box-shadow:0 1.5rem 4rem rgba(0,0,0,.5)}
.lb .lbx{position:absolute;top:1.1rem;right:1.4rem;font-size:2.2rem;line-height:1;color:#fff;opacity:.8;font-weight:300}
.lb .lbx:hover{opacity:1}
.ov .pv svg{width:2rem;height:2rem;opacity:.5}
@media(max-width:52rem){.ov{grid-template-columns:auto 1fr}.ov .pv{display:none}}
@media(max-width:34rem){.ov{grid-template-columns:1fr;justify-items:center;text-align:center}.ov .in p{margin-inline:auto}}

.stt{border-top:1px solid var(--bd);display:grid;grid-template-columns:repeat(4,1fr)}
.stt>div{padding:.95rem 1.25rem;border-right:1px solid var(--bd);display:flex;flex-direction:column;gap:.15rem}
.stt>div:last-child{border-right:0}
.stt .k{display:flex;align-items:center;gap:.4rem;font-size:0.8938rem;color:var(--tx2);font-weight:400}
.stt .k i{width:.5rem;height:.5rem;border-radius:50%;flex:none}
.stt .v{font-size:0.858rem;color:var(--mut);font-weight:400}
.stt .err i{background:var(--err)} .stt .warn i{background:var(--warn)}
.stt .neu i{background:var(--neu)} .stt .ok i{background:var(--ok)}
@media(max-width:52rem){.stt{grid-template-columns:repeat(2,1fr)}.stt>div:nth-child(2){border-right:0}.stt>div:nth-child(1),.stt>div:nth-child(2){border-bottom:1px solid var(--bd)}}

.stt2{border-top:1px solid var(--bd);display:grid;grid-template-columns:repeat(5,1fr)}
.stt2>div{padding:.85rem 1.25rem;border-right:1px solid var(--bd);display:flex;align-items:center;gap:.55rem;font-size:0.8938rem;font-weight:400;color:var(--tx2)}
.stt2>div:last-child{border-right:0}
.stt2 svg{width:1rem;height:1rem;color:var(--mut);flex:none}
@media(max-width:52rem){.stt2{grid-template-columns:repeat(2,1fr)}.stt2>div{border-right:0;border-bottom:1px solid var(--bd)}.stt2>div:last-child{border-bottom:0}}

/* ---------- pagespeed ---------- */
.ps{padding:1.25rem 1.5rem}
.ps .h{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:1.045rem;margin-bottom:.15rem}
.ps .h svg{width:1.1rem;height:1.1rem;color:var(--tx2)}
.ps .gr{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.1rem}
.ps .dv{font-size:0.858rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:.4rem;margin-bottom:.85rem}
.ps .dv svg{width:.95rem;height:.95rem}
.ps .dl{display:flex;gap:.4rem;flex-wrap:wrap}
.mg{flex:1 1 4.5rem;text-align:center}
.mg .ring{position:relative;width:3.6rem;height:3.6rem;margin:0 auto .35rem}
.mg .ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.mg .ring .mgv{animation:mgfill 1.1s cubic-bezier(.34,.8,.4,1)}
@keyframes mgfill{from{stroke-dashoffset:119.4}}
@media(prefers-reduced-motion:reduce){.mg .ring .mgv{animation:none}}
.mg .ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.045rem;font-weight:500}
.mg .ring b.g{color:var(--ok)} .mg .ring b.a{color:var(--warn)} .mg .ring b.r{color:var(--err)} .mg .ring b.neu{color:var(--neu)}
.mg span{font-size:0.77rem;color:var(--tx2);font-weight:400;display:block;line-height:1.3}
.mt{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.mt>div{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:.5rem .65rem;display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}
.mt .mv{font-weight:500;font-size:1.045rem;flex:none}
.mt .mk{font-size:0.77rem;color:var(--mut);font-weight:400;line-height:1.25;text-align:right}
.mt .mv.g{color:var(--ok)} .mt .mv.a{color:var(--warn)} .mt .mv.r{color:var(--err)}
.psi__loading,.psi__error{padding:1rem 0;color:var(--tx2);font-size:0.935rem}
.psi__loading{display:flex;align-items:center;gap:.55rem}
.psi__error{color:var(--err)}
.spin{width:1rem;height:1rem;flex:none;border:2px solid var(--bar);border-top-color:var(--pri);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:46rem){.ps .gr{grid-template-columns:1fr}.mt{grid-template-columns:repeat(2,1fr)}}
@media(max-width:30rem){.mt{grid-template-columns:1fr}}
.fld{margin-top:1.4rem;border-top:1px dashed var(--bd);padding-top:.9rem}
.fldh{font-size:0.8rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.fld .mt{margin-top:.7rem}

/* ---------- color palette ---------- */
.pal{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.7rem;align-items:center}
.pal .sw{display:flex;align-items:center;gap:.4rem;color:var(--tx2);font-variant-numeric:tabular-nums;cursor:pointer}
.pal .sw i{width:1.6rem;height:1.6rem;border-radius:.35rem;border:1px solid var(--bd);display:block;flex:none}
.pal .palload{font-size:.85rem;color:var(--mut)}

/* ---------- similar sites ---------- */
.sim{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem}
.sim .sb{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border:1px solid var(--bd);border-radius:var(--r);background:var(--bg)}
.sim .sb:hover{border-color:var(--mut)}
.sim .sc{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;font-weight:500;font-size:1.045rem;flex:none;border:2px solid var(--bar)}
.sim .sc.g{color:var(--ok);border-color:var(--ok)} .sim .sc.a{color:var(--warn);border-color:var(--warn)} .sim .sc.r{color:var(--err);border-color:var(--err)} .sim .sc.neu{color:var(--neu)}
.sim .si{display:flex;flex-direction:column;min-width:0}
.sim .si b{font-weight:500;color:var(--tx);word-break:break-all}
.sim .si i{font-style:normal;font-size:.8rem;color:var(--mut)}
@media(max-width:46rem){.sim{grid-template-columns:1fr}}

/* ---------- rows ---------- */
.cd .rw{display:grid;grid-template-columns:15rem 1fr;gap:1rem;padding:1.15rem 1.5rem;border-top:1px solid var(--bd2)}
.cd .rw:first-child{border-top:0}
.rw .rl{display:flex;align-items:flex-start;gap:.65rem}
.rw .rl b{font-weight:400}
.rw .ic{width:1.3rem;height:1.3rem;border-radius:50%;display:grid;place-items:center;flex:none;margin-top:.03rem}
.rw .ic svg{width:.8rem;height:.8rem;color:#fff}
.rw.ok .ic{background:var(--ok)} .rw.warn .ic{background:var(--warn)}
.rw.err .ic{background:var(--err)} .rw.neu .ic{background:var(--neu)}
.rw .rr{min-width:0}
.rw .rr>p{color:var(--tx2);margin-bottom:1rem}
.rw .rr .tg{display:inline-block;background:var(--pri-t);color:var(--pri);font-size:0.858rem;font-weight:400;padding:.1rem .5rem;border-radius:var(--r);margin-top:.45rem}
.rw .vv{font-family:monospace;font-size:0.88rem;color:var(--err);margin-top:.3rem;word-break:break-word}
.rw .vv.n{color:var(--tx2)}
.rw .vv.n2{color:var(--tx2);margin-top:.6rem}
.rw .lk{color:var(--tx2);font-size:0.88rem;word-break:break-all;display:inline-block;margin-top:.3rem}
@media(max-width:42rem){.cd .rw{grid-template-columns:1fr;gap:.6rem}}

/* detail boxes */
.bx{margin-top:.7rem;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden}
.bx .li{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-top:1px solid var(--bd2);font-size:0.902rem}
.bx .li:first-child{border-top:0}
.bx .li .nm{color:var(--tx2);font-weight:400;flex:none;min-width:5.5rem}
.bx .li:has(.pr) .nm{width:8.5rem;white-space:nowrap}
.bx .li .pr{flex:1;height:.4rem;background:var(--bar);border-radius:.3rem;overflow:hidden}
.bx .li .pr i{display:block;height:100%;background:var(--pri);border-radius:.3rem}
.bx .li .ct{font-weight:500;color:var(--tx);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}
.bx .li .ct.g{color:var(--ok)} .bx .li .ct.a{color:var(--warn)} .bx .li .ct.r{color:var(--err)}
.bx .li .nm.w1{min-width:12rem} .bx .li .nm.w2{min-width:15rem} .bx .li .nm.w0{min-width:0}
.bx .li .pr i.g{background:var(--ok)} .bx .li .pr i.r{background:var(--err)}
.bx .li img.ai{width:1.15rem;height:1.15rem;object-fit:contain;flex:none}
.note{margin-top:.7rem;background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:.7rem .85rem;color:var(--tx2);word-break:break-word}

/* heading chips */
.hg{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}
.hg>div{flex:1;min-width:3rem;text-align:center;border:1px solid var(--bd);border-radius:var(--r);padding:.45rem}
.hg .hc{font-weight:500;font-size:1.1rem}
.hg .hl{font-size:0.77rem;color:var(--mut);font-weight:500}
/* heading tags accordion (text drill-down) */
.hgt{margin-top:.7rem;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden}
.hgt .hgr{border-top:1px solid var(--bd2)}
.hgt .hgr:first-child{border-top:0}
.hgt summary{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;cursor:pointer;list-style:none;user-select:none}
.hgt summary::-webkit-details-marker{display:none}
.hgt summary b{font-weight:400;color:var(--tx2)}
.hgt .hgx{width:.85rem;height:.85rem;color:var(--mut);transition:transform .15s;flex:none}
.hgt details[open] .hgx{transform:rotate(90deg)}
.hgt .hgn{margin-left:auto;min-width:1.5rem;height:1.5rem;padding:0 .45rem;border-radius:.75rem;background:var(--bd);color:var(--tx2);font-size:0.77rem;font-weight:500;display:inline-grid;place-items:center}
.hgt .hgl{margin:-.15rem 0 .55rem;padding:0 .8rem 0 2.6rem;list-style:decimal}
.hgt .hgl li{padding:.13rem 0;color:var(--tx);font-weight:300;word-break:break-word}

/* keyword cloud */
.kc{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.45rem;align-items:baseline}
.kc span,.kc a{color:var(--tx2);font-weight:400}
.kc a:hover{color:var(--pri)}
.kc .s1{font-size:1.43rem;color:var(--tx)} .kc .s2{font-size:1.155rem}
.kc .s3{font-size:0.99rem} .kc .s4{font-size:0.88rem;color:var(--mut)}

/* ---------- topics hub ---------- */
.topiclist{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.5rem}
.topiclist a{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .8rem;border:1px solid var(--bd);border-radius:1rem;background:var(--card);color:var(--tx2);font-size:0.92rem}
.topiclist a:hover{border-color:var(--pri);color:var(--pri)}
.topiclist .cnt{font-size:0.78rem;color:var(--mut);font-variant-numeric:tabular-nums}

/* table */
.tbl{margin-top:.7rem;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden}
.tbl .tr{display:grid;grid-template-columns:minmax(8rem,2.2fr) repeat(5,1fr);border-top:1px solid var(--bd2)}
.tbl .tr:first-child{border-top:0;background:var(--bg);font-weight:500;color:var(--tx2)}
.tbl .tr>div{padding:.45rem .6rem;text-align:center}
.tbl .tr>div:first-child{text-align:left;font-weight:400}
.tbl .y{color:var(--ok)} .tbl .n{color:var(--err)}
.tbl .y svg,.tbl .n svg{width:.85rem;height:.85rem;display:inline-block;vertical-align:middle}
/* key/value 2-column variant (og meta etc.) — symmetric columns via table layout */
.tbl--kv{display:table;width:100%}
.tbl--kv .tr{display:table-row}
.tbl--kv .tr>div{display:table-cell;text-align:left;vertical-align:top;border-top:1px solid var(--bd2);word-break:break-word;overflow-wrap:anywhere}
.tbl--kv .tr:first-child>div{border-top:0}
.tbl--kv .tr>div:first-child{white-space:nowrap;width:1%;padding-right:1.4rem;color:var(--tx2)}
.tbl--kv .tr:not(:first-child)>div:last-child{color:var(--tx2)}
/* links table (scrollable, sticky header) */
.lktw{margin-top:.7rem;border:1px solid var(--bd);border-radius:var(--r);overflow:auto;max-height:32rem}
.lkt{display:table;width:100%;font-size:0.836rem}
.lkt .tr{display:table-row}
.lkt .tr>div{display:table-cell;padding:.4rem .65rem;border-top:1px solid var(--bd2);vertical-align:top;text-align:left;color:var(--tx2)}
.lkt .tr:first-child>div{position:sticky;top:0;z-index:1;border-top:0;background:var(--bg);font-weight:400}
.lkt .tr>div.n{color:var(--mut);white-space:nowrap;width:1%}
.lkt .tr>div.u{overflow-wrap:anywhere}
.lkt .tr>div.u a{color:var(--pri)}
.hgt .lktw{margin:0;border:0;border-top:1px solid var(--bd2);border-radius:0;max-height:28rem}
.lkt .tr>div.tt{white-space:nowrap}
.lkt .tr>div.tt.df{color:var(--pri)}
.lkt .tr>div.tt.nf{color:var(--mut)}
/* structured-data type pills */
.schm{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}
.schm span{font-size:0.836rem;font-weight:400;color:var(--pri);background:var(--pri-t);border:1px solid var(--pri-t);padding:.18rem .6rem;border-radius:var(--r)}
/* score badge / embed */
.bdg{padding:1.1rem 1.35rem}
.bdg>p{color:var(--tx2);margin:0 0 1rem;font-size:.92rem}
.bdg-pv{margin-bottom:1.1rem}
.bdg-pv img{vertical-align:middle;max-width:100%}
.emb{display:flex;gap:.6rem;align-items:flex-start;flex-wrap:wrap}
.embc{flex:1;min-width:16rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.55;color:var(--tx2);background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:.6rem .7rem;resize:vertical}
.embb{flex:none;border:1px solid var(--pri);background:var(--pri);color:#fff;font-family:inherit;font-weight:500;font-size:.85rem;padding:.6rem 1.1rem;border-radius:var(--r);cursor:pointer}
.embb.ok{background:var(--ok);border-color:var(--ok)}
/* ideal-range bar (title/description length) */
.rng{position:relative;height:.55rem;background:var(--bar);border-radius:.3rem;margin-top:.85rem}
.rng .band{position:absolute;top:0;bottom:0;background:rgba(22,163,74,.22);border-radius:.3rem}
.rng .mark{position:absolute;top:-3px;bottom:-3px;width:3px;border-radius:2px;transform:translateX(-50%);box-shadow:0 0 0 2px var(--card)}
.rng .mark.ok{background:var(--ok)} .rng .mark.warn{background:var(--warn)} .rng .mark.err{background:var(--err)}
.rngc{display:flex;justify-content:space-between;margin-top:.42rem;font-size:.78rem;color:var(--mut)}
.rngc .ok{color:var(--ok)} .rngc .warn{color:var(--warn)} .rngc .err{color:var(--err)}
.rngc b{font-weight:500}
/* priority to-do list */
.tdo{padding:1.1rem 1.35rem}
.tdh{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:1.045rem}
.tdh svg{width:1.15rem;height:1.15rem;color:var(--pri)}
.tdh .cnt{min-width:1.45rem;height:1.45rem;padding:0 .42rem;border-radius:.72rem;background:var(--err);color:#fff;font-size:0.77rem;font-weight:500;display:inline-grid;place-items:center}
.tdl{list-style:none;margin:.75rem 0 0;padding:0}
.tdl li{display:flex;gap:.7rem;padding:.6rem 0;border-top:1px solid var(--bd2)}
.tdl li:first-child{border-top:0}
.tdl .dot{width:.55rem;height:.55rem;border-radius:50%;margin-top:.5rem;flex:none}
.tdl li.err .dot{background:var(--err)} .tdl li.warn .dot{background:var(--warn)}
.tdl .tx{display:flex;flex-direction:column;gap:.05rem}
.tdl .tx b{font-weight:500;color:var(--tx)}
.tdl .tx span{color:var(--tx2);font-size:0.902rem}
.tdok{color:var(--ok);font-weight:400;margin:.5rem 0 0}
/* SERP & social preview */
.pvlen{font-size:.78rem;color:var(--mut);margin-top:.85rem}
.pvlen b{font-weight:500;color:var(--tx2)} .pvlen .o{color:var(--ok)} .pvlen .w{color:var(--warn)}
.gpv>input{position:absolute;opacity:0;width:0;height:0}
.gpv .seg{display:inline-flex;border:1px solid var(--bd);border-radius:8px;overflow:hidden;margin-bottom:1rem}
.gpv .seg label{font-size:.82rem;font-weight:400;color:var(--tx2);padding:.4rem .85rem;cursor:pointer;user-select:none}
.gpv #gpvD:checked~.seg label[for=gpvD],.gpv #gpvM:checked~.seg label[for=gpvM]{background:var(--pri);color:#fff}
.gpv .pm{display:none}
.gpv #gpvM:checked~.pd{display:none}
.gpv #gpvM:checked~.pm{display:block}
.gp{max-width:600px;font-family:arial,Helvetica,sans-serif}
.gp .site,.gpm .site{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem}
.gp .fav,.gpm .fav,.gp .favx,.gpm .favx{width:26px;height:26px;border-radius:50%;border:1px solid var(--bd);flex:none;object-fit:contain;background:#fff}
.gp .favx,.gpm .favx{display:grid;place-items:center;background:var(--pri);color:#fff;font-family:b2b,sans-serif;font-weight:500;font-size:.8rem;border:0}
.gp .fav.hid,.gpm .fav.hid,.gp .favx.hid,.gpm .favx.hid{display:none}
.gp .sn{font-size:14px;color:var(--tx);line-height:1.2}
.gp .sn small{display:block;color:var(--mut);font-size:12px}
.gp .ttl{color:#1a0dab;font-size:20px;line-height:1.3;margin:.12rem 0 .15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gp .dsc{color:#4d5156;font-size:14px;line-height:1.58}
.gp .dsc .date{color:var(--mut)}
.gpm{max-width:412px;border:1px solid var(--bd);border-radius:14px;padding:13px 15px;font-family:arial,Helvetica,sans-serif}
.gpm .sn{font-size:13px;color:var(--tx2)}
.gpm .ttl{color:#1a0dab;font-size:17px;line-height:1.3;margin:.18rem 0}
.gpm .dsc{color:#4d5156;font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:root[data-theme=dark] .gp .ttl,:root[data-theme=dark] .gpm .ttl{color:#8ab4f8}
.cards{display:flex;gap:1.25rem;flex-wrap:wrap}
.cards .lbl{font-size:.72rem;font-weight:500;color:var(--mut);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}
.fbcard,.xcard{width:340px;max-width:100%;border:1px solid var(--bd);border-radius:8px;overflow:hidden;background:var(--card)}
.xcard{border-radius:16px}
.fbcard .ogimg,.xcard .ogimg{aspect-ratio:1.91/1;border-bottom:1px solid var(--bd);background:var(--bg);overflow:hidden}
.fbcard .ogimg img,.xcard .ogimg img{width:100%;height:100%;object-fit:cover;display:block}
.ogimg span{display:none}
.ogimg.noimg{display:grid;place-items:center}
.ogimg.noimg img{display:none}
.ogimg.noimg span{display:block;color:var(--mut);font-size:.8rem}
.fbcard .meta{padding:10px 12px;background:var(--bg)}
.fbcard .dom{color:var(--mut);font-size:11px;letter-spacing:.4px;text-transform:uppercase}
.fbcard .t{color:var(--tx);font-weight:500;font-size:15px;line-height:1.3;margin:3px 0}
.fbcard .d,.xcard .d{color:var(--tx2);font-size:13px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xcard .meta{padding:10px 13px}
.xcard .dom{color:var(--mut);font-size:13px}
.xcard .t{color:var(--tx);font-size:15px;font-weight:500;margin:1px 0}

/* sitemap list */
.sm{margin-top:.7rem;display:flex;flex-direction:column;gap:.3rem}
.sm span{font-family:monospace;font-size:0.858rem;color:var(--tx2);word-break:break-all}

/* ---------- footer ---------- */
.ft{border-top:1px solid var(--bd);margin-top:2.5rem;background:var(--card)}
.ft>.wr{padding:1.75rem 1.25rem;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.ft .lg{display:flex;align-items:center;gap:.5rem;font-weight:500}
.ft .lg .mk{width:1.4rem;height:1.4rem;border-radius:50%;background:var(--pri);display:grid;place-items:center;flex:none}
.ft .fn{display:flex;gap:1.25rem;flex-wrap:wrap}
.ft .fn a{color:var(--tx2);font-size:0.8938rem;font-weight:400}
.ft .fn a:hover{color:var(--tx)}
.ft .sp{flex:1}
.ft .so{display:flex;gap:.5rem}
.ft .so a{width:1.9rem;height:1.9rem;border:1px solid var(--bd);border-radius:var(--r);display:grid;place-items:center;color:var(--tx2)}
.ft .so a:hover{color:var(--tx);border-color:var(--mut)}
.ft .so svg{width:.95rem;height:.95rem}
.ft .cp{width:100%;border-top:1px solid var(--bd2);padding-top:1rem;display:flex;justify-content:space-between;align-items:center;font-size:0.8938rem;color:var(--mut);flex-wrap:wrap;gap:.75rem}
.ft .cp .ctl{display:flex;gap:.5rem}
.ft .cp button{font-family:inherit;font-size:0.8938rem;font-weight:400;color:var(--tx2);background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:.3rem .7rem;cursor:pointer;display:flex;align-items:center;gap:.35rem}
.ft .cp button:hover{color:var(--tx)}
.ft .cp button svg{width:.9rem;height:.9rem}
.langdd{position:relative}
.langdd .menu{position:absolute;bottom:calc(100% + .4rem);right:0;min-width:9.5rem;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:.3rem;display:none;max-height:15rem;overflow:auto;z-index:50}
.langdd.open .menu{display:block}
.langdd .menu a{display:flex;align-items:center;gap:.45rem;padding:.35rem .6rem;border-radius:var(--r);color:var(--tx2);font-size:0.8938rem;white-space:nowrap}
.langdd .flag{width:1.15rem;height:1.15rem;border-radius:50%;flex:none;display:inline-block;object-fit:cover}
.langdd .menu a:hover{background:var(--bg);color:var(--tx)}
.langdd .menu a.cur{color:var(--pri);font-weight:400;background:var(--pri-t)}
/* nav variant: compact button, menu opens downward */
.nv .langdd .menu{top:calc(100% + .4rem);bottom:auto}
.nv .langbtn{display:flex;align-items:center;gap:.4rem;font:inherit;font-size:0.9625rem;font-weight:400;color:var(--tx2);background:none;border:0;cursor:pointer;padding:0}
.nv .langbtn:hover{color:var(--tx)}

/* reveal */
.rv{opacity:0;transform:translateY(.6rem)}
.rv.in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.rv.in{transition:none}}

@media print{.nv,.tb,.ft .cp,.hd .ico{display:none}.tb{position:static}}

/* ---------- content page (privacy / terms / prose) ---------- */
.pg{max-width:46rem;margin-inline:auto;padding:3rem 0 1.5rem}
.pg h1{font-size:2.035rem;font-weight:500;letter-spacing:-.02em;color:var(--tx);margin-bottom:.5rem}
.pg .upd{color:var(--mut);font-size:0.8938rem;margin-bottom:2.25rem}
.pg .lead{font-size:1.1rem;color:var(--tx2);line-height:1.7;margin-bottom:1.75rem}
.pg h2{font-size:1.35rem;font-weight:500;letter-spacing:-.01em;color:var(--tx);margin:2.25rem 0 .65rem}
.pg h3{font-size:1.08rem;font-weight:500;color:var(--tx);margin:1.6rem 0 .5rem}
.pg p{color:var(--tx2);line-height:1.75;margin-bottom:1rem}
.pg ul,.pg ol{color:var(--tx2);line-height:1.75;margin:0 0 1.1rem 1.3rem}
.pg li{margin-bottom:.45rem}
.pg li::marker{color:var(--mut)}
.pg a{color:var(--pri);text-decoration:none}
.pg a:hover{text-decoration:underline}
.pg strong,.pg b{font-weight:400;color:var(--tx)}
.pg hr{border:0;border-top:1px solid var(--bd);margin:2rem 0}
.pg table{width:100%;border-collapse:collapse;margin:0 0 1.25rem;font-size:0.92rem}
.pg th,.pg td{text-align:left;padding:.6rem .75rem;border:1px solid var(--bd);color:var(--tx2)}
.pg th{font-weight:500;color:var(--tx);background:var(--bg)}
@media(max-width:34rem){.pg{padding-top:2rem}.pg h1{font-size:1.7rem}}

/* ---------- listing page header ---------- */
.ph{padding:2.5rem 0 1rem}
.ph h1{font-size:2.035rem;font-weight:500;letter-spacing:-.02em;color:var(--tx)}
.ph p{color:var(--tx2);margin-top:.35rem}
.ph-cat{font-size:0.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--pri);margin-bottom:.3rem}
.ph-desc{color:var(--tx2);line-height:1.65;max-width:46rem;margin-top:.45rem}
.ph-links{margin-top:.7rem;font-size:0.92rem;color:var(--mut)}
.ph-links a{color:var(--pri)}

/* ---------- rating grid ---------- */
.rgr{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.rc{display:flex;flex-direction:column;border:1px solid var(--bd);border-radius:var(--rl);background:var(--card);overflow:hidden;box-shadow:var(--sh)}
.rc:hover{border-color:var(--mut)}
.rcimg{aspect-ratio:16/10;background:var(--bd2);overflow:hidden}
.rcimg img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.rcb{padding:.8rem .95rem;display:flex;align-items:center;gap:.75rem}
.rcd{min-width:0}
.rcd b{display:block;font-weight:500;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rcd span{font-size:0.8rem;color:var(--mut)}
.sco{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;font-weight:500;font-size:1.045rem;flex:none;border:2px solid var(--bar);color:var(--neu)}
.sco.g{color:var(--ok);border-color:var(--ok)} .sco.a{color:var(--warn);border-color:var(--warn)} .sco.r{color:var(--err);border-color:var(--err)} .sco.neu{color:var(--neu)}
@media(max-width:60rem){.rgr{grid-template-columns:repeat(2,1fr)}}
@media(max-width:40rem){.rgr{grid-template-columns:1fr}}

/* ---------- tools index ---------- */
.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem}
.tcard{display:flex;align-items:center;gap:.75rem;padding:1rem 1.15rem;border:1px solid var(--bd);border-radius:var(--rl);background:var(--card);box-shadow:var(--sh);color:var(--tx);font-weight:500}
.tcard:hover{border-color:var(--mut)}
.tcard .tico{flex:none;object-fit:contain}
.cflag{flex:none;display:flex;align-items:center}
.flag{display:inline-block;width:20px;height:20px;border-radius:50%;vertical-align:middle;object-fit:cover}
.cflag .flag{width:1.6rem;height:1.6rem}
.cname{flex:1 1 auto}
.ccount{flex:none;font-size:0.82rem;color:var(--mut);font-variant-numeric:tabular-nums}
@media(max-width:60rem){.toolgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:40rem){.toolgrid{grid-template-columns:1fr}}
.bx .li .nm a{color:var(--pri)}
.techcat{display:grid;grid-template-columns:10.5rem 1fr;align-items:center;gap:.5rem;margin-bottom:.5rem}
.techcat-h{font-size:0.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.techcat .chips{display:flex;flex-wrap:wrap;gap:.4rem}
.techchip{display:inline-block;padding:.25rem .65rem;border:1px solid var(--bd);border-radius:1rem;background:var(--bg);color:var(--tx2);font-size:0.82rem}
.techchip:hover{border-color:var(--pri);color:var(--pri)}
@media(max-width:34rem){.techcat{grid-template-columns:1fr;gap:.3rem;align-items:start}}

/* ---------- pager ---------- */
.pgnav{display:flex;justify-content:center;margin:2rem 0 1rem}
.pgnav .pagination{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;padding:0;margin:0}
.pgnav .page-item a{display:grid;place-items:center;min-width:2.2rem;height:2.2rem;padding:0 .55rem;border:1px solid var(--bd);border-radius:var(--r);color:var(--tx2);font-size:0.92rem;background:var(--card)}
.pgnav .page-item a:hover{border-color:var(--mut);color:var(--tx)}
.pgnav .page-item.active a{background:var(--pri);border-color:var(--pri);color:#fff}
.pgnav .page-item.disabled a{opacity:.4;pointer-events:none}

/* ---------- home hero ---------- */
.hero{text-align:center;padding:4rem 1.25rem 3rem;max-width:48rem;margin-inline:auto}
.hero h1{font-size:2.9rem;font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--tx)}
.hero .lead{font-size:1.15rem;color:var(--tx2);line-height:1.6;margin:1rem auto 2rem;max-width:36rem}
.anl{max-width:34rem;margin-inline:auto}
.anl-row{display:flex;gap:.5rem}
.anl-row input{flex:1;min-width:0;height:3.1rem;padding:0 1rem;font-size:1rem;font-family:inherit;font-weight:400;color:var(--tx);background:var(--card);border:1px solid var(--bd);border-radius:var(--r);outline:none}
.anl-row input:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-t)}
.anl-row button{height:3.1rem;padding:0 1.5rem;font-size:1rem;font-weight:500;font-family:inherit;color:#fff;background:var(--pri);border:0;border-radius:var(--r);cursor:pointer;white-space:nowrap}
.anl-row button:hover{filter:brightness(1.05)}
.anl-row button:disabled{opacity:.6;cursor:default}
.anl-err{margin-top:.85rem;padding:.7rem 1rem;border:1px solid var(--err);background:var(--err-t);color:var(--err);border-radius:var(--r);font-size:0.9rem;text-align:left}
.anl-prog{margin-top:.85rem;height:.3rem;background:var(--bar);border-radius:.3rem;overflow:hidden}
.anl-prog span{display:block;height:100%;width:40%;background:var(--pri);border-radius:.3rem;animation:anlslide 1.1s linear infinite}
@keyframes anlslide{0%{margin-left:-40%}100%{margin-left:100%}}
@media(max-width:34rem){.hero{padding-top:2.5rem}.hero h1{font-size:2.1rem}.anl-row{flex-direction:column}.anl-row button{width:100%}}

/* ---------- home features ---------- */
.sec-h{font-size:0.858rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:2.5rem 0 1rem}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.feat .ft{border:1px solid var(--bd);border-radius:var(--rl);background:var(--card);padding:1.5rem;box-shadow:var(--sh)}
.feat .ft .ic{width:2.4rem;height:2.4rem;border-radius:var(--r);background:var(--pri-t);color:var(--pri);display:grid;place-items:center;margin-bottom:.9rem}
.feat .ft .ic svg{width:1.3rem;height:1.3rem}
.feat .ft h3{font-size:1.08rem;font-weight:500;color:var(--tx);margin-bottom:.4rem}
.feat .ft p{color:var(--tx2);line-height:1.6;font-size:0.92rem}
@media(max-width:60rem){.feat{grid-template-columns:repeat(2,1fr)}}
@media(max-width:40rem){.feat{grid-template-columns:1fr}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;height:2.9rem;padding:0 1.4rem;font:inherit;font-weight:500;color:#fff;background:var(--pri);border:0;border-radius:var(--r);cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.05);color:#fff}
.btn-ghost{height:2.6rem;padding:0 1rem;font:inherit;color:var(--tx2);background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);cursor:pointer}
.btn-ghost:hover{color:var(--tx);border-color:var(--mut)}

/* ---------- alerts ---------- */
.alert{padding:.75rem 1rem;border-radius:var(--r);margin-bottom:1rem;font-size:0.92rem;border:1px solid}
.alert-success{color:var(--ok);background:var(--ok-t);border-color:var(--ok)}
.alert-danger{color:var(--err);background:var(--err-t);border-color:var(--err)}

/* ---------- forms (contact, ...) ---------- */
.frm{margin-top:1.5rem}
.frm .fg{margin-bottom:1.1rem}
.frm label{display:inline-block;font-size:0.9rem;color:var(--tx2);margin-bottom:.35rem}
.frm .req{color:var(--err)}
.frm input,.frm textarea{width:100%;font:inherit;font-weight:400;color:var(--tx);background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:.65rem .8rem;outline:none}
.frm input:focus,.frm textarea:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-t)}
.frm textarea{resize:vertical;min-height:8rem;line-height:1.6}
.frm .note{font-size:0.85rem;color:var(--mut);margin-bottom:1.25rem}
.frm .cap{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.frm .cap input{width:auto;flex:0 0 8rem}

/* ---------- error / 404 ---------- */
.errp{text-align:center;padding:5rem 1.25rem;max-width:34rem;margin-inline:auto}
.errp .errcode{font-size:5rem;font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--pri)}
.errp h1{font-size:1.6rem;font-weight:500;color:var(--tx);margin:.5rem 0 .6rem}
.errp p{color:var(--tx2);margin-bottom:1.75rem}

/* ---------- compare ---------- */
.cmp-x{color:var(--mut);font-weight:400;font-size:.78em}
.cmp{padding:1.5rem;margin-top:.5rem}
.cmp-head{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.25rem}
.cmp-site{display:flex;flex-direction:column;gap:.6rem;align-items:center;text-align:center;color:var(--tx);font-weight:500;word-break:break-all}
.cmp-site:hover b{color:var(--pri)}
.cmp-shot{width:100%;aspect-ratio:16/10;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;background:var(--bd2)}
.cmp-shot img{width:100%;height:100%;object-fit:cover}
.cmp-rows{display:flex;flex-direction:column}
.cmp-row{display:grid;grid-template-columns:1fr 9rem 1fr;align-items:center;gap:.75rem;padding:.55rem 0;border-top:1px solid var(--bd2)}
.cmp-row .cv{display:flex;justify-content:center;align-items:center;gap:.4rem;font-weight:500;padding:.3rem 0;border-radius:.4rem}
.cmp-row .cv.win{background:var(--ok-t)}
.cmp-row .cl{color:var(--mut);font-size:.84rem;text-align:center}
.cmp-row .ct.g{color:var(--ok);font-weight:500} .cmp-row .ct.r{color:var(--err);font-weight:500}
.cmp-verdict{margin-top:1.25rem;padding:.7rem 1rem;background:var(--pri-t);border-radius:var(--r);color:var(--tx);font-weight:500;text-align:center}
.cmp-tech{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.25rem;border-top:1px solid var(--bd2);padding-top:1.25rem}
.cmp-th{font-size:.8rem;font-weight:500;color:var(--mut);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.04em}
.cmp-tcol .chips{display:flex;flex-wrap:wrap;gap:.4rem}
.cmp .techchip{display:inline-flex;align-items:center;gap:.3rem}
.cmp .techchip.sh{border-color:var(--pri);color:var(--pri)}
@media(max-width:34rem){.cmp-row{grid-template-columns:1fr 6rem 1fr;gap:.4rem}.cmp-row .cl{font-size:.74rem}}

/* ---------- contact info ---------- */
.cinfo{border:1px solid var(--bd);border-radius:var(--rl);background:var(--card);padding:1.1rem 1.25rem;margin:1rem 0 1.5rem;display:flex;flex-direction:column;gap:.55rem}
.cinfo .ci-co{font-weight:500;color:var(--tx);font-size:1.05rem}
.cinfo .ci-row{display:flex;align-items:flex-start;gap:.6rem;color:var(--tx2)}
.cinfo .ci-row svg{width:1.05rem;height:1.05rem;flex:none;margin-top:.18rem;color:var(--mut)}
.cinfo .ci-row a{color:var(--pri);word-break:break-all}