/* Rehber sayfaları (gen_guides.py üretir). landing.css üstüne eklenir. */
.guide { max-width:760px; margin:0 auto; }
.guide h1 { font-size:clamp(28px,5.4vw,42px); line-height:1.12; letter-spacing:-.01em; margin:6px 0 10px; }
.guide .by { color:var(--dim); font-size:14px; margin:0 0 18px; }
.guide .lead { font-size:18px; color:var(--text); margin:0 0 26px; }
.guide h2 { font-size:22px; line-height:1.25; margin:34px 0 10px; }
.guide p { margin:0 0 14px; }
.guide ul { margin:0 0 16px; padding-left:22px; }
.guide li { margin:0 0 8px; }
.gcta { display:flex; align-items:center; gap:16px; flex-wrap:wrap; background:var(--card); border-radius:20px; padding:18px 20px; margin:30px 0; box-shadow:var(--shadow); border-left:6px solid var(--accent,#7FB2FF); }
.gcta img.ic { width:64px; height:64px; border-radius:16px; }
.gcta .tx { flex:1 1 220px; }
.gcta .tx b { display:block; font-size:18px; }
.gcta .tx span { color:var(--dim); font-size:14px; }
.gcta .play img { height:46px; width:auto; display:block; }
.gcta a.small { font-size:14px; }
.guide .glist { padding-left:0; }
.glist { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:14px; list-style:none; margin:20px 0 0; padding:0; }
.glist li { margin:0; }
.glist a { display:flex; gap:14px; align-items:flex-start; background:var(--card); color:var(--text); text-decoration:none; padding:16px; border-radius:18px; box-shadow:var(--shadow); height:100%; }
.glist a:hover { outline:2px solid var(--accent,#7FB2FF); }
.glist img { width:48px; height:48px; border-radius:12px; flex:none; }
.glist b { display:block; font-size:17px; line-height:1.3; }
.glist span { color:var(--dim); font-size:14px; line-height:1.5; }
.guide .faq { margin-top:30px; }
nav.crumbs { font-size:14px; color:var(--dim); margin:0 0 6px; }
nav.crumbs a { color:var(--dim); }