.qa-page{--qa-ink:#30291f;--qa-muted:#685d50;background:#f7f3ec;color:var(--qa-ink)}.qa-page h1,.qa-page h2{color:var(--qa-ink)}
.qa-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:64px;align-items:center}.qa-hero .cta{margin-top:24px}.qa-intro-note{padding:32px;border:1px solid #dac6aa;border-radius:20px;background:#eee4d3}.qa-intro-note h2{font:36px/1.15 Georgia,serif;margin:16px 0}.qa-intro-note p{font-size:17px;line-height:1.7}
.qa-filters{display:flex;align-items:end;gap:16px;margin:24px 0}.qa-filters label:first-child{flex:1}.qa-filters label,.qa-question-form label{display:grid;gap:8px;font-weight:600;font-size:14px}.qa-filters input,.qa-filters select,.qa-question-form input:not([type=radio]),.qa-question-form select,.qa-question-form textarea{min-height:44px;width:100%;padding:13px;border:1px solid #bcae96;border-radius:10px;background:#fff;color:#30291f;font:inherit;box-sizing:border-box}.qa-question-form textarea{resize:vertical}.qa-answer-list{display:grid;gap:28px}.qa-answer{padding:32px;border:1px solid #e1d6c6;background:#fffcf7;border-radius:18px;scroll-margin-top:110px;min-width:0}.qa-answer h3{font:32px/1.25 Georgia,serif;letter-spacing:-.02em;margin:12px 0 20px;color:#30291f}.qa-answer p{line-height:1.8}.qa-question-text,.qa-answer-text{white-space:pre-wrap;overflow-wrap:anywhere}.qa-question-text{padding:20px;background:#f1e9db;border-left:3px solid #9b633b;border-radius:0 10px 10px 0;font-size:18px}.qa-answer-text{font-size:18px}.qa-answer-author{font-size:14px;color:#685d50}.qa-answer-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.qa-answer-header time{font-size:13px;color:#685d50}.qa-video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;margin:20px 0;background:#171713}.qa-video-link{display:inline-block;text-decoration:underline;margin:14px 0;color:#654d34}.qa-empty{padding:32px;border:1px dashed #bcae96;border-radius:18px}.qa-empty h3{font-size:26px;margin:0 0 12px}.qa-empty p{line-height:1.7;margin:0}.qa-submit-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:64px}.qa-submit-layout h2{font:44px/1.15 Georgia,serif}.qa-submit-layout p{line-height:1.8}.qa-question-form{display:grid;gap:20px;padding:32px;background:#fffcf7;border:1px solid #e1d6c6;border-radius:18px}.qa-question-form fieldset{border:1px solid #bcae96;border-radius:10px;padding:16px}.qa-question-form legend{font-size:14px;padding:0 5px}.qa-question-form .qa-radio{display:flex;align-items:center;gap:10px;margin:10px 0;min-height:32px}.qa-radio input{width:18px;height:18px}.qa-note{font-size:14px;color:#685d50}.qa-trap{display:none}.qa-page input:focus-visible,.qa-page select:focus-visible,.qa-page textarea:focus-visible,.qa-page button:focus-visible{outline:3px solid #92532c;outline-offset:3px}#qaMore{margin-top:24px}.qa-page [hidden]{display:none!important}.qa-page button:disabled{opacity:.65;cursor:wait}.qa-submit-layout{scroll-margin-top:100px}
@media(max-width:800px){.qa-hero,.qa-submit-layout{grid-template-columns:1fr;gap:28px}.qa-filters{flex-wrap:wrap}.qa-filters label:first-child{flex-basis:100%}.qa-question-form,.qa-answer{padding:24px}.qa-intro-note{padding:24px}.qa-answer h3{font-size:28px}.qa-answer-text{font-size:17px}}

/* A página acompanha o tema global, inclusive os controles nativos. */
html body .qa-page{
  --qa-ink:#30291f;--qa-muted:#685d50;--qa-bg:#f7f3ec;
  --qa-paper:#fffcf7;--qa-soft:#eee4d3;--qa-line:#bcae96;
  --qa-field:#fff;--qa-accent:#80512f;
  background:var(--qa-bg);color:var(--qa-ink);color-scheme:light;
}
html[data-theme="dark"] body .qa-page{
  --qa-ink:#f2ede5;--qa-muted:#c3bbb0;--qa-bg:#121310;
  --qa-paper:#1b1c18;--qa-soft:#23241f;--qa-line:#68685d;
  --qa-field:#161713;--qa-accent:#ddb985;
  color-scheme:dark;
}
html body .qa-page .page-hero{background:linear-gradient(180deg,var(--qa-soft),var(--qa-bg))}
html body .qa-page .section.soft{background:var(--qa-soft)}
html body .qa-page h1,html body .qa-page h2,html body .qa-page h3,
html body .qa-page label,html body .qa-page legend{color:var(--qa-ink)}
html body .qa-page .page-hero p,html body .qa-page .section-head p,
html body .qa-page .qa-note,html body .qa-page .qa-answer-author,
html body .qa-page .qa-answer-header time,html body .qa-page #qaListStatus{color:var(--qa-muted)}
html body .qa-page .eyebrow,html body .qa-page .qa-video-link{color:var(--qa-accent)}
html body .qa-page .qa-intro-note,
html body .qa-page .qa-question-text{background:var(--qa-soft);border-color:var(--qa-line)}
html body .qa-page .qa-question-form,
html body .qa-page .qa-answer{background:var(--qa-paper);border-color:var(--qa-line)}
html body .qa-page .qa-empty,
html body .qa-page fieldset{border-color:var(--qa-line)}
html body .qa-page input:not([type=radio]),
html body .qa-page select,html body .qa-page textarea{
  background:var(--qa-field);color:var(--qa-ink);border-color:var(--qa-line);
}
html body .qa-page input::placeholder,html body .qa-page textarea::placeholder{color:var(--qa-muted);opacity:1}
html body .qa-page option{background:var(--qa-field);color:var(--qa-ink)}
html body .qa-page .cta.alt{color:var(--qa-ink);border-color:var(--qa-line)}
html body .qa-page :is(input,select,textarea,button,a):focus-visible{outline:3px solid var(--qa-accent);outline-offset:3px}
html body .qa-page input[type=radio]{accent-color:var(--qa-accent)}
.qa-filters label{min-width:0}
@media(max-width:480px){.qa-filters label{width:100%}.qa-filters .cta{width:100%}.qa-submit-layout h2{font-size:36px}}

.qa-format,.qa-camera-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.qa-format button{flex:1}.qa-recorder{display:grid;gap:16px;min-width:0}
.qa-camera-view,.qa-recorder>video{width:100%;border-radius:14px;overflow:hidden;background:#090a08}
.qa-camera-view canvas{display:block;width:100%;max-height:420px;object-fit:contain}
.qa-recorder>video{max-height:420px}.qa-camera-actions{margin-top:12px}
.qa-recorder p{margin:0}.qa-format button[aria-pressed=true]{box-shadow:0 0 0 2px var(--qa-accent)}
#enviar-pergunta{scroll-margin-top:100px}
.qa-camera-actions .cta{min-height:44px}
@media(max-width:480px){.qa-camera-actions button{flex:1 1 140px}}

.qa-permission-guide{padding:18px;border:1px solid var(--qa-line);border-radius:14px;background:var(--qa-soft);font-size:14px;line-height:1.7}
.qa-permission-guide strong{display:block;font-size:16px;margin-bottom:8px}
.qa-permission-guide details{margin-top:12px}.qa-permission-guide summary{cursor:pointer;font-weight:650}
.qa-permission-guide ol{padding-left:22px;margin:12px 0}.qa-permission-guide li{margin:8px 0}
.qa-permission-guide p{color:var(--qa-ink)}.qa-permission-guide details p{color:var(--qa-muted)}

/* Escolha recolhida e galeria ao lado do envio. */
.qa-workspace{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.5fr);gap:32px;align-items:start}
.qa-composer h2{font:36px/1.1 Georgia,serif;margin:12px 0}
.qa-question-form{padding:22px;gap:18px}
.qa-question-form .qa-form-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:20px}
.qa-form-fields>fieldset{min-width:0}
.qa-question-form .qa-gallery-consent{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.6}
html body .qa-page .qa-gallery-consent input{width:18px;min-height:18px;margin-top:4px;flex-shrink:0;accent-color:var(--qa-accent)}
.qa-composer .qa-format button{padding:12px 14px}
.qa-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.qa-gallery-grid .qa-empty{grid-column:1/-1}
.qa-gallery-grid .qa-answer{padding:22px}
.qa-gallery-grid .qa-answer h3{font-size:26px;overflow-wrap:anywhere}
.qa-status-badge{display:inline-block;padding:5px 10px;border:1px solid var(--qa-line);border-radius:999px;font-size:12px;background:var(--qa-soft);color:var(--qa-ink)}
.qa-react-pair{display:grid;gap:18px}
.qa-react-pair:has(.qa-react-response){grid-template-columns:repeat(2,minmax(0,1fr))}
.qa-react-part{min-width:0}
.qa-react-part .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:10px}
.qa-question-watch{width:100%;min-height:120px;border-radius:12px;border:1px solid var(--qa-line);background:var(--qa-soft);color:var(--qa-ink);cursor:pointer;padding:20px;font:inherit}
.qa-original-video{display:block;width:100%;max-height:360px;background:#090a08;border-radius:12px}
.qa-react-part .qa-video{margin:0;min-height:130px}
.qa-react-part p{font-size:15px}.qa-react-part .qa-question-text{padding:14px;font-size:15px}
.qa-gallery-grid .journey-social{margin-top:20px}
.qa-gallery-section .qa-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.65fr);gap:12px}
.qa-gallery-section .qa-filters label:first-child{grid-column:1/-1}
.qa-gallery-section .qa-filters .cta{grid-column:1/-1}
.qa-gallery-grid .qa-answer:has(.qa-react-response){grid-column:1/-1}
@media(max-width:1000px){.qa-workspace{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.qa-gallery-grid{grid-template-columns:1fr}}
@media(max-width:800px){.qa-workspace{grid-template-columns:1fr;gap:40px}.qa-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-composer h2{font-size:32px}}
@media(max-width:560px){.qa-gallery-grid,.qa-react-pair:has(.qa-react-response){grid-template-columns:1fr}.qa-gallery-section .qa-filters{grid-template-columns:1fr}.qa-question-form{padding:18px}.qa-gallery-section h2{font-size:32px}}
