/* FAQ — rescues.dogdog.org sticker style. Accordions are open by default without JS (html.fq-js turns on the collapsing). */
main.faq{max-width:1180px;margin:0 auto;padding:38px 10px 56px}
.faq-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;max-width:820px}
.faq h1{font-size:70px}
.fq-all{height:36px;padding:0 16px;border-radius:999px;background:#fff;border:2px solid var(--ink);font-family:Fredoka;font-weight:600;font-size:14px;cursor:pointer;margin-bottom:6px}
.fq-all:hover{background:var(--cream2)}
.faq-grid{display:grid;grid-template-columns:minmax(0,820px) 1fr;gap:40px;margin-top:30px;align-items:start}
.fq-list{list-style:none;display:grid;gap:16px}
.fq{background:#fff;border:2.5px solid var(--ink);border-radius:24px;box-shadow:4px 4px 0 var(--ink);scroll-margin-top:20px;transition:background .15s,box-shadow .15s,transform .15s}
.fq.open{background:#fff;box-shadow:5px 5px 0 var(--purple-d)}
.fq-h{margin:0;display:flex;align-items:center;font-size:inherit;gap:0}
.fq-btn{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:18px 8px 18px 18px;background:transparent;border:0;border-radius:22px;text-align:left;cursor:pointer;color:var(--ink)}
.fq-n{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--purple-l);color:var(--purple-d);font-family:Fredoka;font-weight:700;font-size:16px;border:2px solid var(--ink)}
.fq.open .fq-n{background:var(--gold);color:var(--ink)}
.fq-q{flex:1;font-family:Fredoka;font-weight:600;font-size:22px;line-height:1.2}
.fq-chev{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--purple-d);transition:transform .2s}
.fq.open .fq-chev{transform:rotate(180deg)}
.fq-btn:hover .fq-chev{background:var(--purple-l)}
.fq-btn:focus-visible,.fq-perma:focus-visible,.fq-all:focus-visible{outline:3px solid var(--purple-d);outline-offset:2px}
.fq-perma{flex:none;width:34px;height:34px;margin-right:14px;border-radius:50%;display:grid;place-items:center;color:var(--ink2);opacity:0;transition:opacity .15s;text-decoration:none}
.fq:hover .fq-perma,.fq-perma:focus-visible,.fq:target .fq-perma{opacity:1}
.fq-perma:hover{color:var(--purple-d);background:var(--purple-l)}
.fq-a{padding:0 24px 22px 66px;font-size:17px;line-height:1.55;font-weight:600;color:var(--ink)}
.fq-a p+p{margin-top:12px}
.fq-a a{color:var(--purple-d);font-weight:800;text-underline-offset:3px}
.fq-a a:hover{color:var(--ink)}
.fq:target{box-shadow:5px 5px 0 var(--teal)}
.fq-js .fq:not(.open) .fq-a{display:none}
.faq-art{position:relative;min-height:100%;align-self:stretch}
.faq-dog{position:absolute;top:0;left:20px;width:230px;transition:transform .45s cubic-bezier(.3,1.3,.5,1);will-change:transform}
.faq-dog img{display:block;width:100%;height:auto}
@media (max-width:1100px){.faq-grid{grid-template-columns:1fr}.faq-art{display:none}.faq-head{max-width:none}}
@media (max-width:760px){
 main.faq{padding:24px 14px 40px}
 .faq h1{font-size:54px}
 .faq-grid{margin-top:20px}.fq-list{gap:12px}
 .fq{border-radius:20px;box-shadow:3px 3px 0 var(--ink)}.fq.open,.fq:target{box-shadow:4px 4px 0 var(--purple-d)}
 .fq-btn{padding:14px 4px 14px 14px;gap:10px}
 .fq-n{width:30px;height:30px;font-size:14px}.fq-q{font-size:18px}.fq-chev{width:30px;height:30px}
 .fq-perma{display:none}.fq-btn{padding-right:12px}
 .fq-a{padding:0 18px 18px 18px;font-size:16px}
}
@media (prefers-reduced-motion:reduce){.faq-dog,.fq-chev{transition:none}}