/* Filistin Ajansı — what the engine adds to the prototype's stylesheet (filistin.css stays the design's own).
   Only states a static page never had: bands in the client's order, a card without a photo, page numbers,
   the client's prose in the text pages. Every value is one of the design's tokens. */

/* The homepage's bands come in the client's order: the page column opens under the crawl,
   so the first band in it keeps the prototype's 20px from the header or the crawl. */
main.ana{padding-top:0}
.ana > .kap:first-child,.ana > .gundem + .kap,.ana > .rakam + .kap,.ana > .galeri + .kap{padding-top:var(--gap)}
.ana > .kap:last-child{padding-bottom:8px}
.ana > .kap:empty{display:none}
.ana > .gundem + .rakam,.ana > .galeri + .rakam{margin-top:0}

/* The crawl's topic is the prototype's capitals; set by the stylesheet so Turkish i → İ. */
.gundem__liste b{text-transform:uppercase}

/* A gallery photo opens its story. */
.galeri__bag{display:block}
.galeri__bag:focus-visible{outline-offset:-3px}

/* A card with no photo: the design's text card (red rule, headline), in every size. */
.kart--kucuk.kart--metin{display:flex;flex-direction:column}
.kart--buyuk.kart--metin .kart__bag{flex:none}
.kart--buyuk.kart--metin .kart__baslik{padding-top:18px}
.sicak__bag:not(:has(.sicak__foto)){background:var(--ink)}

/* Page numbers under a section, Son Dakika and search. */
.sayfalar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:24px 0 8px}
.sayfalar a,.sayfalar span{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid #D4D4D4;border-radius:4px;background:var(--card);font-size:.875rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.sayfalar a:hover{border-color:var(--ink)}
.sayfalar [aria-current="page"]{background:var(--red);border-color:var(--red);color:#fff}
.sayfalar .sayfalar__bos{border-color:transparent;background:transparent}

/* An empty state in the design's own voice: a white card with the red rule. */
.bos{background:var(--card);padding:22px 20px;border-top:4px solid var(--red);color:var(--muted);font-weight:600}
.bos a{color:var(--red);font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* The story body as the desk writes it: headings, lists, quotes, pictures and embeds in the design's column. */
.haber__metin h2,.haber__metin h3{margin:1.4em 0 .6em;font-size:1.25rem}
.haber__metin h3{font-size:1.125rem}
.haber__metin ul,.haber__metin ol{padding-left:1.4em;margin:0 0 1em;max-width:70ch;font-size:var(--yazi);line-height:1.7}
.haber__metin ul{list-style:disc}.haber__metin ol{list-style:decimal}
.haber__metin li{margin-bottom:.35em}
.haber__metin blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:4px solid var(--red);font-size:calc(var(--yazi) * 1.08);font-weight:600;color:var(--ink);max-width:66ch}
.haber__metin a{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.haber__metin img,.haber__metin iframe,.haber__metin video{max-width:100%;height:auto}
.haber__metin figure{margin:1.4em 0}
.haber__metin figcaption{font-size:.8125rem;color:var(--muted);margin-top:6px}
.haber__metin table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.9375rem}
.haber__metin th,.haber__metin td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}

/* «محتوى الصفحات» in a text page: the client's own blocks keep the design's rhythm. */
.metin .pc-prose > p,.metin .pc-prose li{font-size:1.0625rem;line-height:1.75;max-width:70ch}
.metin .pc-prose > p{margin-bottom:1em}
.metin .pc-prose h2{font-size:1.25rem;margin:28px 0 12px}
.metin .pc-prose h3{font-size:1.0625rem;margin:22px 0 10px}
.metin .pc-prose ul,.metin .pc-prose ol{padding-left:1.4em;margin-bottom:1em}
.metin .pc-prose ul{list-style:disc}.metin .pc-prose ol{list-style:decimal}
.metin .pc-prose a{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.metin .pc-prose table{border-collapse:collapse;width:100%;max-width:640px}
.metin .pc-prose th,.metin .pc-prose td{text-align:left;padding:12px 0;border-bottom:1px solid var(--line);font-size:.9375rem;vertical-align:top}
.metin .pc-prose th{font-weight:800;color:var(--ink);width:52%;padding-right:16px}

/* Region and suggestion chips are links here (the server filters): the current one wears the pressed look. */
.cip[aria-current="page"]{background:var(--red);border-color:var(--red);color:#fff}
.cip[aria-current="page"] span{color:#FFD6DA}

/* The opening line of a text page the client writes. */
.metin .pc-prose > .metin__giris{font-size:1.25rem;font-weight:600;color:var(--ink)}

/* «Tümü», «Tüm haberler»: the design's 20px text links get a 44px hit area without moving a pixel. */
.bolum__tum,.son__tum,.kutu__tum{padding-block:12px;margin-block:-12px}
.son__tum,.kutu__tum{margin-top:0}