/* Domain Explorer (/tools/domain-explorer/). Everything is scoped under .dx so it can't touch the rest of the site. */
.dx{
  --bg:#f5f7fb; --panel:#ffffff; --line:#e3e8f0; --line2:#eef2f7;
  --ink:#001327; --navy:#002a55; --text:#1f2a3a; --muted:#6b7385; --soft:#4e4b66;
  --green:#39FF12; --green-ink:#0b7a20; --track:#eef2f7;
  --red:#c8372d; --radius:14px;
}
.dx *{box-sizing:border-box}
.dx{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Roboto,system-ui,sans-serif}
.dx h1,.dx h2,.dx h3{font-family:Raleway,sans-serif;margin:0;letter-spacing:-.01em;color:var(--ink)}
.dx .wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.dx .note{background:#fff7d6;color:#3d3200;font-size:13px;padding:8px 20px;text-align:center}
.dx .top{background:var(--ink);color:#fff}
.dx .top .wrap{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.dx .brand{font:800 18px Raleway,sans-serif;display:flex;align-items:center;gap:8px}
.dx .brand small{font:500 12px Roboto,system-ui,sans-serif;color:#c9d3e3;border:1px solid #1d3350;border-radius:999px;padding:2px 8px}
.dx .key{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:#c9d3e3}
.dx .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
.dx .chip{border:1px solid #2a4a70;border-radius:999px;padding:4px 10px;font-size:13px;color:#fff;background:transparent}
.dx .search{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 6px}
.dx .search input,.dx .search select{background:#fff;border:1px solid #cfd7e3;color:var(--ink);border-radius:8px;height:46px;padding:0 14px;font:inherit}
.dx .search input:focus,.dx .search select:focus{outline:2px solid var(--navy);outline-offset:1px}
.dx .search input{flex:1 1 320px}
.dx .btn{height:46px;border:0;border-radius:8px;padding:0 20px;font:600 15px Roboto,system-ui,sans-serif;cursor:pointer}
.dx .btn-p{background:var(--green);color:var(--ink)}
.dx .est{font-size:13px;color:var(--muted);margin-bottom:22px}
.dx .est b{color:var(--ink)}
.dx .layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start;padding-bottom:40px}
.dx .main{display:flex;flex-direction:column;gap:20px;min-width:0}
.dx .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 1px 2px rgba(0,19,39,.04)}
.dx .panel h2{font-size:17px;margin-bottom:4px}
.dx .sub{font-size:13px;color:var(--muted);margin-bottom:14px}
.dx .head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.dx .tabs{display:flex;gap:6px;flex-wrap:wrap}
.dx .tabs button{background:#fff;border:1px solid var(--line);color:var(--soft);border-radius:6px;padding:4px 10px;font:inherit;font-size:13px;cursor:pointer}
.dx .tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.dx .rh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.dx .rh h1{font-size:28px}
.dx .rh .meta{font-size:13px;color:var(--muted)}
.dx .tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.dx .tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px rgba(0,19,39,.04)}
.dx .tile .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.dx .tile .v{font:800 26px Raleway,sans-serif;margin:4px 0 2px;color:var(--ink)}
.dx .tile .d{font-size:12px;color:var(--muted)}
.dx .tile .d.dn{color:var(--red)}
.dx .tile .d.up{color:var(--green-ink)}
.dx .score{display:flex;align-items:baseline;gap:4px}
.dx .score span{font-size:13px;color:var(--muted)}
.dx .bar{height:5px;background:var(--track);border-radius:3px;margin-top:6px;overflow:hidden}
.dx .bar i{display:block;height:100%;background:var(--green);border-radius:3px}
.dx .charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.dx .chart{position:relative}
.dx .chart svg{width:100%;height:auto;display:block;overflow:visible}
.dx .chart .grid line{stroke:var(--line2);stroke-width:1}
.dx .chart .ax text{fill:var(--muted);font-size:11px}
.dx .chart .ln{fill:none;stroke:var(--green-ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.dx .chart .ar{fill:url(#g)}
.dx .chart .pt{fill:var(--green-ink);stroke:#fff;stroke-width:2}
.dx .chart .hit{fill:transparent;cursor:crosshair}
.dx .chart .xh{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3;opacity:0}
.dx .tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;border-radius:8px;padding:6px 10px;font-size:12px;box-shadow:0 8px 24px rgba(0,19,39,.25);opacity:0;transform:translate(-50%,-110%);white-space:nowrap;transition:opacity .1s}
.dx .tip b{display:block;font-size:14px}
.dx .dist{display:flex;flex-direction:column;gap:10px}
.dx .drow{display:grid;grid-template-columns:70px 1fr 70px;gap:10px;align-items:center;font-size:13px;color:var(--text)}
.dx .drow .t{height:14px;background:var(--track);border-radius:4px;overflow:hidden}
.dx .drow .t i{display:block;height:100%;background:var(--navy);border-radius:0 4px 4px 0}
.dx #dist .drow .t i{background:var(--green)}
.dx .drow .n{text-align:right;color:var(--soft);font-variant-numeric:tabular-nums}
.dx table{width:100%;border-collapse:collapse;font-size:13.5px}
.dx th{text-align:left;font-weight:500;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--line)}
.dx td{padding:9px 10px;border-bottom:1px solid var(--line2);vertical-align:top}
.dx td.num,.dx th.num{text-align:right;font-variant-numeric:tabular-nums}
.dx tr:hover td{background:#f6f9fc}
.dx .url{color:var(--navy);word-break:break-all}
.dx .pos{display:inline-block;min-width:30px;text-align:center;border-radius:5px;padding:1px 6px;font-weight:700;font-size:12px}
.dx .p1{background:var(--green);color:var(--ink)}
.dx .p2{background:var(--navy);color:#fff}
.dx .p3{background:var(--track);color:var(--soft)}
.dx .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.dx .callout{border:1px solid #f3d19c;background:#fff6e5;border-radius:10px;padding:12px 14px;font-size:13.5px;color:#6b4300;margin-bottom:14px}
.dx .callout b{color:#3d2700}
.dx .mini{display:flex;flex-direction:column;gap:8px}
.dx .mini .drow{grid-template-columns:110px 1fr 60px}
.dx #comp .drow{grid-template-columns:150px 1fr 100px}
.dx .more{margin-top:12px;font-size:13px;color:var(--green-ink);font-weight:600;background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:13px}
.dx .side{display:flex;flex-direction:column;gap:20px;position:sticky;top:16px}
.dx .saved{display:flex;flex-direction:column;gap:2px}
.dx .saved a{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-size:13.5px}
.dx .saved a:hover{background:#f3f6fa}
.dx .saved a.on{background:#eef7ea;box-shadow:inset 3px 0 0 var(--green-ink)}
.dx .saved small{color:var(--muted);white-space:nowrap}
.dx .cost{font:800 28px Raleway,sans-serif;color:var(--ink)}
.dx .kv{display:flex;justify-content:space-between;font-size:13px;color:var(--soft);padding:4px 0;border-bottom:1px solid var(--line2)}
.dx .cta{background:var(--ink);border:1px solid var(--ink);color:#fff}
.dx .cta h2,.dx .cta h3{color:#fff}
.dx .cta p{font-size:13.5px;color:#c9d3e3;margin:6px 0 12px}
.dx .cta .btn{height:40px;width:100%}
.dx .priv{font-size:12px;color:var(--muted)}
.dx .ann{display:inline-block;background:#fff7d6;color:#3d3200;font-size:11px;border-radius:4px;padding:1px 6px;margin-left:6px;vertical-align:middle;font-family:Roboto,system-ui,sans-serif}
@media (max-width:1100px){.dx .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.dx .layout{grid-template-columns:1fr}
.dx .side{position:static}
}
@media (max-width:760px){.dx .charts,.dx .two{grid-template-columns:1fr}
.dx .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.dx .key{margin-left:0}
.dx .rh h1{font-size:22px}
.dx .hide-m{display:none}
}
.dx .picks{display:grid;grid-template-columns:1fr;gap:4px 20px;max-height:min(56vh,520px);overflow:auto;margin:0 -6px;padding:0 6px}
.dx .pgroup{display:flex;flex-direction:column;gap:2px}
.dx dialog.wide{width:min(860px,calc(100vw - 32px))}
@media (min-width:820px){.dx .picks{grid-template-columns:1fr 1fr;max-height:none;overflow:visible}
}
.dx .picks h3{font:700 12px Roboto,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 4px}
.dx .pgroup h3{margin-top:0}
.dx .pick{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:start;padding:9px 8px;border-radius:8px;cursor:pointer}
.dx .pick:hover{background:#f6f9fc}
.dx .pick input{width:18px;height:18px;margin:1px 0 0;accent-color:#0b7a20;cursor:pointer}
.dx .pick b{display:block;font-size:14px;color:var(--ink);font-weight:600}
.dx .pick small{display:block;font-size:12.5px;color:var(--muted);line-height:1.4}
.dx .pick .pr{font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.dx .pick:has(input:not(:checked)) .pr,.dx .pick:has(input:not(:checked)) b{color:var(--muted)}
.dx .totrow{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--line);padding-top:10px;font-weight:700;color:var(--ink)}
.dx .totrow .amt{font:800 22px Raleway,sans-serif}
.dx .picklinks{display:flex;gap:14px;font-size:12.5px}
.dx .picklinks button{background:none;border:0;padding:0;color:var(--navy);text-decoration:underline;cursor:pointer;font:inherit}
.dx .btn:disabled{opacity:.45;cursor:not-allowed}
.dx .skipped{font-size:13px;color:var(--muted)}
.dx [hidden]{display:none!important}
.dx .proto{background:#fff7d6;color:#3d3200;font-size:13px;padding:8px 20px;text-align:center}
.dx .proto button{background:none;border:0;color:#3d3200;text-decoration:underline;font:inherit;cursor:pointer;padding:0}
.dx .top a.gh{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:13px;border:1px solid #2a4a70;border-radius:999px;padding:5px 12px}
.dx .top a.gh:hover{border-color:#fff}
.dx .top a.gh svg{width:16px;height:16px;fill:#fff}
.dx .setup{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start;margin:24px 0 8px;padding:28px}
.dx .setup h1{font-size:32px;line-height:1.15;margin-bottom:10px}
.dx .setup .lede{color:var(--soft);font-size:16px;margin:0 0 16px}
.dx .setup ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.dx .setup li{display:flex;gap:10px;font-size:14.5px;color:var(--text)}
.dx .setup li b{color:var(--ink)}
.dx .setup li .ck{flex:0 0 20px;height:20px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center}
.dx .setup li .ck svg{width:12px;height:12px;stroke:var(--ink);stroke-width:3;fill:none}
.dx .keyform{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}
.dx .keyform h2{font-size:17px}
.dx .keyform label{font-size:13px;font-weight:600;color:var(--ink);display:flex;flex-direction:column;gap:6px}
.dx .keyform input[type=text],.dx .keyform input[type=password],.dx .keyform input[type=email]{height:44px;border:1px solid #cfd7e3;border-radius:8px;padding:0 12px;font:inherit;font-weight:400;color:var(--ink);background:#fff}
.dx .keyform input:focus{outline:2px solid var(--navy);outline-offset:1px}
.dx .keyform .row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--soft)}
.dx .keyform .row input{width:16px;height:16px;accent-color:#0b7a20}
.dx .keyform .err{color:var(--red);font-size:13px;margin:0}
.dx .keyform .small{font-size:12.5px;color:var(--muted);margin:0}
.dx .keyform .small a{color:var(--navy)}
.dx .lock{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink);background:#eef7ea;border:1px solid #cfe8c6;border-radius:8px;padding:10px 12px}
.dx .lock svg{flex:0 0 16px;width:16px;height:16px;stroke:#0b7a20;fill:none;stroke-width:2;margin-top:1px}
.dx .btn-s{background:#fff;color:var(--ink);border:1px solid #cfd7e3}
.dx .btn-s:hover{border-color:var(--ink)}
.dx .ghrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px;color:var(--soft)}
.dx .ghrow .btn{height:38px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:14px}
.dx .ghrow .btn svg{width:16px;height:16px;fill:var(--ink)}
.dx .scan{margin:20px 0 8px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.dx .scan .keyline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--soft)}
.dx .scan .keyline code{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--track);border-radius:5px;padding:2px 7px;color:var(--ink)}
.dx .scan .keyline .chip{color:var(--ink);border-color:#cfd7e3;background:#fff;cursor:pointer}
.dx .scan label.q{font:700 18px Raleway,sans-serif;color:var(--ink)}
.dx .scan .search{margin:0}
.dx .savedrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.dx .savedrow button{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.dx .savedrow button:hover{border-color:var(--ink)}
.dx .savedrow button.on{border-color:#0b7a20;background:#eef7ea}
.dx .savedrow small{color:var(--muted)}
.dx .sample{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px dashed #b9c4d4;border-radius:10px;padding:10px 14px;font-size:13.5px;color:var(--soft)}
.dx .sample b{color:var(--ink)}
.dx .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:4px;padding:2px 7px}
.dx .is-sample .tiles,.dx .is-sample .charts,.dx .is-sample .two,.dx .is-sample .panel{transition:opacity .2s}
.dx .tile{position:relative}
.dx .qm{width:18px;height:18px;border-radius:50%;border:1px solid #cfd7e3;background:#fff;color:var(--muted);font:700 11px Roboto,system-ui,sans-serif;cursor:pointer;margin-left:4px;vertical-align:1px;padding:0;line-height:16px}
.dx .qm:hover,.dx .qm[aria-expanded=true]{border-color:var(--ink);color:var(--ink)}
.dx .pop{position:absolute;z-index:20;left:0;top:calc(100% + 8px);width:300px;background:var(--ink);color:#e6ecf5;border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.5;box-shadow:0 12px 32px rgba(0,19,39,.3)}
.dx .pop b{color:#fff}
.dx .pop p{margin:0 0 8px}
.dx .pop p:last-child{margin:0}
.dx .pop[hidden]{display:none}
.dx dialog{border:0;border-radius:16px;padding:0;width:min(460px,calc(100vw - 32px));box-shadow:0 24px 64px rgba(0,19,39,.35);color:var(--text)}
.dx dialog::backdrop{background:rgba(0,19,39,.55)}
.dx .mod{padding:24px;display:flex;flex-direction:column;gap:14px}
.dx .mod h2{font-size:20px}
.dx .mod .kv{font-size:13.5px}
.dx .mod .kv.tot{border-bottom:0;font-weight:700;color:var(--ink);font-size:15px;padding-top:8px}
.dx .mod .acts{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.dx .mod .acts .btn{height:44px}
.dx .mod .fine{font-size:12.5px;color:var(--muted);margin:0}
.dx .loading{position:fixed;inset:0;background:rgba(245,247,251,.75);display:flex;align-items:center;justify-content:center;z-index:50;font:600 15px Roboto,system-ui,sans-serif;color:var(--ink)}
.dx .loading[hidden]{display:none}
.dx .spin{width:22px;height:22px;border:3px solid #cfd7e3;border-top-color:#0b7a20;border-radius:50%;animation:sp .8s linear infinite;margin-right:10px}

@keyframes sp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.dx .spin{animation:none}
}
.dx .hist{margin:0 0 8px;padding:20px}
.dx .hist .head{margin-bottom:12px}
.dx .hist h2{font-size:17px}
.dx .hlist{display:flex;flex-direction:column}
.dx .hrow{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.2fr) 110px auto;gap:12px;align-items:center;padding:12px 10px;border-top:1px solid var(--line2);font-size:14px}
.dx .hrow:first-child{border-top:0}
.dx .hrow b{color:var(--ink);font-weight:600;word-break:break-all}
.dx .hrow .m{color:var(--muted);font-size:13px}
.dx .hrow .left{font-size:12.5px;color:#0b7a20;font-weight:600}
.dx .hrow .left.soon{color:#a15c00}
.dx .hrow .btn{height:36px;font-size:14px;padding:0 16px}
.dx .hrow.on{background:#eef7ea;border-radius:8px;box-shadow:inset 3px 0 0 #0b7a20}
.dx .empty{border:1px dashed #cfd7e3;border-radius:10px;padding:28px 16px;text-align:center;color:var(--muted);font-size:14px}
.dx .empty svg{width:28px;height:28px;stroke:#9aa6b8;fill:none;stroke-width:1.6;display:block;margin:0 auto 8px}
@media (max-width:760px){.dx .hrow{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
.dx .hrow .m{grid-column:1}
.dx .hrow .left{grid-column:1}
.dx .hrow .btn{grid-column:2;grid-row:1 / span 3}
}
@media (max-width:900px){.dx .setup{grid-template-columns:1fr;padding:20px}
.dx .setup h1{font-size:26px}
}
.dx .prog{position:fixed;inset:0;background:rgba(0,19,39,.55);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}
.dx .prog[hidden]{display:none!important}
.dx .progbox{background:#fff;border-radius:16px;width:min(520px,100%);padding:24px;box-shadow:0 24px 64px rgba(0,19,39,.35)}
.dx .progbox h2{font-size:19px;margin-bottom:4px}
.dx .progbox .sub{margin-bottom:14px}
.dx .steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.dx .steps li{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:7px 4px;font-size:14px;color:var(--muted)}
.dx .steps li.run{color:var(--ink);font-weight:600}
.dx .steps li.ok{color:var(--text)}
.dx .steps li.err{color:var(--red)}
.dx .steps .ic{width:18px;height:18px;border-radius:50%;border:2px solid #cfd7e3}
.dx .steps li.run .ic{border-color:#cfd7e3;border-top-color:#0b7a20;animation:sp .8s linear infinite}
.dx .steps li.ok .ic{border:0;background:#0b7a20;position:relative}
.dx .steps li.ok .ic::after{content:"";position:absolute;left:6px;top:3px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.dx .steps li.err .ic{border:0;background:var(--red);position:relative}
.dx .steps li.err .ic::after{content:"!";position:absolute;inset:0;color:#fff;font:700 12px/18px Roboto,system-ui,sans-serif;text-align:center}
.dx .steps .c{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:400}
.dx .progfoot{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;color:var(--soft)}
.dx .progfoot b{color:var(--ink)}
.dx .perr{background:#fdecea;border:1px solid #f5c2bd;color:#8a1f17;border-radius:8px;padding:10px 12px;font-size:13px}
.dx .nodata{color:var(--muted);font-size:13.5px;padding:8px 0}
.dx .pick input:disabled{opacity:.6;cursor:not-allowed}
.dx .scopenote{font-size:12px;color:var(--muted);font-weight:400;margin-left:6px}
.dx .dtool{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:4px 0 10px}
.dx .dtool input[type=search]{flex:1 1 220px;height:38px;border:1px solid #cfd7e3;border-radius:8px;padding:0 12px;font:inherit;font-size:14px}
.dx .dtool .cnt{font-size:12.5px;color:var(--muted)}
.dx .lnk{background:none;border:0;padding:0;color:var(--navy);text-decoration:underline;font:inherit;font-size:13px;cursor:pointer}
.dx .free{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#0b7a20;background:#eef7ea;border-radius:4px;padding:1px 6px;margin-left:6px}
.dx table.sortable th[data-col]{cursor:pointer;user-select:none}
.dx table.sortable th[data-col]:hover{color:var(--ink)}
.dx table.sortable th[aria-sort=ascending]::after{content:" ▲";font-size:9px}
.dx table.sortable th[aria-sort=descending]::after{content:" ▼";font-size:9px}
.dx .dfoot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:13px;color:var(--muted)}
.dx .dmore{margin-top:14px;border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:14px}
.dx .dmore h3{font:700 14px Roboto,system-ui,sans-serif;color:var(--ink);margin:0 0 2px}
.dx .dmore .s{font-size:12.5px;color:var(--muted);margin:0 0 10px}
.dx .dmore .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dx .dmore select{height:36px;border:1px solid #cfd7e3;border-radius:8px;padding:0 10px;font:inherit;font-size:13.5px;background:#fff;color:var(--ink)}
.dx .dmore label{font-size:13px;color:var(--soft);display:flex;align-items:center;gap:6px}
.dx .dmore .btn{height:36px;font-size:13.5px;padding:0 14px}
.dx .dmore .paid{background:var(--ink);color:#fff}
.dx .dmore .paid:disabled{opacity:.5}
.dx .dmore .note{font-size:12.5px;color:var(--muted);margin-top:8px}
.dx .dmore .warn{color:#a15c00}
.dx .sublinks td{background:#f8fafc;font-size:12.5px}
.dx .sublinks .url{display:block;margin:2px 0}
.dx .depth{display:inline-flex;border:1px solid #cfd7e3;border-radius:7px;overflow:hidden;margin-top:6px}
.dx .depth button{background:#fff;border:0;border-left:1px solid #cfd7e3;padding:3px 9px;font:inherit;font-size:12px;color:var(--soft);cursor:pointer}
.dx .depth button:first-child{border-left:0}
.dx .depth button.on{background:var(--ink);color:#fff}
.dx .ask{margin-top:12px;border:1px solid #f3d19c;background:#fff6e5;border-radius:10px;padding:12px 14px;font-size:13.5px;color:#3d2700}
.dx .ask .acts{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}
.dx .ask .btn{height:36px;font-size:13.5px}


/* site integration */
.dx{padding-top:86px;min-height:60vh}
.dx .dx-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:8px 0 4px}
.dx .dx-title h1{font:800 30px/1.15 Raleway,sans-serif;color:var(--ink);margin:0}
.dx .dx-title h1 span{display:block;font:500 16px/1.4 Roboto,system-ui,sans-serif;color:var(--soft);margin-top:6px}
.dx .dx-title .gh2{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid #cfd7e3;border-radius:999px;color:var(--ink);text-decoration:none;font:600 13.5px Roboto,system-ui,sans-serif;background:#fff}
.dx .dx-title .gh2 svg{width:16px;height:16px;fill:var(--ink)}
.dx .dx-crumb{font-size:13px;color:var(--muted);margin:0}
.dx .dx-crumb a{color:var(--muted)}
.dx .setup h2.big{font:800 26px/1.2 Raleway,sans-serif;margin:0 0 10px;color:var(--ink)}
.dx .rh h2{font-size:28px;margin:0}
.dx .faq{margin:8px 0 0;padding-bottom:96px}
.dx .faq h2{font-size:24px;margin-bottom:14px}
.dx .faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.dx .faq summary{font:600 15.5px Roboto,system-ui,sans-serif;color:var(--ink);cursor:pointer}
.dx .faq p{margin:10px 0 0;color:var(--soft);font-size:14.5px;line-height:1.6}
.dx .faq a{color:var(--navy)}
@media (max-width:760px){.dx{padding-top:70px}.dx .dx-title h1{font-size:24px}.dx .rh h2{font-size:22px}}