/* HTTP/2 ve HTTP/3 kontrolu. Renkler tema degiskenlerinden; durum renkleri ortak arac paletinden. */
.h2-sonuc { display: grid; gap: 14px; }
.h2-sonuc[hidden] { display: none; }
.h2-kartlar .arac-sonuc > strong { font-size: 22px; letter-spacing: -.4px; line-height: 1.25; }
.h2-kartlar .arac-sonuc > strong::before { content: ''; display: inline-block; width: 10px; height: 10px; margin-right: 9px; border-radius: 50%; vertical-align: 3px; background: var(--muted); }
.h2-kartlar .h2-var { border-color: color-mix(in srgb, #34d399 50%, var(--line)); background: color-mix(in srgb, #34d399 6%, var(--bg)); }
.h2-kartlar .h2-var > strong { color: #10a571; }
.h2-kartlar .h2-var > strong::before { background: #34d399; box-shadow: 0 0 0 3px #34d39930; }
.h2-kartlar .h2-yok { border-color: color-mix(in srgb, #f87171 45%, var(--line)); }
.h2-kartlar .h2-yok > strong { color: #e05252; }
.h2-kartlar .h2-yok > strong::before { background: #f87171; }
.h2-kartlar .h2-eski { border-color: color-mix(in srgb, #f5a524 50%, var(--line)); }
.h2-kartlar .h2-eski > strong { color: #d48a0c; }
.h2-kartlar .h2-eski > strong::before { background: #f5a524; }
.h2-kartlar small { overflow-wrap: anywhere; }
.h2-bilgi { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin: 0; }
.h2-bilgi > div { min-width: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg); }
.h2-bilgi > div.genis { grid-column: 1 / -1; }
.h2-bilgi dt { font-size: 12px; color: var(--muted); }
.h2-bilgi dd { margin: 4px 0 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13.5px; color: var(--text); overflow-wrap: anywhere; }
.h2-notlar { display: grid; gap: 8px; margin: 0; padding-left: 20px; }
.h2-notlar li { font-size: 13.5px; line-height: 1.6; color: var(--muted); }
.h2-notlar li:last-child { font-size: 12.5px; }
.h2-notlar strong { color: var(--text); }
.h2-notlar code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; color: var(--text); overflow-wrap: anywhere; }