/* Product guides share the landing page typography and palette. */
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding-block:24px;color:var(--muted);font-size:.875rem;align-items:center}
.guide-breadcrumb a{display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);gap:80px;align-items:center;padding-block:40px 80px}
.guide-hero h1{font-size:clamp(2.6rem,5vw,5rem)}
.guide-intro{max-width:620px;font-size:1.2rem;color:var(--muted);margin-block:28px}
.guide-note{font-size:.85rem;color:var(--muted);margin-top:16px}
.guide-hero figure{margin:0;text-align:center}.guide-hero img{width:240px;margin-inline:auto;border-radius:24px;outline:1px solid rgba(0,0,0,.1);box-shadow:0 12px 36px rgba(0,0,0,.08)}
.guide-hero figcaption{font-size:.75rem;color:var(--muted);margin-top:18px}
.guide-content{max-width:800px;margin-inline:auto;padding-bottom:80px}
.guide-section{padding-block:36px;border-top:1px solid var(--line)}
.guide-section h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:20px}
.guide-section>p{font-size:1.1rem;color:var(--muted);line-height:1.8}
.guide-related{background:var(--cream);padding:28px;border-radius:20px;margin-top:24px}
.guide-related a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.guide-hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:24px 48px}.guide-hero img{width:200px}.guide-intro{font-size:1.1rem}.guide-related{padding:20px}.guide-hero .button{white-space:normal;text-align:center}}
@media(max-width:780px){.guide-page .site-header nav a[href="/#uygulama"]{display:none}}