/* Liman – blog, statik sayfa ve 404 sayfa düzeni (TPL-008). Yalnız token. Dalga 70: yalnız blog / blog_post / page / not_found
   sayfalarında yüklenir (layout); blog kartları ve `.rte` liman-sections.css'te, form doğrulama liman.css'te. */

/* Sayfa başlığı şeridi (blog listesi) */
.content-hero { display: grid; gap: 0.5rem; margin-block: 0.5rem 1.5rem; padding: 1.5rem; border-radius: var(--radius-card); background: var(--color-surface); }
@media (min-width: 768px) { .content-hero { padding: 2.5rem; } }
.content-hero__title { font-size: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem); overflow-wrap: anywhere; }
.content-hero__text { max-width: 44rem; color: var(--color-text); }

/* Blog yazısı ve statik sayfa */
.main-article__header, .main-page__header { display: grid; gap: 0.75rem; max-width: 47.5rem; margin: 1rem auto 2rem; text-align: center; justify-items: center; }
.main-page__header { text-align: start; justify-items: start; margin-inline: 0; }
.main-article__title, .main-page__title { font-size: clamp(1.75rem, 1.2rem + 2.2vw, 3rem); overflow-wrap: anywhere; }
.main-article__category { text-decoration: none; }
.main-article__meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.25rem 1rem; font-size: var(--text-small); color: var(--color-text-muted); }
.main-article__cover { width: 100%; max-height: 36rem; aspect-ratio: 2 / 1; object-fit: cover; margin-bottom: 2.5rem; border-radius: var(--radius-card); background: var(--color-surface); }
.main-article__body { margin-inline: auto; }
.main-article__tags { display: flex; flex-wrap: wrap; gap: 0.5rem; max-width: 47.5rem; margin: 2.5rem auto 0; padding-top: 1.5rem; border-top: 1px solid var(--color-border); }
.main-article__related { margin-top: 2rem; background: var(--color-surface); }
.main-article__related-title { margin-bottom: 1.5rem; }
.main-article, .main-page { padding-bottom: 4rem; }
.main-page__body { margin-top: 0; }

/* 404 */
.main-not-found { display: grid; justify-items: center; gap: 1rem; padding-block: 3rem 5rem; text-align: center; }
.main-not-found__code { font-size: clamp(5rem, 3rem + 10vw, 10rem); font-weight: 800; line-height: 1; letter-spacing: -0.04em; color: var(--color-heading); }
.main-not-found__title { font-size: clamp(1.375rem, 1.1rem + 1vw, 2rem); text-transform: none; }
.main-not-found__text { max-width: 34rem; color: var(--color-text-muted); }
.main-not-found__search { width: 100%; max-width: 32rem; margin-block: 0.5rem; }
.main-not-found__popular { display: grid; gap: 1rem; width: 100%; margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--color-border); }
.main-not-found__popular-title { font-size: calc(var(--text-h2) * var(--heading-scale)); }
.main-not-found__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; }
.main-not-found__links .pill { min-height: 2.75rem; }