.brand-playbook{max-width:1200px;margin:0 auto;width:100%;min-width:0}
.brand-lead{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.brand-overview{border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:28px}
.brand-summary{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 20px}
.brand-tabs{display:flex;gap:24px;overflow-x:auto;margin:20px 0 0;padding:0 2px;scrollbar-width:thin}
.brand-tabs button,.brand-sections button{background:transparent;border:0;color:var(--muted);text-align:left;cursor:pointer;font:inherit;font-size:13px}
.brand-tabs button{padding:12px 0;border-radius:0;border-bottom:2px solid transparent;flex-shrink:0}
.brand-sections button{padding:10px 12px;border-radius:6px;line-height:1.4}
.brand-tabs button[aria-pressed=true]{color:var(--text);border-color:var(--accent-text)}
.brand-sections button[aria-pressed=true]{background:var(--raised);color:var(--text)}
.brand-tabs button:hover,.brand-sections button:hover{color:var(--text)}
.brand-playbook button:focus-visible,.brand-playbook summary:focus-visible{outline:2px solid var(--lilac);outline-offset:3px}
.brand-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:16px;margin-bottom:12px}
.brand-filters label{display:grid;gap:7px;font-size:13px;color:var(--muted)}
.brand-filters input,.brand-filters select{width:100%;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:14px}
.brand-filters select:focus-visible{outline:3px solid var(--lilac);outline-offset:4px}
.brand-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;align-items:start}
.brand-sections{display:grid;gap:7px;position:sticky;top:24px}
.brand-sections[hidden],.brand-filters[hidden],.brand-summary[hidden]{display:none}
.brand-workspace:has(.brand-sections[hidden]){grid-template-columns:minmax(0,1fr)}
.brand-area{margin-bottom:40px;min-width:0}
.brand-area>h2{margin:0 0 8px;font-size:24px}
.brand-basis{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}
.brand-basis a,.brand-source-link{color:var(--accent-text)}
.brand-question{border-top:1px solid var(--line);padding:16px 0;min-width:0;overflow-wrap:anywhere}
.brand-question h3{font-size:18px;line-height:1.5;margin:10px 0}
.brand-question p{line-height:1.65;margin:8px 0}
.brand-question-meta{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap;font-size:12px}
.brand-term{color:var(--muted)}
.brand-state{border:1px solid var(--line);border-radius:5px;padding:4px 8px;color:var(--text);background:var(--raised)}
.brand-state-documentado{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-line)}
.brand-state-hipotese,.brand-state-proposta{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}
.brand-answer,.brand-insight{margin:14px 0 0}
.brand-answer summary,.brand-insight summary{cursor:pointer;color:var(--accent-text);font-size:14px;padding:4px 0}
.brand-source-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:inherit;font-size:14px;line-height:1.7;background:var(--card);padding:16px;border-radius:8px;max-width:100%}
.brand-source-link{display:block;background:none;border:0;padding:8px 0;text-align:left;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.brand-followup,.brand-note{color:var(--muted)}
.brand-proposal{padding-left:16px;border-left:2px solid var(--warn-line)}
#brand-source-dialog{width:min(900px,calc(100vw - 32px));max-height:85vh}
#brand-source-title{padding-right:32px;overflow-wrap:anywhere}
#brand-source-text{white-space:pre-wrap;font:inherit;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:900px){.brand-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.brand-sections{position:static;display:flex;flex-wrap:wrap;gap:6px}.brand-sections button{font-size:12px;padding:8px 10px}.brand-lead{font-size:15px}.brand-filters{grid-template-columns:minmax(0,1fr)}.brand-question h3{font-size:17px}}

.brand-pitch{max-width:880px;padding:18px 0 32px}
.brand-pitch-name{font-size:13px;font-weight:600;color:var(--accent-text);margin:0 0 18px}
.brand-pitch h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.035em;line-height:1.2;max-width:760px;margin:0 0 18px;text-wrap:balance}
.brand-pitch-description{font-size:17px;line-height:1.65;max-width:650px;color:var(--muted);margin:0 0 30px}
.brand-pitch-points{margin:0 0 20px;border-top:1px solid var(--line)}
.brand-pitch-points>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6}
.brand-pitch-points dt{color:var(--muted)}
.brand-pitch-points dd{margin:0;max-width:600px}
.brand-context{margin:0 0 20px;color:var(--muted);font-size:12px}
.brand-context summary{cursor:pointer;padding:5px 0}
.brand-question-heading{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:4px 0}
.brand-question-heading::-webkit-details-marker{display:none}
.brand-question-heading:after{content:' ';width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);flex-shrink:0;margin:0 4px 4px}
.brand-question[open]>.brand-question-heading:after{transform:rotate(225deg);margin-bottom:0}
.brand-question-title{flex:1;font-size:15px;line-height:1.5;font-weight:600}
.brand-question-heading .brand-state{font-size:11px;flex-shrink:0}
.brand-question-body{padding-top:12px;max-width:760px}
@media(max-width:600px){
.brand-tabs{gap:20px;margin-top:12px}
.brand-overview{margin-bottom:20px}
.brand-pitch{padding-top:4px}
.brand-pitch-description{font-size:15px;margin-bottom:24px}
.brand-pitch-points>div{grid-template-columns:minmax(0,1fr);gap:3px;padding:12px 0}
.brand-pitch-points dt{font-size:12px}
.brand-question-heading{flex-wrap:wrap;gap:8px}
.brand-question-title{flex-basis:calc(100% - 30px);order:0}
.brand-question-heading:after{order:1;margin-left:auto}
.brand-question-heading .brand-state{order:2}
.brand-sections{flex-wrap:nowrap;overflow-x:auto;padding:3px}
.brand-sections button{flex-shrink:0;max-width:170px}
}