/* Topic guides and illustrated articles. */
.guide-opening { background:#f2f4ef; border-bottom:1px solid #d8e2d9; }
.guide-crumbs { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding-block:25px 0; font-size:13px; color:#4c6158; }
.guide-crumbs a { color:inherit; text-decoration:none; }
.guide-hero { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding-block:38px 45px; }
.guide-introduction h1 { font-size:clamp(38px,4vw,56px); line-height:1.12; font-weight:550; letter-spacing:-.04em; margin:16px 0 24px; max-width:15ch; }
.guide-introduction p { font-size:17px; line-height:1.8; margin:0 0 22px; color:#41564e; }
.guide-introduction .guide-lead { font-size:20px; line-height:1.7; color:#234a40; }
.guide-introduction .btn-solid { margin-top:6px; }
.guide-photo { margin:0; min-width:0; }
.guide-photo img { display:block; width:100%; aspect-ratio:1.14; object-fit:cover; border-radius:7px; }
.guide-photo figcaption { font-size:12px; color:#526357; margin-top:10px; line-height:1.5; }
.guide-sections { display:flex; gap:38px; border-top:1px solid #cbd8cd; padding-block:20px; }
.guide-sections a { display:flex; gap:25px; align-items:center; text-decoration:none; font-size:15px; color:#205447; font-weight:500; }
.guide-sections a:hover { text-decoration:underline; text-underline-offset:4px; }
.guide-section-head { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:end; margin-bottom:34px; }
.guide-section-head h2 { font-size:34px; font-weight:500; line-height:1.25; margin:0; max-width:22ch; }
.guide-section-head p { margin:0; font-size:17px; line-height:1.7; max-width:52ch; }
.topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 32px; }
.topic-link { display:grid; grid-template-columns:180px minmax(0,1fr); border:1px solid #dbe3db; border-radius:7px; overflow:hidden; color:inherit; text-decoration:none; background:#fff; }
.topic-link > img { width:100%; height:100%; min-height:240px; object-fit:cover; }
.topic-copy { padding:24px; display:flex; flex-direction:column; align-items:flex-start; }
.topic-region { font-size:12px; color:#48665b; margin-bottom:8px; }
.topic-copy h3 { font-size:22px; font-weight:600; line-height:1.25; margin:0 0 12px; }
.topic-copy p { font-size:15px; line-height:1.7; margin:0 0 18px; }
.topic-more { display:flex; justify-content:space-between; gap:25px; width:100%; font-size:14px; color:#195d4b; margin-top:auto; font-weight:600; }
.topic-link:hover { border-color:#75968a; }
.topic-link:hover .topic-more { text-decoration:underline; text-underline-offset:4px; }
.guide-related { display:grid; grid-template-columns:180px 1fr; gap:32px; margin-top:36px; padding:28px 0 0; border-top:1px solid #cedbd1; }
.guide-related .section-eyebrow { align-self:start; margin-top:5px; }
.guide-related h3 { font-size:23px; font-weight:500; margin:0 0 10px; }
.guide-related p { font-size:17px; line-height:1.75; max-width:80ch; margin:0 0 12px; }
.guide-related a { font-size:15px; text-underline-offset:4px; }
.section-pad.guide-reading { background:#f5f7f3; }
.guide-reading-layout { display:grid; grid-template-columns:300px minmax(0,1fr); gap:90px; align-items:start; }
.guide-reading-nav { position:sticky; top:130px; }
.guide-reading-nav > h2 { font-size:28px; font-weight:500; margin:0 0 24px; }
.guide-reading-nav .content-toc { background:none; border:0; padding:0; margin:0; }
.guide-reading-nav .content-toc > strong { display:none; }
.guide-reading-nav .content-toc ol { padding-left:20px; gap:16px; }
.guide-reading-nav .content-toc a { font-size:15px; text-decoration:none; color:#405d50; }
.guide-reading-nav .content-toc a:hover { text-decoration:underline; }
.guide-article { min-width:0; max-width:75ch; }
.guide-article .prose { max-width:none; }
.guide-article .prose h2 { font-size:27px; font-weight:500; margin-top:38px; }
.guide-article .prose h2:first-child { margin-top:0; }
.guide-article .prose p,.guide-article .prose li { font-size:18px; line-height:1.85; }
.guide-faq { border-top:1px solid #cbd8cc; margin-top:44px; padding-top:24px; }
.guide-faq > h2 { font-size:27px; font-weight:500; }
.guide-faq details { border-bottom:1px solid #d4e0d5; padding-block:18px; }
.guide-faq summary { cursor:pointer; font-size:18px; font-weight:600; color:#214c3e; }
.guide-faq details p { font-size:17px; line-height:1.8; margin:14px 0 0; }
.guide-article .content-meta { margin-top:32px; }
.guide-article .content-sources { margin-bottom:0; }
.site-article .detail-figure { border-radius:6px; overflow:hidden; margin:24px 0 30px; }
.site-article .detail-figure img { width:100%; height:auto; aspect-ratio:1.8; object-fit:cover; display:block; }
.site-article .detail-figure figcaption { font-size:12px; color:#55655e; line-height:1.6; padding:10px 0 0; background:#fff; }
.site-article .detail-intro { background:none; border:0; border-radius:0; padding:0; font-size:20px; font-weight:400; line-height:1.8; }
.site-article .prose h2 { font-size:28px; font-weight:550; }
.site-article .content-toc { border-radius:6px; background:#f4f6f1; }
#konular,#degerlendirme,#guide-faq { scroll-margin-top:110px; }
@media (max-width:1199.98px) {
 .guide-hero,.guide-section-head { gap:36px; }
 .topic-link { grid-template-columns:130px minmax(0,1fr); }
 .topic-copy { padding:20px; }
 .topic-copy h3 { font-size:20px; }
 .guide-reading-layout { grid-template-columns:240px minmax(0,1fr); gap:44px; }
}
@media (max-width:767.98px) {
 .guide-crumbs { font-size:12px; gap:8px; padding-top:20px; }
 .guide-hero { grid-template-columns:1fr; gap:28px; padding-block:30px; }
 .guide-introduction h1 { font-size:40px; margin-block:14px 20px; }
 .guide-introduction .guide-lead { font-size:19px; }
 .guide-photo img { aspect-ratio:1.5; }
 .guide-sections { gap:12px 24px; flex-wrap:wrap; padding-block:18px; }
 .guide-sections a { font-size:14px; gap:10px; }
 .guide-section-head { grid-template-columns:1fr; gap:16px; margin-bottom:26px; }
 .guide-section-head h2 { font-size:29px; }
 .topic-grid { grid-template-columns:1fr; gap:20px; }
 .topic-link { grid-template-columns:1fr; }
 .topic-link > img { min-height:0; height:auto; aspect-ratio:16 / 9; }
 .topic-copy { padding:19px 17px; }
 .topic-copy h3 { font-size:20px; }
 .topic-copy p { font-size:15px; }
 .guide-related { grid-template-columns:1fr; gap:14px; margin-top:30px; }
 .guide-reading-layout { grid-template-columns:1fr; gap:30px; }
 .guide-reading-nav { position:static; padding-bottom:26px; border-bottom:1px solid #d3dfd3; }
 .guide-reading-nav > h2 { font-size:27px; }
 .guide-reading-nav .content-toc ol { gap:10px; }
 .guide-article .prose h2,.site-article .prose h2 { font-size:25px; }
 .guide-article .prose p,.guide-article .prose li { font-size:17px; }
 .site-article .detail-figure img { aspect-ratio:1.5; }
}
@media (max-width:374.98px) { .guide-introduction h1 { font-size:35px; } }
