/* SEO analizi raporuna özel stiller (ortak rapor stilleri analiz-rapor.css içindedir). */

/* Google ve sosyal medya önizlemeleri */
.az-previews { display: grid; gap: 24px; }
@media (min-width: 900px) { .az-previews { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; } }
.az-previews .tool-note { margin-top: 10px; }
.az-serp { max-width: 640px; padding: 20px 22px; border: 1px solid var(--cizgi); border-radius: 16px; background: #fff; font-family: Arial, Helvetica, sans-serif; }
.az-serp__site { display: flex; align-items: center; gap: 10px; min-width: 0; margin-bottom: 8px; }
.az-serp__site > span:last-child { display: grid; min-width: 0; }
.az-serp__site b { font-size: 14px; font-weight: 400; color: #202124; }
.az-serp__site small { overflow: hidden; font-size: 12px; color: #4d5156; text-overflow: ellipsis; white-space: nowrap; }
.az-serp__fav { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border: 1px solid #dadce0; border-radius: 50%; background: #f1f3f4; color: #5f6368; font-size: 13px; font-weight: 700; }
.az-serp__title { margin-bottom: 4px; font-size: 20px; line-height: 1.3; color: #1a0dab; overflow-wrap: anywhere; }
.az-serp__desc { font-size: 14px; line-height: 1.58; color: #4d5156; overflow-wrap: anywhere; }
.az-noimg { display: grid; place-items: center; aspect-ratio: 1.91 / 1; background: var(--sis); color: var(--celik); font-size: 14px; }
.preview-card strong, .preview-card p { overflow-wrap: anywhere; }

/* PageSpeed özeti */
.az-psi { display: grid; gap: 12px; }
.az-psi__scores { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; }
.az-psi__score { display: grid; place-items: center; padding: 14px; border: 1px solid var(--cizgi); border-radius: 16px; background: #fff; }
.az-psi .score-ring { width: 108px; height: 108px; }
.az-psi .score-ring__value { font-size: 30px; }
.az-psi .score-ring__value small { font-size: 10px; letter-spacing: .03em; }
.az-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.az-metric { padding: 14px 16px; border: 1px solid var(--cizgi); border-left-width: 4px; border-radius: 14px; background: #fff; }
.az-metric strong { display: block; font: 600 22px/1.1 var(--font-display); }
.az-metric span { font-size: 13px; color: var(--celik); }
.az-metric--good { border-left-color: #0e9f6e; }
.az-metric--mid { border-left-color: #c98a00; }
.az-metric--bad { border-left-color: #d9480f; }
.az-field { font-size: 14px; color: var(--metin); }