/* Blog sayfaları: ekmek kırıntısı, yazı bilgisi, içindekiler, sık sorulanlar, ilgili yazılar, sayfalama.
   Kart ve yazı gövdesi kuralları site.css içindedir; AMP sayfaları bu dosyayı da gömer. */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0 0 6px;padding-top:22px;font-size:13px;color:var(--mut)}
.crumb a{color:var(--mut);text-decoration:none}.crumb a:hover{color:var(--ink);text-decoration:underline}.crumb i{font-style:normal;opacity:.5}
.crumb span{color:var(--ink);overflow-wrap:anywhere}
.art .crumb{padding-top:0}
.sec h1{font:700 24px Sora,sans-serif;letter-spacing:-.03em}
.sec h1::after{content:"";display:block;width:54px;height:4px;margin-top:7px;border-radius:99px;background:linear-gradient(90deg,var(--frame),var(--glow))}
.lead{max-width:62ch;margin:0 0 18px;color:#5c4a55;font-size:15px}
a.cf{text-decoration:none;display:inline-block}
.art .meta{display:flex;flex-wrap:wrap;gap:2px 14px;margin:0 0 20px;color:var(--mut);font-size:14px}
.art .meta time{display:inline;margin:0}
.art figure.cover{margin:0 0 24px}
.toc{margin:0 0 26px;padding:16px 20px;border:1.5px solid var(--line);border-radius:16px;background:#fff}
.toc b{display:block;margin-bottom:6px;font:700 15px Sora,sans-serif}
.toc ol{margin:0;padding-left:1.3em;font-size:15px;line-height:1.9}.toc li.s{margin-left:1.1em;font-size:14px;color:var(--mut)}
.toc a{color:var(--ink);text-decoration:none}.toc a:hover{color:var(--ac);text-decoration:underline}
.art .body h2,.art .body h3{scroll-margin-top:16px}
.faq{margin-top:36px}.faq h2{font:800 24px Sora,sans-serif;letter-spacing:-.02em;margin-bottom:12px}
.faq h3{font:700 18px/1.35 Sora,sans-serif;margin:18px 0 4px}.faq p{font-size:16.5px;line-height:1.7;color:#3d2b36}
.rel{margin-top:48px}.rel h2{font:800 24px Sora,sans-serif;letter-spacing:-.02em;margin-bottom:14px}
.rel .ag{padding-bottom:0}
.pg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 0 60px}
.pg a,.pg b{min-width:40px;padding:9px 14px;border-radius:99px;text-align:center;font:600 14px Inter,sans-serif;text-decoration:none}
.pg a{background:#fff;border:1.5px solid var(--line);color:var(--ink)}.pg a:hover{border-color:var(--frame)}
.pg b{background:linear-gradient(100deg,var(--frame),var(--glow));color:#fff}
.pvbar{margin:0 0 14px;padding:8px 14px;border-radius:12px;background:#fff7d6;color:#6b5200;font-size:13.5px;font-weight:600}
a.wd,a.sq{display:block;text-decoration:none;color:inherit}.alist{padding-bottom:6px}
@media(max-width:760px){.sec h1{font-size:21px}.crumb{padding-top:16px}.faq h2,.rel h2{font-size:21px}}

/* ana sayfa: modellerin altında son yazılar; telefonda yana kaydırılır */
.hb{padding-bottom:0}.hb .sec{justify-content:space-between}.hb .sec a{font-size:14px;font-weight:600;color:var(--ac);text-decoration:none;white-space:nowrap}.hb .sec a:hover{text-decoration:underline}
.hg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hg .ac{height:100%}
@media(max-width:1000px){.hg{grid-template-columns:repeat(2,1fr)}.hg .ac:nth-child(3){display:none}}
@media(max-width:620px){.hg{display:flex;gap:12px;padding:2px 0 6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hg::-webkit-scrollbar{display:none}.hg .ac,.hg .ac:nth-child(3){display:flex;flex:0 0 80%;scroll-snap-align:start}}
