/* Editorial pages extend Hakkımızda's typography, spacing and separators. */
.articles-page{overflow-wrap:break-word}
.article-breadcrumbs{padding-top:30px;font-size:13px;color:var(--text);line-height:1.6}
.article-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 12px;list-style:none;margin:0;padding:0}
.article-breadcrumbs li+li:before{content:'/';margin-right:12px;color:var(--line)}
.article-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.articles-page .about-intro{padding-top:48px}
.articles-page .article-intro h1{max-width:1050px}
.article-list{list-style:none;padding:0;margin:0}
.article-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:28px;padding:38px 0;border-bottom:1px solid var(--line)}
.article-number{font-family:Renner,Arial,sans-serif;font-size:20px;padding-top:3px}
.article-category{font-size:12px;letter-spacing:.06em;color:var(--text);margin-bottom:12px}
.article-row h2,.article-row h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;font-size:clamp(27px,3vw,40px);line-height:1.18;margin-bottom:14px;max-width:950px}
.article-row h2 a:hover,.article-row h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.article-row p:not(.article-category){font-size:16px;line-height:1.7;color:var(--text);max-width:780px}
.article-dates{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;color:var(--text);margin-top:30px;line-height:1.6}
.article-layout{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,3fr);gap:64px;align-items:start;padding-block:56px 64px;border-bottom:1px solid var(--line)}
.article-toc h2{font-size:24px;line-height:1.3;margin-bottom:20px}
.article-toc ol{padding-left:18px;margin:0;font-size:14px;line-height:1.65;color:var(--text)}
.article-toc li{margin-bottom:12px;padding-left:3px}
.article-toc a:hover{text-decoration:underline;text-underline-offset:3px}
.article-prose{max-width:780px;color:var(--text);font-size:17px;line-height:1.85}
.article-prose h2,.article-prose h3{color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:32px;line-height:1.25;margin:42px 0 20px;scroll-margin-top:30px}
.article-prose>h2:first-child{margin-top:0}.article-prose h3{font-size:26px}
.article-prose p{margin-bottom:20px}.article-prose ul,.article-prose ol{padding-left:24px;margin:0 0 24px}.article-prose li{margin-bottom:10px}
.article-prose a,.articles-back{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.related-articles{padding-block:48px 64px}.related-articles>h2{font-size:32px}.related-articles .article-row{display:block;padding-block:28px}.related-articles .article-row h3{font-size:28px}.articles-back{display:inline-block;margin-top:26px;font-size:15px}
.articles-page>.article-list{margin-bottom:64px}
@media(max-width:900px){.article-breadcrumbs{padding-top:24px}.articles-page .about-intro{padding-top:32px}.article-layout{grid-template-columns:1fr;gap:36px;padding-block:32px 40px}.article-toc{border-bottom:1px solid var(--line);padding-bottom:24px}.article-row{gap:14px;grid-template-columns:26px minmax(0,1fr);padding-block:28px}.article-row h2,.article-row h3{font-size:29px}.article-prose{font-size:16px;line-height:1.8}.article-prose h2{font-size:28px}.article-intro h1{font-size:clamp(34px,8.5vw,44px)}.article-dates{display:block}.article-dates span{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}