/* GetMeNames v2.1.0 — professional light design (AdSense-friendly) */

/* ---------- Generator tool card ---------- */
.gmn-wrap{max-width:720px;margin:28px auto;padding:38px 36px;background:#ffffff;border:1px solid #e9ebf3;border-radius:20px;box-shadow:0 12px 44px rgba(30,27,75,.09);color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
.gmn-field{margin:0 0 22px}
.gmn-field>label{display:block;font-weight:700;font-size:15px;margin-bottom:10px;color:#0f172a}
.gmn-field>label span{font-weight:400;color:#64748b;font-size:13px}
.gmn-input{width:100%;box-sizing:border-box;border:1.5px solid #dbe0ea;border-radius:12px;padding:13px 16px;font-size:16px;background:#f8fafc;color:#0f172a;transition:border-color .2s,box-shadow .2s,background .2s}
.gmn-input::placeholder{color:#94a3b8}
.gmn-input:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px rgba(79,70,229,.12)}
.gmn-group{margin:0 0 22px}
.gmn-group-label{display:block;font-weight:700;font-size:15px;margin-bottom:10px;color:#0f172a}
.gmn-pills{display:flex;flex-wrap:wrap;gap:10px}
.gmn-pill{border:1.5px solid #dbe0ea;background:#f8fafc;color:#475569;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .16s}
.gmn-pill:hover{border-color:#4f46e5;color:#4f46e5;background:#eef2ff}
.gmn-pill.is-active{background:#4f46e5;border-color:#4f46e5;color:#fff;box-shadow:0 4px 14px rgba(79,70,229,.35)}
.gmn-pill:focus-visible,.gmn-btn:focus-visible,.gmn-copy:focus-visible,.gmn-input:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}
.gmn-btn{display:block;width:100%;box-sizing:border-box;background:#4f46e5;color:#fff;border:none;border-radius:12px;padding:15px;font-size:16px;font-weight:800;letter-spacing:.2px;cursor:pointer;margin:6px 0 22px;box-shadow:0 8px 22px rgba(79,70,229,.3);transition:background .15s,transform .15s,box-shadow .15s}
.gmn-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 10px 26px rgba(79,70,229,.38)}
.gmn-btn:active{transform:translateY(0)}
.gmn-btn-secondary{background:#eef2ff;color:#4f46e5;box-shadow:none;margin-top:0}
.gmn-btn-secondary:hover{background:#e0e7ff;box-shadow:none}
.gmn-results{list-style:none;margin:0 0 10px;padding:0}
.gmn-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e9ebf3;border-radius:12px;padding:11px 14px;margin-bottom:10px;background:#f8fafc;transition:border-color .15s,box-shadow .15s}
.gmn-row:hover{border-color:#c7d2fe;box-shadow:0 4px 14px rgba(79,70,229,.08)}
.gmn-name{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gmn-copy{flex:0 0 auto;border:1.5px solid #4f46e5;background:#fff;color:#4f46e5;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}
.gmn-copy:hover{background:#4f46e5;color:#fff}
.gmn-copy.is-copied{background:#16a34a;border-color:#16a34a;color:#fff}
.gmn-note{font-size:13px;color:#64748b;margin:0 0 4px}
.gmn-count{font-size:13px;color:#64748b;margin:0 0 14px}
@media (max-width:560px){.gmn-wrap{padding:26px 20px;margin:18px auto}.gmn-pill{padding:8px 14px;font-size:13px}.gmn-name{font-size:14px}}

/* ---------- Latest articles grid ---------- */
.gmn-latest{max-width:1060px;margin:56px auto 8px;padding:0 20px}
.gmn-latest-title{font-size:28px;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.3px}
.gmn-latest-sub{color:#64748b;margin:0 0 24px;font-size:15px}
.gmn-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.gmn-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(15,23,42,.07);transition:transform .2s,box-shadow .2s;border:1px solid #eef0f6}
.gmn-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(79,70,229,.14)}
.gmn-card-link{text-decoration:none;color:inherit;display:block}
.gmn-card-img{width:100%;height:170px;object-fit:cover;display:block;background:#eef2ff}
.gmn-card-fallback{height:170px;background:linear-gradient(135deg,#eef2ff,#e0e7ff)}
.gmn-card-body{padding:18px 18px 20px}
.gmn-card-body h3{font-size:17px;font-weight:700;margin:0 0 8px;color:#0f172a;line-height:1.35}
.gmn-card-body p{font-size:14px;color:#64748b;margin:0 0 12px;line-height:1.55}
.gmn-card-more{font-size:14px;font-weight:700;color:#4f46e5}
@media (max-width:560px){.gmn-latest-title{font-size:23px}}