.hpbseo{font:inherit;max-width:900px;margin:auto;color:#202b38}.hpbseo *{box-sizing:border-box}.hpbseo h2{margin:0 0 20px}.hpbseo-form{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:end;gap:14px;margin-bottom:18px}.hpbseo-form label{display:block;font-weight:600;font-size:14px}.hpbseo-form input{display:block;width:100%;min-width:0;margin-top:6px;padding:12px;border:1px solid #bac6d2;border-radius:7px;font-size:15px}.hpbseo-form button{padding:13px 18px;border:0;border-radius:7px;background:#1263ba;color:#fff;cursor:pointer}.hpbseo-form button:disabled{opacity:.6;cursor:wait}.hpbseo-message{margin:12px 0;color:#aa2929}.hpbseo-preview{padding:20px;border:1px solid #e2e5ea;border-radius:10px;margin:18px 0;background:white}.hpbseo-preview-label{font-size:14px;color:#6b7280;margin-bottom:12px}.hpbseo-gtitle{font-size:20px;color:#1a0dab;line-height:1.4;overflow-wrap:anywhere}.hpbseo-gurl{color:#17804d;font-size:14px;margin:6px 0}.hpbseo-gdesc{color:#424242;font-size:14px;line-height:1.55}.hpbseo-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;flex-wrap:wrap}.hpbseo-grade{font-size:18px;font-weight:700}.hpbseo-grade strong{display:inline-flex;width:48px;height:48px;justify-content:center;align-items:center;border-radius:50%;background:#dcfce7;color:#166534;margin-left:8px;font-size:24px}.hpbseo-grade .grade-b{background:#fef3c7;color:#92400e}.hpbseo-grade .grade-c{background:#fee2e2;color:#991b1b}.hpbseo-toggle{border:1px solid #cbd5e1;background:#f8fafc;padding:9px 13px;border-radius:6px;cursor:pointer}.hpbseo-checks{list-style:none;padding:0;margin:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.hpbseo-checks>li{padding:0;margin:0;border-bottom:1px solid #e5e7eb}.hpbseo-checks>li:last-child{border-bottom:0}.hpbseo-checks details summary{cursor:pointer;list-style:none;padding:14px;display:flex;gap:10px;align-items:baseline}.hpbseo-checks details summary::-webkit-details-marker{display:none}.hpbseo-checks details p{padding:0 15px 14px 43px;margin:0;color:#536174;font-size:14px}.hpbseo-dot{display:inline-flex;justify-content:center;align-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:#edf0f4;color:#566}.hpbseo-dot.good{background:#dcfce7;color:#14713a}.hpbseo-dot.warn{background:#fef3c7;color:#955b06}.hpbseo-dot.bad{background:#fee2e2;color:#af2323}.hpbseo-disclaimer{font-size:12px;color:#64748b;margin:16px 0}@media(max-width:750px){.hpbseo-form{grid-template-columns:1fr}}