/* Existing portfolio type and colours frame one working sheet; no global overrides.
   At 1440px: 1384px inner width = 680px form + 24px gap + 680px brief. */
.brief-page{--muted:#55534b;max-width:1500px;margin-inline:auto;padding-bottom:80px}
.brief-heading{padding-block:36px 32px;max-width:850px}
.brief-heading h1{font-family:var(--text);font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-.025em;margin-top:22px;text-wrap:pretty}
.brief-heading>p{margin-top:18px;max-width:760px}
.brief-page .brief-small,.brief-page .brief-help{font-size:14px;line-height:1.6;color:var(--muted)}
.brief-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.brief-form{padding:28px;background:var(--surface);min-width:0}
.brief-form fieldset{border:0;margin:0;padding:0;min-width:0}
.brief-form>fieldset>legend,.brief-preview h2{font:500 24px/1.2 var(--text);letter-spacing:-.02em;text-wrap:pretty}
.brief-form>fieldset>legend{margin-bottom:12px}
.brief-field{margin-top:22px;min-width:0}
.brief-field>label,.brief-options>legend{font-size:16px;font-weight:500;line-height:1.4;display:block;margin-bottom:9px}
.brief-field>label span{font-weight:400}
.brief-field input,.brief-field textarea,.brief-output{width:100%;border:1px solid var(--muted);border-radius:0;background:var(--paper);padding:11px 12px;font-size:16px;line-height:1.5;min-height:46px;display:block}
.brief-field textarea{resize:vertical;min-height:85px}
.brief-field input::placeholder,.brief-field textarea::placeholder{color:var(--muted);opacity:1}
.brief-field .brief-help{margin-top:8px}
.brief-form .brief-options{margin-top:24px}
.brief-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}
.brief-choice{display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px;line-height:1.4;cursor:pointer}
.brief-choice input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--ink)}
.brief-choice span{overflow-wrap:anywhere}
.brief-field-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.brief-form-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}
.brief-text-button{padding:10px 0;min-height:44px;background:none;border:0;text-decoration:underline;text-underline-offset:5px;font-size:16px}
.brief-preview{background:var(--paper);padding:28px;position:sticky;top:20px;min-width:0}
.brief-preview>p{margin-top:14px}
.brief-output{margin-top:20px;min-height:360px;max-height:60vh;resize:vertical;font-family:var(--text);font-size:15px;line-height:1.6;background:var(--paper);border:1px solid var(--surface)}
.brief-export-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.brief-export-actions .button{flex-basis:100%;font-size:16px;justify-content:space-between}
.brief-secondary{border:1px solid var(--muted);background:transparent;padding:10px 16px;min-height:44px;font-size:16px}
.brief-secondary:hover{background:var(--surface)}
.brief-status:empty{display:none}
.brief-status{color:var(--ink)!important;font-weight:500}
.brief-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-top:64px}
.brief-guide h2{font-size:clamp(28px,2.8vw,40px);max-width:15ch;line-height:1.15;text-wrap:pretty;margin-bottom:24px}
.brief-guide p{margin-bottom:18px;max-width:65ch}
.brief-checklist{padding-left:24px;margin:0;max-width:66ch}
.brief-checklist li{padding-left:7px;margin-bottom:18px}
.brief-questions h3{font-size:22px;line-height:1.3;letter-spacing:-.02em;margin-bottom:12px}
.brief-questions h3:not(:first-child){margin-top:30px}
.brief-noscript{background:var(--paper);padding:24px;margin-top:24px}
.brief-page .button:hover{transform:none}
@media(max-width:1000px){.brief-layout{gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.brief-form,.brief-preview{padding:22px}.brief-field-pair{grid-template-columns:1fr;gap:0}.brief-choices{grid-template-columns:1fr}}
@media(max-width:700px){.brief-heading{padding-top:24px}.brief-heading h1{font-size:28px}.brief-layout,.brief-guide{grid-template-columns:1fr}.brief-form,.brief-preview{padding:20px}.brief-preview{position:static}.brief-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-choice{font-size:14px}.brief-form>fieldset>legend,.brief-preview h2{font-size:22px}.brief-guide{padding-top:44px;gap:4px}.brief-guide h2{max-width:22ch;font-size:30px}.brief-output{min-height:330px;max-height:none}.brief-form-actions{gap:14px}.brief-form-actions .button{font-size:16px}.brief-export-actions{gap:10px}.brief-secondary{flex:1}.brief-page{padding-bottom:48px}}
@media(max-width:360px){.brief-choices{grid-template-columns:1fr}.brief-form,.brief-preview{padding:16px}.brief-export-actions .button{gap:12px;font-size:15px}.brief-secondary{padding-inline:10px}}