/* guides.css - /rehber index and articles (Turkish editorial pages). Builds on public.css tokens. */

.pfp-guide-crumbs ol{display:flex;flex-wrap:wrap;gap:.25rem .5rem;list-style:none;margin:0 0 1rem;padding:0;font:500 var(--pf-pub-fs-tag)/1.4 var(--pf-font-mono);letter-spacing:.04em;color:var(--mum-color-text-muted)}
.pfp-guide-crumbs li+li::before{content:"/";margin-inline-end:.5rem;color:var(--mum-color-border-strong)}
.pfp-guide-crumbs a{color:var(--pf-pub-ink);text-decoration:none}
.pfp-guide-crumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.pfp-guide__title{max-width:28ch}
.pfp-guide__meta{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:1rem;font:500 .8125rem/1.4 var(--pf-font-mono);color:var(--mum-color-text-muted)}

.pfp-guide__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:2.5rem 4rem}
.pfp-guide__layout > *{min-width:0}
@media (min-width:1024px){.pfp-guide__layout{grid-template-columns:15rem minmax(0,1fr);gap:3.5rem;align-items:start}}
.pfp-guide__toc{border:1px solid var(--mum-color-border);border-radius:var(--mum-radius-lg);padding:1rem 1.25rem;background:var(--mum-color-surface)}
@media (min-width:1024px){.pfp-guide__toc{position:sticky;top:calc(var(--pf-pub-header-h) + 1.5rem)}}
.pfp-guide__toc-title{margin:0 0 .5rem;font:600 .75rem/1.3 var(--pf-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mum-color-text-muted)}
.pfp-guide__toc ol{margin:0;padding-inline-start:1.1rem;display:grid;gap:.4rem;font-size:.9rem}
.pfp-guide__toc a{color:var(--mum-color-text);text-decoration:none}
.pfp-guide__toc a:hover{color:var(--pf-pub-link);text-decoration:underline;text-underline-offset:3px}

/* Article typography */
.pfp-prose{max-width:46rem;font-size:1.0625rem;line-height:1.75;color:var(--mum-color-text)}
.pfp-prose :where(h2,h3,h4){scroll-margin-top:calc(var(--pf-pub-header-h) + 24px)}
.pfp-prose > * + *{margin-top:1.1em}
.pfp-prose h2{margin-top:2.2em;font-size:var(--pf-pub-fs-h2);font-weight:750;line-height:1.2;letter-spacing:-.015em}
.pfp-prose h3{margin-top:1.8em;font-size:1.2rem;font-weight:700;line-height:1.35}
.pfp-prose h2 + *,.pfp-prose h3 + *{margin-top:.6em}
.pfp-prose a{color:var(--pf-pub-link);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.pfp-prose a:hover{text-decoration-thickness:2px}
.pfp-prose :where(ul,ol){padding-inline-start:1.4rem}
.pfp-prose ul{list-style:disc}
.pfp-prose ol{list-style:decimal}
.pfp-prose li + li{margin-top:.4em}
.pfp-prose li::marker{color:var(--pf-pub-ink)}
.pfp-prose strong{font-weight:700}
.pfp-prose blockquote{margin-inline:0;padding:1rem 1.25rem;border-inline-start:3px solid var(--pf-pub-ink);background:var(--pf-pub-paper);border-radius:0 var(--mum-radius-md) var(--mum-radius-md) 0;color:var(--mum-color-text)}
.pfp-prose blockquote > * + *{margin-top:.6em}
.pfp-prose code{font-family:var(--pf-font-mono);font-size:.9em;padding:.1em .35em;border-radius:var(--mum-radius-sm);background:var(--mum-color-surface-2)}
.pfp-prose hr{border:0;border-top:1px solid var(--mum-color-border);margin-block:2.5em}
.pfp-prose table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.pfp-prose :where(th,td){padding:.6rem .75rem;border-bottom:1px solid var(--mum-color-border);text-align:start;vertical-align:top}
.pfp-prose th{font-weight:700;background:var(--mum-color-surface-2);white-space:nowrap}
.pfp-prose > p:first-child{font-size:1.15rem;line-height:1.7}

.pfp-guide__about{margin-top:3rem;padding:1.25rem 1.5rem;border:1px solid var(--mum-color-border);border-radius:var(--mum-radius-lg);background:var(--mum-color-surface);font-size:.95rem;line-height:1.65}
.pfp-guide__about > * + *{margin-top:.6rem}

/* Cards (index + related) */
.pfp-guide-group + .pfp-guide-group{margin-top:3rem}
.pfp-guide-cards{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:1rem}
@media (min-width:640px){.pfp-guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pfp-guide-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pfp-guide-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;border:1px solid var(--mum-color-border);border-radius:var(--mum-radius-lg);background:var(--mum-color-surface);transition:border-color var(--mum-duration-fast,150ms) ease}
.pfp-guide-card:hover{border-color:var(--pf-pub-ink)}
.pfp-guide-card__cat{margin:0;font:500 .75rem/1.3 var(--pf-font-mono);letter-spacing:.06em;color:var(--pf-pub-ink)}
.pfp-guide-card__title{margin:0;font-size:1.1rem;font-weight:700;line-height:1.35}
.pfp-guide-card__title a{color:var(--mum-color-text);text-decoration:none}
.pfp-guide-card__title a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.pfp-guide-card__title a:focus-visible{outline:none}
.pfp-guide-card:focus-within{outline:2px solid var(--mum-color-focus);outline-offset:2px}
.pfp-guide-card__text{margin:0;font-size:.95rem;color:var(--mum-color-text-muted)}
.pfp-guide-card__meta{margin:auto 0 0;padding-top:.25rem;font:500 .75rem/1.3 var(--pf-font-mono);color:var(--mum-color-text-muted)}