/* huzur – blog, statik sayfa ve 404. Dalga 71: yalnız blog / blog_post / page / not_found sayfalarında yüklenir (layout); ortak kurallar huzur-sections.css'te. */
.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); }.main-blog { padding-bottom: 4rem; }.main-blog__categories { display: flex; gap: 0.5rem; margin-bottom: 1.5rem; overflow-x: auto; scrollbar-width: none; padding-bottom: 0.25rem; }.main-blog__categories .pill { white-space: nowrap; min-height: 2.75rem; }.main-blog__categories .pill[aria-current] { border-color: var(--color-primary); background: var(--color-primary); color: var(--color-on-primary); }.main-blog__featured { margin-bottom: 2rem; }.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; }.rte--wide { max-width: none; }.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; }