/* Hero "Praticar 3 questões": the answered state follows the app's residency
   session (residency_question_session_page.dart): option verdicts, per-option
   comments, base explanation, Para Não Esquecer and four collapsed sections. */
#dossier-practice{--pq-blue:#0037a8;--pq-green:#2e7d32;--pq-red:#c62828;--pq-gold:#b8860b;--pq-line:#e7ded4}
#dossier-practice .practice-option{position:relative;align-items:center;border:1px solid var(--pq-line);border-radius:14px;min-height:56px;padding:12px 44px 12px 14px;background:#fff;transition:border-color .2s,background .2s}
#dossier-practice .practice-option span{display:flex;align-items:baseline;gap:12px}
#dossier-practice .practice-option b{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;margin:0;border-radius:8px;background:#f3eee6;color:#39465a;font:800 13px/1 Montserrat,Inter,sans-serif;transform:translateY(2px)}
#dossier-practice .practice-option input{position:absolute;opacity:0;pointer-events:none}
#dossier-practice .practice-option:has(input:checked){border-color:#365e83;background:#eef3f8}
#dossier-practice .practice-option:has(input:checked) b{background:#173d5e;color:#fff}
#dossier-practice .practice-option:has(input:focus-visible){outline:2px solid #173d5e;outline-offset:2px}
#dossier-practice .practice-option.is-correct,#dossier-practice .practice-option.is-correct:has(input:checked){border:1.6px solid #43a0478c;background:#43a0471a}
#dossier-practice .practice-option.is-correct b,#dossier-practice .practice-option.is-correct:has(input:checked) b{background:var(--pq-green);color:#fff}
#dossier-practice .practice-option.is-wrong,#dossier-practice .practice-option.is-wrong:has(input:checked){border:1.6px solid #ff4b4b8c;background:#ff4b4b1a}
#dossier-practice .practice-option.is-wrong b,#dossier-practice .practice-option.is-wrong:has(input:checked) b{background:var(--pq-red);color:#fff}
#dossier-practice .practice-option.is-muted{color:#506194}
.pq-mark{position:absolute;right:14px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%}
.pq-mark--ok{background:var(--pq-green)}.pq-mark--no{background:var(--pq-red)}
.pq-mark:after{content:'';position:absolute;inset:0;background:#fff;-webkit-mask:var(--m) center/12px no-repeat;mask:var(--m) center/12px no-repeat}
.pq-mark--ok{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}
.pq-mark--no{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}
.pq-opt-comment{display:flex;gap:10px;margin:-4px 0 2px;padding:10px 12px;border-radius:10px;background:#dc26260f;border:1px solid #dc26263d;font:600 12.5px/1.45 Inter,sans-serif;color:#00001f;white-space:pre-line}
.pq-opt-comment b{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#dc262624;color:#dc2626;font:900 11px/1 Inter,sans-serif}
.pq-opt-comment.is-correct{background:#16a34a12;border-color:#16a34a3d}
.pq-opt-comment.is-correct b{background:#16a34a24;color:#16a34a}

#dossier-practice .pq-feedback{margin-top:22px;border:0;padding:0}
.pq-verdict{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 14px;padding:14px 18px;border-radius:16px;font:900 16px/1.2 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;box-shadow:0 4px 0 #0000002e}
.pq-verdict span{font:600 12.5px/1.4 Inter,sans-serif;letter-spacing:0;text-transform:none;opacity:.92}
.pq-verdict--ok{background:#2e7d32}.pq-verdict--no{background:#c62828}.pq-verdict--suggested{background:#0037a8}
.pq-provisional{display:flex;flex-direction:column;gap:3px;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#fff8e1;border:1px solid #f5d77a;color:#6b4e00;font:500 12.5px/1.45 Inter,sans-serif}
.pq-provisional b{font-weight:800;color:#8a6200}
.pq-editorial{background:#fff;border:1.2px solid var(--pq-line);border-radius:16px;padding:14px;display:grid;gap:10px;animation:pq-in .3s ease both}
@keyframes pq-in{from{opacity:0;transform:translateY(10%)}to{opacity:1;transform:none}}
.pq-ed-head{display:flex;align-items:center;gap:8px;color:var(--pq-blue);font:800 13px/1.2 Inter,sans-serif}
.pq-label{display:flex;align-items:center;gap:7px;margin:0 0 6px!important;font:900 12px/1.2 Inter,sans-serif!important;letter-spacing:.04em;text-transform:uppercase}
.pq-base{padding:12px 14px;border-radius:14px;background:#0037a814;border:1px solid #0037a847}
.pq-base .pq-label{color:var(--pq-blue)}
.pq-base p:last-child{margin:0;font:600 14px/1.5 Inter,sans-serif;color:#00001f;white-space:pre-line}
.pq-pearl{padding:12px 14px;border-radius:14px;background:#ffd70014;border:1px solid #ffd70059}
.pq-pearl .pq-label{color:#a67c00;font-size:11px!important}
.pq-pearl p:last-child{margin:0;font:700 13.5px/1.5 Inter,sans-serif;color:#00001f;white-space:pre-line}
.pq-section{--a:#0891b2;border-radius:14px;border:1.2px solid color-mix(in srgb,var(--a) 24%,transparent);background:color-mix(in srgb,var(--a) 8%,#fff)}
.pq-section--reason{--a:#7c3aed}.pq-section--map{--a:#ea580c}.pq-section--tldr{--a:#ca8a04}
.pq-section-head{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit}
.pq-section-head:focus-visible{outline:2px solid var(--a);outline-offset:-2px;border-radius:14px}
.pq-section-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:color-mix(in srgb,var(--a) 12%,transparent);color:var(--a)}
.pq-section-title{display:flex;flex-direction:column;gap:2px;flex:1}
.pq-section-title b{font:900 13px/1.2 Inter,sans-serif;color:var(--a)}
.pq-section-title small{font:600 10px/1.3 Inter,sans-serif;color:#00001f94}
.pq-chev{color:color-mix(in srgb,var(--a) 60%,transparent);transition:transform .2s}
.pq-section.is-open .pq-chev{transform:rotate(180deg)}
.pq-section-body{padding:0 14px 14px}
.pq-md{border-top:1px solid color-mix(in srgb,var(--a) 18%,transparent);padding-top:10px;font:500 13px/1.55 Inter,sans-serif;color:#00001f;animation:pq-fade .2s ease both}
@keyframes pq-fade{from{opacity:0}to{opacity:1}}
.pq-md>*{margin:0 0 8px}.pq-md>*:last-child{margin-bottom:0}
.pq-md .pq-h{font:800 14px/1.3 Inter,sans-serif;color:var(--a);margin-top:4px}
.pq-md strong{font-weight:800;color:var(--a)}
.pq-md em{color:#00001fb8}
.pq-md ul{padding-left:18px}.pq-md li+li{margin-top:4px}
.pq-md blockquote{margin-left:0;padding-left:10px;border-left:3px solid color-mix(in srgb,var(--a) 50%,transparent)}
.pq-table{overflow-x:auto}
.pq-md table{border-collapse:collapse;font-size:12px;min-width:100%}
.pq-md th,.pq-md td{border:1px solid color-mix(in srgb,var(--a) 14%,transparent);padding:6px 8px;text-align:left;vertical-align:top}
.pq-md th{font-weight:800;color:var(--a);background:color-mix(in srgb,var(--a) 7%,#fff)}
.pq-md td{background:#fff}
.pq-source{display:block;color:#5f6c75;font:400 11px/1.4 Inter,sans-serif;margin-top:2px}
@media(prefers-reduced-motion:reduce){.pq-editorial,.pq-md{animation:none}.pq-chev{transition:none}}