/* Native blocks, forms, and discussion keep the same reading rhythm. */
.article-body { overflow-wrap: anywhere; }
.article-body::after { content: ''; display: table; clear: both; }
.article-body > :first-child { margin-top: 0; }
.article-body > :last-child { margin-bottom: 0; }
.article-body :where(h1, h2, h3, h4, h5, h6) { clear: both; color: inherit; line-height: 1.2; margin-block: 38px 18px; font-weight: 650; overflow-wrap: anywhere; }
.article-body h1 { font-size: clamp(30px, 4vw, 40px); }
.article-body h2 { font-size: 28px; letter-spacing: -.65px; }
.article-body h3 { font-size: 24px; }
.article-body h4 { font-size: 21px; }
.article-body h5 { font-size: 19px; }
.article-body h6 { font-size: 17px; }
.article-body p { margin-block: 0 24px; }
.article-body a:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button) { color: var(--accent); text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.article-body a:hover { text-decoration-thickness: 2px; }
.article-body :where(ul, ol) { padding-left: 1.4em; margin-block: 0 24px; }
.article-body li + li { margin-top: 6px; }
.article-body li :where(ul, ol) { margin-block: 8px; }
.article-body dl { margin-block: 24px; }
.article-body dt { font-weight: 600; }
.article-body dd { margin: .3em 0 1.2em 1.25em; }
.article-body hr { border: 0; border-top: 1px solid var(--line); margin-block: 38px; }
.article-body blockquote, .article-body .wp-block-quote { border: 0; border-inline-start: 3px solid var(--soft); margin: 32px 0; padding-inline: 24px 0; }
.article-body blockquote p:last-of-type { margin-bottom: 10px; }
.article-body :where(cite, blockquote cite, .wp-block-pullquote cite) { display: block; color: var(--muted); font-size: 13px; font-style: normal; }
.article-body .wp-block-pullquote { margin-block: 36px; padding: 28px; background: var(--card); border: 0; border-radius: 16px; }
.article-body .wp-block-pullquote blockquote { border: 0; padding: 0; margin: 0; }
.article-body :where(code, kbd, samp, pre) { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .88em; }
.article-body :not(pre) > code, .article-body kbd { background: var(--soft); padding: .15em .35em; border: 0; border-radius: 4px; }
.article-body pre, .article-body .wp-block-code { max-width: 100%; overflow-x: auto; white-space: pre; overflow-wrap: normal; word-break: normal; border: 0; border-radius: 14px; background: var(--card); color: var(--ink); margin-block: 30px; padding: 24px; line-height: 1.8; tab-size: 2; }
.article-body pre code { font-size: inherit; display: block; white-space: inherit; overflow-wrap: inherit; background: none; border: 0; padding: 0; }
.article-body .wp-block-preformatted, .article-body .wp-block-verse { white-space: pre-wrap; overflow-wrap: anywhere; }
.article-body :where(figure, .wp-block-image, .wp-block-gallery, .wp-block-embed, .wp-block-audio, .wp-block-video, .wp-block-file) { margin-block: 32px; max-width: 100%; }
.article-body figure :where(figure, .wp-block-image) { margin-block: 0; }
.article-body :where(img, video, audio, iframe, object, embed) { max-width: 100%; }
.article-body img:not(.parallax-image) { height: auto; }
.article-body figure img, .article-body .wp-caption img { border-radius: 16px; box-shadow: var(--shadow); }
.article-body .wp-block-image > img, .article-body .wp-block-image > a > img { margin-inline: auto; }
.article-body .maddagu-image-motion { overflow: hidden; border-radius: 16px; isolation: isolate; background: var(--soft); }
.article-body .maddagu-image-motion img { display: block; width: 100%; border-radius: 0; }
.article-body .maddagu-image-motion a { display: block; }
.article-body .wp-block-image.is-style-static img { transform: none; will-change: auto; }
.article-body :where(figcaption, .wp-caption-text), .page-featured-image figcaption, .gallery-caption { margin: 12px 0 0; color: var(--muted); font: 12px/1.5 var(--font); text-align: left; }
.article-body .wp-caption { max-width: 100%; }
.article-body .wp-block-gallery { gap: 18px; }
.article-body .wp-block-gallery figure.wp-block-image { flex-grow: 1; }
.article-body .wp-block-gallery figure.wp-block-image img { object-fit: cover; }
.article-body .wp-block-gallery.has-nested-images figure.wp-block-image { overflow: hidden; border-radius: 16px; }
.article-body .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { color: #fff; margin: 0; font-size: 12px; }
.article-body .wp-block-gallery .blocks-gallery-caption { width: 100%; color: var(--muted); }
.article-body .gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.article-body .gallery-columns-1 { grid-template-columns: 1fr; }
.article-body .gallery-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.article-body .gallery-item { margin: 0; }
.article-body .gallery img { width: 100%; height: auto; border: 0; }
.article-body .alignleft { float: left; margin: .5em 1.6em 1em 0; max-width: 48%; }
.article-body .alignright { float: right; margin: .5em 0 1em 1.6em; max-width: 48%; }
.article-body .aligncenter { display: block; margin-inline: auto; }
.article-body > .alignwide, .article-body > .alignfull { clear: both; width: 100%; max-width: none; margin-inline: 0; }
.article-body .wp-block-embed__wrapper { overflow: hidden; border-radius: 16px; }
.article-body .wp-block-embed iframe { display: block; margin-inline: auto; }
.article-body .wp-has-aspect-ratio iframe { width: 100%; }
.article-body .wp-block-video video, .article-body .wp-block-audio audio { display: block; width: 100%; }
.article-body .wp-block-video video { border-radius: 16px; }
.article-body .wp-block-file { padding: 24px; background: var(--card); border: 0; border-radius: 14px; font-size: 15px; }
.article-body .wp-block-file .wp-block-file__button, .article-body .wp-block-button__link { background: var(--accent); color: var(--page); border: 1px solid transparent; border-radius: 10px; padding: 12px 20px; font-size: 14px; text-decoration: none; line-height: 1.5; }
.article-body .is-style-outline > .wp-block-button__link { color: var(--accent); border-color: currentColor; background: transparent; }
.article-body .wp-block-table { overflow-x: auto; max-width: 100%; }
.article-body table { width: 100%; border-collapse: collapse; margin-block: 24px; font-size: .88em; text-align: left; }
.article-body .wp-block-table table { margin-block: 0; }
.article-body :where(td, th) { padding: 12px 16px; border: 1px solid var(--line); vertical-align: top; }
.article-body th { font-weight: 600; background: var(--card); }
.article-body .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: var(--card); }
.article-body .wp-block-columns { gap: 28px; }
.article-body .wp-block-column { min-width: 0; }
.article-body .wp-block-cover { border-radius: 16px; overflow: hidden; }
.article-body .wp-block-cover .wp-block-cover__inner-container, .article-body .wp-block-cover .wp-block-cover__inner-container :where(h1, h2, h3, h4, h5, h6) { color: inherit; }
.article-body .has-background { padding: 1.5em; }
.article-body :where(.wp-block-image, .wp-block-gallery, .wp-block-button__link, .wp-block-cover, .wp-block-media-text).has-background { padding: 0; }
.post-tags { display: flex; gap: 8px 15px; flex-wrap: wrap; }
.post-tags a { text-decoration: underline; text-underline-offset: 3px; }
.post-navigation { margin-top: 38px; }
.post-navigation .nav-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.post-navigation a { display: block; height: 100%; background: var(--card); border-radius: 14px; padding: 22px; }
.post-navigation .eyebrow, .post-navigation .nav-label { display: block; color: var(--muted); margin-bottom: 9px; font-size: 11px; }
.post-navigation .nav-title { font-size: 18px; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; letter-spacing: -.02em; }
.post-navigation .nav-next { grid-column: 2; }
.post-navigation a:hover .nav-title { color: var(--accent); }
.page-links, .pagination, .comments-pagination, .tpl-pagination { margin-block: 36px; clear: both; font-size: 13px; }
.pagination .nav-links, .pagination ul.page-numbers, .tpl-pagination .page-numbers, .page-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pagination ul.page-numbers { list-style: none; margin: 0; padding: 0; }
.pagination a.page-numbers, .pagination span.page-numbers, .page-links > a, .page-links > span, .tpl-pagination > a, .tpl-pagination > span { display: inline-flex; justify-content: center; align-items: center; min-width: 40px; min-height: 40px; padding: 8px 12px; border-radius: 10px; background: var(--card); }
.pagination .current, .page-links > .current, .tpl-pagination .current { background: var(--accent); color: var(--page); }
.search-form { max-width: 680px; margin-bottom: 32px; }
.search-form > label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 10px; }
.search-form-fields { display: flex; gap: 10px; align-items: stretch; }
.search-form .search-field { min-width: 0; width: 100%; flex: 1; }
.search-form .search-submit { flex-shrink: 0; }
.search-form input, .article-body input:not([type=checkbox]):not([type=radio]):not([type=submit]), .article-body textarea, .article-body select, .comment-form input:not([type=checkbox]):not([type=radio]):not([type=submit]), .comment-form textarea { width: 100%; min-width: 0; border: 1px solid var(--line); background: var(--card); color: var(--ink); border-radius: 10px; padding: 12px 14px; min-height: 46px; font: 14px/1.5 var(--font); }
.article-body textarea, .comment-form textarea { resize: vertical; }
.search-submit, .article-body input[type=submit], .comment-form input[type=submit], .post-password-form input[type=submit], .wp-block-search__button { background: var(--accent); color: var(--page); border: 0; border-radius: 10px; padding: 12px 20px; min-height: 46px; font: 14px/1.5 var(--font); cursor: pointer; }
.post-password-form label { display: block; font-size: 14px; }
.post-password-form input[type=password] { margin-block: 8px 15px; max-width: 400px; }
.comments-area { margin-top: 52px; }
.comments-title, .comment-reply-title { font-size: 26px; line-height: 1.3; margin-bottom: 24px; }
.comment-list, .comment-list .children { list-style: none; margin: 0; padding: 0; }
.comment-list .children { margin-left: 28px; }
.comment-list .comment-body { margin-bottom: 16px; padding: 24px; background: var(--card); border-radius: 14px; }
.comment-author { font-size: 14px; }
.comment-author .avatar { float: left; width: 40px; height: 40px; object-fit: cover; border-radius: 8px; margin: 0 12px 10px 0; }
.comment-metadata { color: var(--muted); font-size: 11px; margin-block: 5px 18px; }
.comment-metadata a:hover { text-decoration: underline; }
.comment-content { clear: both; overflow-wrap: anywhere; font-size: 15px; line-height: 1.75; }
.comment-content p { margin-bottom: 1em; }
.comment-content a { color: var(--accent); text-decoration: underline; }
.comment-content :where(pre, table) { display: block; overflow-x: auto; max-width: 100%; }
.comment-content :where(ul, ol) { padding-left: 1.5em; }
.comment-list .reply { color: var(--accent); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; margin-top: 16px; }
.comment-respond { margin-top: 38px; }
.comment-reply-title small { display: block; font-size: 12px; margin-top: 10px; }
.comment-form { display: grid; gap: 22px; }
.comment-form p { margin: 0; }
.comment-form :where(.comment-notes, .logged-in-as, .comment-form-cookies-consent), .no-comments, .comment-awaiting-moderation { color: var(--muted); font-size: 13px; }
.comment-form label { display: block; margin-bottom: 8px; font-size: 13px; }
.comment-form-cookies-consent { display: flex; align-items: flex-start; gap: 10px; }
.comment-form-cookies-consent input { flex-shrink: 0; margin-top: 5px; }
.comment-form-cookies-consent label { margin: 0; }
.comment-navigation { margin-top: 24px; }
.comment-navigation .nav-links { display: flex; justify-content: space-between; gap: 20px; font-size: 13px; }
.comment-navigation a { text-decoration: underline; }
.bypostauthor > .comment-body .fn { color: var(--accent); }
@media (min-width: 1100px) {
  .article-layout.no-sidebar .article-body > .alignwide, .article-layout.no-sidebar .article-body > .alignfull { width: calc(100% + 160px); margin-inline: -80px; }
}
@media (max-width: 650px) {
  .article-body h2 { font-size: 25px; }
  .article-body .wp-block-gallery { gap: 12px; }
  .article-body .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .article-body .gallery-columns-1 { grid-template-columns: 1fr; }
  .article-body pre { padding: 18px; }
  .post-navigation a { padding: 18px; }
  .post-navigation .nav-title { font-size: 16px; }
}
@media (max-width: 480px) {
  .article-body .alignleft, .article-body .alignright { float: none; max-width: 100%; margin: 24px auto; }
  .search-form-fields { flex-wrap: wrap; }
  .search-form .search-field { flex-basis: 100%; }
  .comment-list .children { margin-left: 14px; }
  .comment-list .comment-body { padding: 20px; }
  .post-navigation .nav-links { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .post-navigation .nav-next { grid-column: auto; }
  .article-body .wp-block-file { padding-inline: 20px; }
  .article-body .wp-block-file__button { display: table; margin: 15px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .article-body .parallax-image, .article-body .maddagu-motion-image, .post-cover .parallax-image { transform: none !important; opacity: 1 !important; will-change: auto; }
}
