.brief-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:20px;background:var(--soft-surface);box-shadow:var(--soft-raised);margin-bottom:12px}
body .brief-mode-switch button{border:1px solid transparent;border-radius:14px;padding:15px 12px;font-size:16px;color:var(--brand-navy);background:transparent;box-shadow:none;transition:box-shadow .2s,background .2s}
body .brief-mode-switch button[aria-pressed=true],body .brief-mode-switch button:hover{background:var(--soft-control);box-shadow:var(--soft-pressed)}
body .brief-mode-switch button:active{box-shadow:inset 5px 5px 10px #aec0cd70,inset -4px -4px 8px #fff}
.brief-mode-switch button:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px}
.brief-surface.is-detailed{grid-template-columns:minmax(0,1fr);gap:36px}
.brief-surface.is-detailed .brief-heading{max-width:900px}
.brief-surface.is-detailed .brief-form{width:100%;max-width:none}
.brief-details{padding:0;margin:12px 0 8px;border:0;min-width:0;display:grid;gap:28px;animation:brief-in .2s ease-out}
.brief-detail-group{padding:28px;border-radius:24px;border:1px solid #ffffffa6;background:var(--soft-surface);box-shadow:var(--soft-raised);min-width:0}
.brief-detail-group h3{margin:0 0 26px;font-size:24px;line-height:1.3}
.brief-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px}
.brief-detail-grid .wide-field{grid-column:1/-1}
body .brief-detail-grid :is(input,textarea){background:#e7edf1;border:1px solid #ffffff66;border-radius:14px;box-shadow:inset 4px 4px 8px #b4c0cb70,inset -4px -4px 8px #ffffffdf;min-height:52px;padding:15px 18px;width:100%;color:var(--brand-navy);font-size:16px}
.brief-detail-grid textarea{resize:vertical;min-height:90px}
.brief-form label{min-width:0}
.brief-form input[type=hidden]{display:none}
.brief-download{justify-self:start;font-size:14px}
@keyframes brief-in{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
 .brief-mode-switch{padding:6px;gap:6px;border-radius:17px}
 body .brief-mode-switch button{font-size:14px;padding:14px 8px}
 .brief-surface.is-detailed{gap:28px}
 .brief-detail-group{padding:22px 16px;border-radius:20px;margin-inline:-4px}
 .brief-detail-group h3{font-size:23px;margin-bottom:22px}
 .brief-detail-grid{grid-template-columns:1fr;gap:20px}
 .brief-detail-grid .wide-field{grid-column:auto}
 .brief-download{width:100%}
}
@media(prefers-reduced-motion:reduce){.brief-details{animation:none}.brief-mode-switch button{transition:none}}