/* Rehber: /rehber (liste, konu sayfaları) ve /rehber/<adres> (yazı). Davranış: public/assets/js/rehber.js */

.guide-page,.guide-article-page{padding-top:2.6rem}

/* ---------- Arama ve konular ---------- */
.guide-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1rem}
.guide-tools .search{min-height:50px;box-shadow:var(--shadow)}
.guide-tools .search input{font-size:1.02rem}
.guide-search-btn{flex:none}
.guide-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.4rem}
.guide-chips .chip{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}
.guide-chips .chip:hover{border-color:var(--brand);color:var(--brand)}
.guide-chips .chip.is-on:hover{color:#fff}
.guide-chips .chip small{padding:.05rem .45rem;border-radius:999px;background:rgba(11,42,68,.08);color:var(--muted);font-size:.74rem;font-weight:700;font-variant-numeric:tabular-nums}
.guide-chips .chip.is-on small{background:rgba(255,255,255,.22);color:#fff}
.guide-status{min-height:1.4rem;margin:.6rem 0 0;color:var(--muted);font-size:.92rem}
.guide-status b{color:var(--ink)}

/* ---------- Konu bölümleri ve kartlar ---------- */
.guide-cat{margin-top:2.2rem;scroll-margin-top:110px}
.guide-cat-head{display:flex;align-items:center;gap:.9rem;margin-bottom:1.1rem;padding-bottom:.9rem;border-bottom:2px solid var(--line)}
.guide-cat-head .feature-icon{flex:none;width:44px;height:44px;margin:0}
.guide-cat-head h2{margin:0;font-size:clamp(1.2rem,2.2vw,1.5rem)}
.guide-cat-head h2 a{color:var(--ink)}
.guide-cat-head h2 a:hover{color:var(--brand)}
.guide-cat-head p{margin:.2rem 0 0;color:var(--muted);font-size:.92rem}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.guide-card{padding:1.4rem 1.4rem 1.2rem;text-decoration:none}
.guide-card:hover{border-color:var(--brand);box-shadow:var(--shadow)}
.guide-card h3{margin:.55rem 0 .5rem;font-size:1.08rem;line-height:1.35;color:var(--ink)}
.guide-card p{margin:0 0 1rem;font-size:.92rem;line-height:1.55}
.guide-card-cat{display:inline-flex;align-items:center;gap:.35rem;color:var(--brand);font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.guide-card-cat .icon{width:15px;height:15px}
.guide-meta{display:flex;align-items:center;gap:.4rem;margin-top:auto;color:var(--muted);font-size:.8rem}
.guide-meta .icon{width:14px;height:14px}
.guide-empty p{margin:0}

/* ---------- Yazı ---------- */
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:3rem;align-items:start}
.guide-article{min-width:0;max-width:780px}
.guide-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;margin:0 0 1.6rem;padding-bottom:1rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.88rem}
.guide-article-meta span{display:inline-flex;align-items:center;gap:.35rem}
.guide-article-meta .icon{width:16px;height:16px}
.guide-body p{font-size:1.04rem;line-height:1.75}
.guide-body p:first-child{font-size:1.12rem}
.guide-body h2{margin:2.4rem 0 .8rem;font-size:1.35rem;scroll-margin-top:110px}
.guide-body h3{margin:1.8rem 0 .6rem;font-size:1.12rem;color:var(--ink);scroll-margin-top:110px}
.guide-body ol{margin:0 0 1.2rem;padding-left:1.5rem;display:grid;gap:.5rem;list-style:decimal}
.guide-body ol li::marker{color:var(--brand);font-weight:700}
.guide-body li{line-height:1.65}
.guide-body a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.guide-body a:hover{color:var(--brand-dark)}
.guide-tip{display:flex;gap:.8rem;margin:1.4rem 0;padding:1rem 1.2rem;border:1px solid rgba(10,111,168,.25);border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(10,111,168,.06),rgba(53,194,232,.1))}
.guide-tip .icon{flex:none;width:22px;height:22px;margin-top:.15rem;color:var(--brand)}
.guide-tip p{margin:0;font-size:1rem;color:var(--ink)}
.guide-body .guide-tip p:first-child{font-size:1rem}

.guide-legal{margin:2.4rem 0 0;padding:1.1rem 1.3rem;border-left:4px solid #c98a12;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fff8e8}
.guide-legal p{margin:0;font-size:.95rem;color:var(--text)}
.guide-legal-date{margin-top:.4rem!important;color:var(--muted)!important;font-size:.86rem!important}

.guide-sources{margin-top:2rem}
.guide-sources h2{margin:0 0 .7rem;font-size:1.1rem}
.guide-sources ul{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}
.guide-sources li{font-size:.92rem}
.guide-sources small{color:var(--muted)}

.guide-share{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.guide-share .icon{width:16px;height:16px}
.guide-share a.is-copied{border-color:var(--ok);color:var(--ok)}

.guide-side{position:sticky;top:110px;display:grid;gap:1.2rem}
.guide-toc{padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.guide-toc-title{margin:0 0 .6rem;color:var(--ink);font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.guide-toc ol{margin:0;padding-left:1.1rem;display:grid;gap:.45rem}
.guide-toc li{font-size:.9rem;line-height:1.4}
.guide-toc a{color:var(--muted)}
.guide-toc a:hover,.guide-toc a.is-current{color:var(--brand)}
.guide-toc-inline{display:none;margin-bottom:1.6rem}
.guide-side-box{padding:1.2rem;border-radius:var(--radius);background:var(--soft)}
.guide-side-box p{margin:0 0 .9rem;color:var(--muted);font-size:.92rem}
.guide-side-box .guide-toc-title{color:var(--ink)}
.guide-side-box .btn{margin-bottom:.8rem}
.guide-side-box .card-link .icon{width:18px;height:18px}

.guide-preview{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.5rem;padding:.9rem 1.2rem;border:1px solid #e4b54a;border-radius:var(--radius-sm);background:#fff8e8;color:var(--ink);font-weight:600}
.guide-preview .icon{width:18px;height:18px}

.guide-related{margin-top:3.2rem;padding-top:2rem;border-top:2px solid var(--line)}
.guide-related h2{margin:0 0 1.2rem;font-size:clamp(1.2rem,2.2vw,1.5rem)}

/* ---------- Dar ekranlar ---------- */
@media (max-width:1080px){
  .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-layout{grid-template-columns:minmax(0,1fr);gap:2rem}
  .guide-side{position:static}
  .guide-side .guide-toc{display:none}
  .guide-toc-inline{display:block}
  .guide-article{max-width:none}
}
@media (max-width:680px){
  .guide-page,.guide-article-page{padding-top:1.6rem}
  .guide-tools .search{flex-basis:100%;min-width:0}
  .guide-search-btn{width:100%;justify-content:center}
  .guide-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px .4rem;padding:.2rem 16px .5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .guide-chips::-webkit-scrollbar{display:none}
  .guide-chips .chip{flex:none;white-space:nowrap}
  .guide-grid{grid-template-columns:minmax(0,1fr)}
  .guide-cat-head .feature-icon{width:38px;height:38px}
  .guide-body p{font-size:1rem}
  .guide-body p:first-child{font-size:1.05rem}
  .guide-body h2{font-size:1.2rem}
}