/* FAQ page and articles (loaded only on /faq, /blog and /blog/*). Uses the tokens from styles.css. */
.post,.qa{font-size:1.125rem;line-height:1.65}
.post h2{margin-top:1.5em}
.post ul,.post ol{padding-left:1.25em}
.post li{margin:.35em 0}
.byline{color:var(--mute);font-size:1rem;margin:.4em 0 0}
.byline a{color:var(--mute)}
.qupd{color:var(--mute);font-size:.95rem;margin:.2em 0 0}
.qjump{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.qjump a{display:inline-block;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.5em 1em;text-decoration:none;color:var(--ink);font-weight:500;min-height:44px;box-sizing:border-box}
.qjump a:hover{border-color:var(--acc)}
.qgroup{scroll-margin-top:16px}
.qgroup>h2{margin-top:1.2em}
.qa{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px 8px;margin:14px 0;scroll-margin-top:16px;box-shadow:var(--shadow)}
.qa h3{font-size:1.3rem;margin:0 0 .5em}
.qa:target{border-color:var(--acc);box-shadow:0 0 0 3px rgba(184,84,24,.18)}
.qmeta{font-size:.9rem;color:var(--mute);margin:.9em 0 .2em;font-weight:600}
.qsrc{font-size:.9rem;color:var(--mute);margin:0 0 .8em;padding-left:1.1em}
.qsrc a{color:var(--mute)}
.ask{background:var(--bg2);border-radius:14px;padding:18px 20px;margin:28px 0 16px}
.ask h2{font-size:1.35rem;margin:0 0 .4em}
.rel{margin-top:28px}
.rel h2{font-size:1.35rem}
.rel>ul:not(.cards){padding-left:1.2em;font-size:1.0625rem}
.rel li{margin:.4em 0}
.cards.posts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.cards.posts b{font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:1.25rem;line-height:1.25;margin-bottom:.4em}
.cards.posts span{display:block;font-size:1rem;line-height:1.5}
.cards small{display:block;color:var(--mute);margin-top:.7em;font-size:.88rem}
.more{margin-top:20px}
@media (max-width:560px){.qa{padding:16px 16px 6px}.qa h3{font-size:1.2rem}}
@media print{.qjump,.ask,.rel{display:none}.qa{box-shadow:none;break-inside:avoid}}
.src li,.qsrc li{margin:.55em 0}
.src a,.qsrc a{display:inline-block;padding:3px 0;line-height:1.4}
