/* CG Product Advisor — domain-name portfolio page */
.cgd{--cgd-navy:#16305E;--cgd-line:#E3E8F0;--cgd-muted:#5b6b85;--cgd-bg:#F6F8FB;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1f2937;max-width:1180px;margin:0 auto;padding:36px 16px 48px;box-sizing:border-box}
.cgd-title{font-size:34px;line-height:1.15;font-weight:800;color:var(--cgd-navy);margin:0 0 14px;letter-spacing:-.01em}
.cgd-intro{font-size:16px;line-height:1.6;color:#334155;max-width:860px;margin:0 0 18px}
.cgd-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.cgd-search{flex:1 1 320px;position:relative}
.cgd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cgd-search input{width:100%;box-sizing:border-box;border:1px solid var(--cgd-line);border-radius:12px;padding:12px 14px;font-size:15px;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}
.cgd-search input:focus{border-color:var(--cgd-navy);box-shadow:0 0 0 3px rgba(22,48,94,.12)}
.cgd-count{font-size:13px;font-weight:600;color:var(--cgd-muted);white-space:nowrap}
.cgd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.cgd-chip{all:unset;cursor:pointer;border:1px solid var(--cgd-line);background:#fff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;color:var(--cgd-navy);line-height:1.2;transition:background .15s,border-color .15s}
.cgd-chip span{color:var(--cgd-muted);font-weight:500;margin-left:4px}
.cgd-chip:hover{border-color:var(--cgd-navy)}
.cgd-chip.on{background:var(--cgd-navy);border-color:var(--cgd-navy);color:#fff}
.cgd-chip.on span{color:rgba(255,255,255,.75)}
.cgd-group{margin:0 0 26px}
.cgd-group-h{font-size:17px;font-weight:700;color:var(--cgd-navy);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--cgd-line)}
.cgd-group-h span{font-size:13px;font-weight:600;color:var(--cgd-muted);margin-left:6px}
.cgd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.cgd-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--cgd-line);border-radius:12px;padding:12px 12px 12px 14px;min-height:52px;transition:box-shadow .15s,border-color .15s}
.cgd-card:hover{border-color:#c7d2e3;box-shadow:0 6px 18px rgba(22,48,94,.08)}
.cgd-name{font-size:15px;font-weight:600;color:#0f172a;word-break:break-all;flex:1 1 auto}
.cgd-note{font-size:12px;color:var(--cgd-muted);flex:1 1 100%}
.cgd-card .cgd-note{order:3}
.cgd-btn{all:unset;cursor:pointer;background:var(--cgd-bg);border:1px solid var(--cgd-line);color:var(--cgd-navy);border-radius:9px;padding:7px 12px;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;transition:background .15s,color .15s}
.cgd-btn:hover{background:var(--cgd-navy);color:#fff;border-color:var(--cgd-navy)}
.cgd-btn-main{background:var(--cgd-navy);color:#fff;border-color:var(--cgd-navy);padding:12px 18px;font-size:14px;border-radius:12px}
.cgd-btn-main:hover{background:#0f2247}
.cgd-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px;padding-top:18px;border-top:1px solid var(--cgd-line)}
.cgd-foot-note{font-size:13px;color:var(--cgd-muted)}
.cgd-empty{padding:26px;border:1px dashed var(--cgd-line);border-radius:12px;color:var(--cgd-muted);text-align:center}
@media (max-width:600px){.cgd-grid{grid-template-columns:1fr}.cgd-card{flex-wrap:wrap}}

/* ---------- prefix / sort bar + price ---------- */
.cgd-bar{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin:0 0 14px}
.cgd-seg{display:inline-flex;align-items:center;gap:4px;background:var(--cgd-bg);border:1px solid var(--cgd-line);border-radius:12px;padding:4px}
.cgd-seg-label{font-size:12px;font-weight:700;color:var(--cgd-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 8px}
.cgd-seg-btn{all:unset;cursor:pointer;border-radius:9px;padding:7px 11px;font-size:13px;font-weight:600;color:var(--cgd-navy);line-height:1.2}
.cgd-seg-btn:hover{background:#fff}
.cgd-seg-btn.on{background:var(--cgd-navy);color:#fff}
.cgd-card{flex-wrap:wrap}
.cgd-price{flex:1 1 100%;order:2;display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--cgd-muted);margin-top:2px}
.cgd-price strong{color:var(--cgd-navy);font-size:15px}
.cgd-card .cgd-btn{order:3;margin-left:auto}