.faq-hero{padding:1.6rem 0 .6rem}
.faq-hero h1{font-size:2rem;line-height:1.1;color:var(--navy);margin:.4rem 0 .6rem}
@media (prefers-color-scheme: dark){ .faq-hero h1{color:#fff} }
.faq-hero .lead{font-size:.95rem}
.faq-hero .lead.small{font-size:.85rem}
.badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;vertical-align:middle;font-family:"Prompt",sans-serif}
.b-maker{background:#fff3cd;color:#7a5200}.b-gov{background:#dbe7ff;color:#1b2a6b}.b-res{background:#e3f7e8;color:#1f6b3a}.b-shop{background:#ececf4;color:#3b4270}
@media (prefers-color-scheme: dark){ .b-maker{background:#5a4200;color:#ffe9a8}.b-gov{background:#223a80;color:#dbe7ff}.b-res{background:#1f4a2e;color:#d6f5e0}.b-shop{background:#2a3152;color:#dfe3f3} }
.faq-toc{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1rem}
.faq-toc a{text-decoration:none;border:1px solid var(--navy);color:var(--navy);border-radius:999px;padding:.3rem .8rem;font-size:.9rem;font-weight:500}
@media (prefers-color-scheme: dark){ .faq-toc a{color:#fff;border-color:#8f97bd} }
.qa{padding:1rem 0;border-top:1px solid var(--line)}
.qa:first-of-type{border-top:0}
.qa h3{font-size:1.1rem;color:var(--navy);margin-bottom:.4rem}
.qa h3 a{text-decoration:none;color:inherit}
.qa:target{background:linear-gradient(90deg,rgba(201,162,74,.12),transparent);border-radius:12px;padding-left:.6rem;margin-left:-.6rem}
@media (prefers-color-scheme: dark){ .qa h3{color:var(--gold2)} }
.ans p{font-family:"Sarabun",sans-serif;font-size:.98rem;margin-bottom:.35rem;color:var(--ink)}
.src{margin-top:.5rem;font-size:.85rem}
.src summary{cursor:pointer;color:var(--mute);font-family:"Sarabun",sans-serif}
.src ul{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}
.src li{font-family:"Sarabun",sans-serif;color:var(--mute)}
.src a{color:var(--navy)}
@media (prefers-color-scheme: dark){ .src a{color:#9fb3ff} }
.qa-actions{display:flex;gap:.5rem;margin-top:.6rem}
.qa-actions button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:.3rem .8rem;font:inherit;font-size:.82rem;cursor:pointer}
.qa-actions button.done{background:var(--ok);color:#fff;border-color:var(--ok)}
.faq-foot p{font-family:"Sarabun",sans-serif;color:var(--mute);margin-bottom:.8rem}

/* clips */
.clip{padding:1rem 0;border-top:1px solid var(--line)}
.clip h3{font-size:1.02rem;color:var(--navy);margin-bottom:.2rem;line-height:1.3}
@media (prefers-color-scheme: dark){ .clip h3{color:var(--gold2)} }
.clip h3 a{color:inherit;text-decoration:none}
.ctype{display:inline-block;font-size:.7rem;font-weight:600;background:var(--navy);color:#fff;border-radius:999px;padding:.1rem .5rem;vertical-align:middle;margin-right:.3rem}
.cmeta{font-size:.8rem;color:var(--mute);font-family:"Sarabun",sans-serif;margin-bottom:.4rem}
.tk{margin:0 0 .4rem 1.1rem;font-family:"Sarabun",sans-serif;font-size:.95rem}
.tk li{margin-bottom:.2rem}
.quotes{list-style:none;margin:.3rem 0;padding:.5rem .7rem;background:var(--bg);border-radius:10px;font-family:"Sarabun",sans-serif;font-size:.9rem}
.quotes li{margin-bottom:.25rem}.quotes a{color:var(--navy);font-weight:600;text-decoration:none}
@media (prefers-color-scheme: dark){ .quotes a{color:#9fb3ff} }
.nums{font-size:.85rem;color:var(--mute);font-family:"Sarabun",sans-serif}
.caution{margin-top:.4rem;padding:.4rem .7rem;border-radius:10px;background:#fff6d6;color:#6b4e00;font-size:.85rem;font-family:"Sarabun",sans-serif}