.fx-page-haber .grid-main { align-items: start; gap: 28px; }
.fx-page-haber .c-article { padding: 0; color: var(--color-text); }
.fx-page-haber .c-article-head h1 { font-size: 36px; line-height: 1.22; font-weight: 700; letter-spacing: 0; overflow-wrap: anywhere; }
.fx-page-haber .c-article-spot { border: 0; padding: 0; font-size: 19px; line-height: 1.6; font-weight: 400; color: var(--color-text-muted); }
.fx-page-haber .c-article-meta { gap: 8px 18px; line-height: 1.6; font-weight: 400; }
.fx-page-haber .c-article-tools { padding: 12px 0; border-bottom: var(--rule); gap: 8px; }
.fx-page-haber .c-article-tools button { min-height: 40px; color: var(--color-text); background: var(--color-surface); font-weight: 500; }
.fx-page-haber .c-article-tools [data-read-aloud] { color: #fff; background: #154c92; border-color: #154c92; }
.fx-page-haber .c-article-tools [data-read-aloud]:hover { background: #103b72; }
.fx-page-haber .c-article-tools button svg { width: 18px; height: 18px; flex: 0 0 18px; }
.fx-page-haber .c-article-tools button:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 3px; }
.fx-page-haber .c-article-figure img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: var(--color-surface-alt); border-radius: 4px; }
.fx-page-haber .c-article-figure figcaption { flex-wrap: wrap; line-height: 1.5; }
.fx-page-haber .prose { max-width: 72ch; font-size: 18px; line-height: 1.8; overflow-wrap: anywhere; }
.fx-page-haber .prose :is(img, video, iframe) { max-width: 100%; }
.fx-page-haber .prose img { height: auto; }
.fx-page-haber .prose iframe { width: 100%; }
.fx-page-haber .prose table { display: block; max-width: 100%; overflow-x: auto; }
.fx-page-haber .prose :is(p, li) { color: inherit; }
.fx-page-haber .c-prevnext { gap: 16px; }
.fx-page-haber .c-comments { margin-top: 28px; border-top: var(--rule); padding-top: 24px; }
@media (min-width: 1024px) { .fx-page-haber .grid-main { grid-template-columns: minmax(0, 1fr) 300px; } }
@media (max-width: 767px) {
  .fx-page-haber .c-article-head h1 { font-size: 27px; line-height: 1.25; }
  .fx-page-haber .c-article-spot { font-size: 17px; }
  .fx-page-haber .prose { font-size: 17px; line-height: 1.75; }
  .fx-page-haber .c-article-tools { gap: 6px; }
  .fx-page-haber .c-article-tools button { padding: 8px 10px; }
  .fx-page-haber .c-prevnext { grid-template-columns: 1fr; }
}
