/* Brand AI (redesign): a specimen-style brand sheet beside one large material at a time. Choosing a rule on the sheet
   outlines every element in the material that rule governs. The ribbon drifts through the space top right. */
.br-hero{padding-bottom:var(--s9)}
.br-desk{margin-top:var(--s8);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s6);align-items:start}
.br-sheet{overflow:hidden}
.bk-mark{padding:22px 24px 6px;font-size:34px;letter-spacing:-.025em;font-weight:800;color:#0B2A66}
.bk-rules{display:grid;padding:6px 12px 14px}
.rule{width:100%;display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;text-align:left;padding:14px 12px;border-radius:12px;transition:background-color .25s ease,box-shadow .25s ease}
.bk-rules li+li .rule{box-shadow:0 -1px 0 var(--line)}
.rule[aria-pressed=true]{background:var(--ice);box-shadow:inset 0 0 0 2px var(--cobalt)}
@media (hover:hover){.rule:not([aria-pressed=true]):hover{background:#F7FAFF}}
.rule-n{font-size:15px;font-weight:800;color:var(--deep)}
.bk-promise{font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-.012em;color:#0B2A66}
.bk-voice{display:grid;gap:4px}.bk-voice span{font-size:15.5px;line-height:1.4;color:var(--ink);padding-left:22px;position:relative}
.bk-voice .do::before{content:"✓";position:absolute;left:0;color:var(--t-teal);font-weight:800}.bk-voice .dont::before{content:"✗";position:absolute;left:0;color:var(--t-coral);font-weight:800}
.bk-sw{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.bk-sw i{width:30px;height:30px;border-radius:8px;box-shadow:inset 0 0 0 1px #D5E3F6}
.bk-sw small,.bk-type small,.bk-img small{font-size:15px;line-height:1.4;color:var(--text)}
.bk-sw small{flex-basis:100%}
.bk-type{display:flex;align-items:center;gap:14px}.bk-type b{font-size:46px;line-height:1;letter-spacing:-.03em;color:#0B2A66}
.bk-img{display:flex;align-items:center;gap:14px}.bk-img img{width:72px;height:54px;object-fit:cover;border-radius:8px;flex:none}
.br-main{display:grid;gap:14px}
.br-tabs{display:flex;flex-wrap:wrap;gap:8px}
.br-tabs button{height:44px;padding:0 18px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font-size:15.5px;font-weight:700;color:var(--ink);transition:background-color .3s ease,color .3s ease}
.br-tabs button[aria-pressed="true"]{background:#0870E6;color:#fff;box-shadow:none}
.br-stage{display:grid;place-items:center;min-height:540px;padding:40px;border-radius:var(--r-stage);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.br-hint{font-size:15.5px;font-weight:600;color:var(--ink)}
/* the rule, outlined wherever it is applied */
[data-rule]{transition:box-shadow .3s ease,outline-color .3s ease;outline:3px solid transparent;outline-offset:4px;border-radius:6px}
.br-stage[data-hl=promise] [data-rule~=promise],.br-stage[data-hl=voice] [data-rule~=voice],.br-stage[data-hl=colour] [data-rule~=colour],.br-stage[data-hl=type] [data-rule~=type],.br-stage[data-hl=imagery] [data-rule~=imagery]{outline-color:var(--cobalt)}
.bm{grid-area:1/1;width:100%;display:grid;place-items:center}
.bm img{width:100%;height:100%;object-fit:cover}
.bm-web{width:min(720px,100%);border-radius:16px;background:#fff;box-shadow:0 24px 50px -30px rgba(11,42,102,.5);padding:20px;display:grid;gap:16px}
.bw-nav{display:flex;gap:16px;font-size:14px;color:var(--text)}.bw-nav b{margin-right:auto;font-size:15px;color:var(--ink)}
.bw-hero{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.bw-hero img{aspect-ratio:4/3;border-radius:12px}
.bw-h{font-size:32px;line-height:1.1;letter-spacing:-.02em;font-weight:800;color:#0B2A66}.bw-p{margin-top:8px;font-size:15px;line-height:1.5;color:var(--text)}
.bw-b{display:inline-block;margin-top:12px;padding:9px 14px;border-radius:9px;background:#FFC65A;color:#0B2A66;font-size:13.5px;font-weight:800}
.bm-soc{width:360px;max-width:100%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 24px 50px -30px rgba(11,42,102,.5)}.bm-soc img{aspect-ratio:1}
.bs-c{padding:14px 16px}.bs-h{font-size:18px;font-weight:800;color:#0B2A66}.bs-p{margin-top:4px;font-size:15px;color:var(--text)}
.bm-mail{width:min(520px,100%);border-radius:16px;background:#fff;box-shadow:0 24px 50px -30px rgba(11,42,102,.5);padding:20px;display:grid;gap:12px;justify-items:start}
.be-from{font-size:14px;color:var(--text)}.be-from b{color:var(--ink)}.bm-mail img{aspect-ratio:16/8;border-radius:12px}
.be-h{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#0B2A66}.be-p{font-size:15.5px;line-height:1.55;color:var(--text)}
.bm-lab{width:340px;max-width:100%;padding:26px;border-radius:12px;background:#fff;box-shadow:0 0 0 2px #0B2A66,0 24px 50px -30px rgba(11,42,102,.5);display:grid;gap:8px;text-align:center}
.bl-b{font-size:14px;font-weight:800;color:#8F5E00}.bl-h{font-size:26px;font-weight:800;color:#0B2A66}.bl-p{font-size:15px;line-height:1.5;color:var(--text)}.bl-s{margin-top:6px;padding-top:10px;border-top:1px solid #D5E3F6;font-size:14.5px;font-weight:700;color:#0B2A66}

/* the draft check */
.br-rv-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s5) var(--s9);align-items:end}
.br-rvw{margin-top:var(--s8);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s5);align-items:start}
.bd-body{padding:26px 30px 30px;display:grid;gap:14px}
.bd-h{font-size:30px;line-height:1.15;letter-spacing:-.02em;font-weight:800;color:var(--ink)}.bd-p{font-size:18px;line-height:1.55;color:var(--ink)}
.br-issues{padding:24px}.br-issues .x-k{margin-bottom:12px}
.br-draft .bad{background:#FFE9EC;box-shadow:0 0 0 3px #FFE9EC;border-radius:4px}.br-draft .good{display:none}
.br-draft[data-fixed=true] .bad{display:none}.br-draft[data-fixed=true] .good{display:inline;background:#E3F7F4;box-shadow:0 0 0 3px #E3F7F4;border-radius:4px}
.bi{display:grid;gap:10px}.bi li{padding:12px 14px;border-radius:12px;background:#FFE9EC;font-size:15.5px;line-height:1.5;color:var(--ink)}.bi b{display:block;color:var(--t-coral)}
.br-issues.fixed .bi li{background:#E3F7F4}.br-issues.fixed .bi b{color:var(--t-teal)}
.br-act{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.br-act .btn[disabled]{cursor:not-allowed}.br-act .btn-solid[disabled]{background:#B9D6FB;color:#0B2A66}.br-act .btn-line[disabled]{color:#4A6595;box-shadow:inset 0 0 0 1.5px #C9D6EA}
.br-st{margin-top:12px;font-size:15.5px;font-weight:700;color:var(--ink)}

@media (max-width:1100px){.br-desk,.br-rvw,.br-rv-head{grid-template-columns:1fr}}
@media (max-width:760px){.br-stage{padding:14px;min-height:0}.bw-hero{grid-template-columns:1fr}.bd-h{font-size:23px}.rule{grid-template-columns:1fr;gap:6px}.bd-body{padding:20px 18px}}