/* Match-company controls --------------------------------------------------- */
.toolbar .brand-match-toggle{border:1px solid #6f6f6f;background:transparent;color:#fff}
.toolbar .brand-match-toggle:hover{background:#242424}
.brand-theme-option[hidden]{display:none!important}
.brand-matcher{position:fixed;z-index:80;top:74px;right:max(18px,calc((100vw - 1120px)/2));width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 92px);overflow:auto;border:1px solid #3f3f3f;background:#0c0c0c;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.42);font:12px/1.5 "Space Mono",monospace}
.brand-matcher[hidden]{display:none}
.brand-matcher-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #343434;background:#0c0c0c}
.brand-matcher-header strong{display:block;font-size:14px;text-transform:uppercase}
.brand-matcher-header span{display:block;margin-top:4px;color:#a8a8a8;font-size:9px}
.brand-matcher button,.brand-upload-label{min-height:38px;padding:8px 12px;border:1px solid #505050;border-radius:999px;background:#171717;color:#fff;font:9px/1.2 "Space Mono",monospace;text-transform:uppercase;cursor:pointer}
.brand-matcher button:hover,.brand-upload-label:hover{background:#292929}
.brand-matcher button:focus-visible,.brand-matcher input:focus-visible,.brand-matcher textarea:focus-visible,.brand-matcher select:focus-visible,.brand-upload-label:focus-within{outline:3px solid #ffcf00;outline-offset:2px}
.brand-close{min-height:32px!important;padding:6px 10px!important}
.brand-matcher-form{display:grid;gap:16px;padding:20px}
.brand-step{display:flex;align-items:center;gap:10px;margin:0;color:#fff;font-size:10px;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.brand-step span{display:grid;width:24px;height:24px;place-items:center;border:1px solid #555;border-radius:50%;color:#aaa;font-size:8px}
.brand-field{display:grid;gap:7px}
.brand-field>span,.brand-choice-grid label>span,.brand-colour-grid label>span{color:#d8d8d8;font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.brand-field small{color:#858585;font:inherit;text-transform:none}
.brand-field input,.brand-field textarea,.brand-choice-grid select{width:100%;border:1px solid #454545;border-radius:4px;background:#141414;color:#fff;padding:10px 11px;font:11px/1.4 "Space Mono",monospace}
.brand-field textarea{resize:vertical;min-height:62px}
.brand-source-actions{display:flex;gap:8px;flex-wrap:wrap}
.brand-analyse{background:#fff!important;color:#000!important;border-color:#fff!important}
.brand-status{min-height:35px;margin:0;padding:9px 10px;border-left:3px solid #555;background:#151515;color:#bcbcbc;font-size:9px}
.brand-status[data-state="working"]{border-color:#ffcf00;color:#fff}
.brand-status[data-state="success"]{border-color:#39bb75;color:#e9fff3}
.brand-status[data-state="error"]{border-color:#ff4d5e;color:#ffecef}
.brand-review{display:grid;gap:16px;padding-top:4px}
.brand-detection-summary{display:flex;align-items:center;gap:12px}
.brand-logo-preview{display:grid;place-items:center;width:54px;height:54px;overflow:hidden;border:1px solid #3f3f3f;background:#fff;color:#111;font-size:8px;font-weight:700}
.brand-logo-preview img{width:100%;height:100%;object-fit:contain}
.brand-detection-summary>div:last-child{display:grid;gap:3px}
.brand-detection-summary strong{font-size:12px}
.brand-detection-summary span{color:#969696;font-size:9px}
.brand-colour-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.brand-colour-grid label{display:grid;gap:6px}
.brand-colour-grid input{width:100%;height:38px;padding:3px;border:1px solid #454545;border-radius:4px;background:#141414;cursor:pointer}
.brand-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.brand-choice-grid label{display:grid;gap:6px}
.brand-matcher-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px;border-top:1px solid #333}
.brand-apply{margin-left:auto;background:#fff!important;color:#000!important;border-color:#fff!important}
.brand-reset{color:#ff9aa4!important}

/* Brandfetch logos remain direct <img> embeds as required by the Logo API.
   They are decorative in non-company themes and never affect A4 measurement. */
.brand-document-logo{display:none}
html[data-theme="brand"] .brand-document-logo{display:block;position:absolute;z-index:3;top:10mm;right:12mm;width:30mm;height:10mm;object-fit:contain;object-position:right center}
html[data-theme="brand"][data-brand-layout="one"] .page-one .simple-page-header{padding-right:36mm}
@media print{html[data-theme="brand"] .brand-document-logo{display:block!important}}

/* Generated company theme -------------------------------------------------
   The theme consumes only reviewed tokens. Content markup and A4 pagination
   remain shared with every other theme. */
html[data-theme="brand"]{
  --brand-primary:#3157d5;
  --brand-accent:#f15a3a;
  --brand-paper:#fff;
  --brand-text:#171717;
  --brand-radius:6px;
  --brand-heading-font:"Space Grotesk",Inter,"Segoe UI",Arial,sans-serif;
  --brand-body-font:Inter,"Segoe UI",Arial,sans-serif;
  --brand-soft:color-mix(in srgb,var(--brand-primary) 8%,var(--brand-paper));
  --brand-mid:color-mix(in srgb,var(--brand-primary) 22%,var(--brand-paper));
  --black:var(--brand-paper);
  --paper:var(--brand-paper);
  --ink:var(--brand-text);
  --text-primary:var(--brand-text);
  --muted:color-mix(in srgb,var(--brand-text) 66%,var(--brand-paper));
  --line:color-mix(in srgb,var(--brand-text) 20%,var(--brand-paper));
  --border:var(--line);
  --card:var(--brand-soft);
  --accent:var(--brand-accent);
  --purple:var(--brand-primary);
  --blue:var(--brand-primary)
}
html[data-theme="brand"] body{background:#d9dde3;color:var(--brand-text);font-family:var(--brand-body-font)}
html[data-theme="brand"] .toolbar .theme-option[data-theme-option="brand"][aria-pressed="true"]{background:var(--brand-primary);color:var(--brand-paper)}
html[data-theme="brand"] .page{background:var(--brand-paper);color:var(--brand-text);border-top:5px solid var(--brand-primary)}
html[data-theme="brand"][data-brand-intensity="subtle"] .page{border-top-width:2px}
html[data-theme="brand"][data-brand-intensity="expressive"] .page{border-top-width:11px}
html[data-theme="brand"] .sidebar{background:var(--brand-soft)}
html[data-theme="brand"] .identity h1,html[data-theme="brand"] .section>h2,html[data-theme="brand"] .job h3{font-family:var(--brand-heading-font)}
html[data-theme="brand"] .identity p,html[data-theme="brand"] .job a{color:var(--brand-primary)}
html[data-theme="brand"] .side-section,html[data-theme="brand"] .side-rule{border-color:var(--line)}
html[data-theme="brand"] .contact i,html[data-theme="brand"] .tools em{border-radius:var(--brand-radius);background:var(--brand-primary);color:var(--brand-paper)}
html[data-theme="brand"] .contact a:first-child i{background:var(--brand-accent);color:var(--brand-paper)}
html[data-theme="brand"] .timeline{border-color:var(--brand-mid)}
html[data-theme="brand"] .section::before{background:var(--brand-accent);border-color:var(--brand-paper);box-shadow:none}
html[data-theme="brand"] .panel,html[data-theme="brand"] .job,html[data-theme="brand"] .education-grid article,html[data-theme="brand"] .capability-board article,html[data-theme="brand"] blockquote{border-radius:var(--brand-radius);background:var(--brand-soft)}
html[data-theme="brand"] .job.featured{border-left:4px solid var(--brand-accent)}
html[data-theme="brand"] .company-logo{background:var(--brand-paper)}
html[data-theme="brand"] .impact-list b,html[data-theme="brand"] .capability-board small{color:var(--brand-primary)}

/* Two-column contract: a brand-led rail and a calm editorial content area. */
html[data-theme="brand"][data-brand-layout="two"] .page{border-top:0}
html[data-theme="brand"][data-brand-layout="two"] .sidebar{background:var(--brand-primary);color:var(--brand-paper)}
html[data-theme="brand"][data-brand-layout="two"] .portrait{border-bottom:2.2mm solid var(--brand-accent);background-color:var(--brand-paper)}
html[data-theme="brand"][data-brand-layout="two"] .identity h1{color:var(--brand-paper)}
html[data-theme="brand"][data-brand-layout="two"] .identity p,
html[data-theme="brand"][data-brand-layout="two"] .side-section h2{color:color-mix(in srgb,var(--brand-paper) 72%,var(--brand-accent))}
html[data-theme="brand"][data-brand-layout="two"] .side-section,
html[data-theme="brand"][data-brand-layout="two"] .side-rule{border-color:color-mix(in srgb,var(--brand-paper) 24%,transparent)}
html[data-theme="brand"][data-brand-layout="two"] .side-section p,
html[data-theme="brand"][data-brand-layout="two"] .side-section a,
html[data-theme="brand"][data-brand-layout="two"] .side-section>div,
html[data-theme="brand"][data-brand-layout="two"] .side-section small{color:var(--brand-paper)}
html[data-theme="brand"][data-brand-layout="two"] .contact i,
html[data-theme="brand"][data-brand-layout="two"] .tools em{background:color-mix(in srgb,var(--brand-paper) 15%,transparent);color:var(--brand-paper)}
html[data-theme="brand"][data-brand-layout="two"] .content{background:var(--brand-paper)}
html[data-theme="brand"][data-brand-layout="two"] .section>h2{color:var(--brand-primary)}
html[data-theme="brand"][data-brand-layout="two"] .section::before{background:var(--brand-accent)}
html[data-theme="brand"][data-brand-layout="two"] .job,
html[data-theme="brand"][data-brand-layout="two"] .panel,
html[data-theme="brand"][data-brand-layout="two"] .education-grid article,
html[data-theme="brand"][data-brand-layout="two"] .capability-board article,
html[data-theme="brand"][data-brand-layout="two"] blockquote{border:1px solid var(--line);background:transparent}

/* One-column company layout. The composition reuses the Simple theme's
   derived header and sidebar sections but retains its own brand treatment. */
html[data-theme="brand"][data-brand-layout="one"] .page{display:block;padding:14mm 16mm 15mm;overflow:hidden}
html[data-theme="brand"][data-brand-layout="one"] .sidebar,html[data-theme="brand"][data-brand-layout="one"] .bottom-connector,html[data-theme="brand"][data-brand-layout="one"] .bottom-page-margin{display:none!important}
html[data-theme="brand"][data-brand-layout="one"] .content,html[data-theme="brand"][data-brand-layout="one"] .page-one .content,html[data-theme="brand"][data-brand-layout="one"] .page-two .content{width:auto;padding:0!important;border:0!important}
html[data-theme="brand"][data-brand-layout="one"] .simple-page-header{margin:0 0 9mm;padding:0 0 5mm;border-bottom:2px solid var(--brand-primary)}
html[data-theme="brand"][data-brand-layout="one"] .simple-header-identity h1{margin:0;color:var(--brand-text);font:700 36px/1 var(--brand-heading-font);letter-spacing:-.03em}
html[data-theme="brand"][data-brand-layout="one"] .simple-header-identity p{margin:6px 0 0;color:var(--brand-primary);font:600 12px/1.3 var(--brand-body-font)}
html[data-theme="brand"][data-brand-layout="one"] .simple-contact-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5mm;margin-top:5mm;padding-top:4mm;border-top:1px solid var(--line)}
html[data-theme="brand"][data-brand-layout="one"] .simple-contact-strip a,html[data-theme="brand"][data-brand-layout="one"] .simple-contact-strip span{min-width:0;color:var(--brand-text);font:9px/1.4 var(--brand-body-font);overflow-wrap:anywhere;text-decoration:none}
html[data-theme="brand"][data-brand-layout="one"] .simple-continuation-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 8mm;padding:0 0 4mm;border-bottom:1px solid var(--line);color:var(--muted);font:9px/1.2 var(--brand-body-font);text-transform:uppercase;letter-spacing:.06em}
html[data-theme="brand"][data-brand-layout="one"] .simple-continuation-page{color:var(--brand-primary);font-weight:700}
html[data-theme="brand"][data-brand-layout="one"] .section{margin:0 0 8mm!important}
html[data-theme="brand"][data-brand-layout="one"] .section::before,html[data-theme="brand"][data-brand-layout="one"] .section-step-label{display:none!important}
html[data-theme="brand"][data-brand-layout="one"] .section>h2{margin:0 0 4mm!important;padding:0 0 2mm!important;border-bottom:1px solid var(--line);color:var(--brand-text);font:700 18px/1.1 var(--brand-heading-font);letter-spacing:-.01em}
html[data-theme="brand"][data-brand-layout="one"] .panel{padding:5mm 6mm;color:var(--muted);font-size:9px;line-height:1.5}
html[data-theme="brand"][data-brand-layout="one"] .profile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin-top:4mm}
html[data-theme="brand"][data-brand-layout="one"] .profile-summary article{padding:3mm;border-left:2px solid var(--brand-accent)}
html[data-theme="brand"][data-brand-layout="one"] .profile-summary small{color:var(--brand-primary)}
html[data-theme="brand"][data-brand-layout="one"] .job,html[data-theme="brand"][data-brand-layout="one"] .job.featured,html[data-theme="brand"][data-brand-layout="one"] .job.compact{display:grid;grid-template-columns:10mm minmax(0,1fr) 29mm;gap:3mm;min-height:0;margin:0 0 3mm;padding:4mm 5mm;border:1px solid var(--line);border-left:4px solid var(--brand-primary)}
html[data-theme="brand"][data-brand-layout="one"] .job.featured{border-left-color:var(--brand-accent)}
html[data-theme="brand"][data-brand-layout="one"] .job h3{margin:0 0 1mm;font-size:11px}
html[data-theme="brand"][data-brand-layout="one"] .job h3 small{color:var(--muted);font-size:7px}
html[data-theme="brand"][data-brand-layout="one"] .job a,html[data-theme="brand"][data-brand-layout="one"] .job .company-name{color:var(--brand-primary);font-size:8px}
html[data-theme="brand"][data-brand-layout="one"] .job ul,html[data-theme="brand"][data-brand-layout="one"] .job p{margin-top:2mm;color:var(--muted);font-size:7.5px;line-height:1.4}
html[data-theme="brand"][data-brand-layout="one"] .meta{color:var(--muted);font-size:7px}
html[data-theme="brand"][data-brand-layout="one"] .education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2mm}
html[data-theme="brand"][data-brand-layout="one"] .education-grid article{min-height:0;padding:4mm;border:1px solid var(--line)}
html[data-theme="brand"][data-brand-layout="one"] .capability-board{display:grid;grid-template-columns:1fr;gap:2mm}
html[data-theme="brand"][data-brand-layout="one"] .capability-board article{min-height:0;padding:3mm 4mm;border:1px solid var(--line)}
html[data-theme="brand"][data-brand-layout="one"] .simple-derived-section{padding-top:1mm}
html[data-theme="brand"][data-brand-layout="one"] .simple-derived-section article{display:grid;grid-template-columns:42mm minmax(0,1fr);gap:4mm;padding:2mm 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px}
html[data-theme="brand"][data-brand-layout="one"] .simple-derived-section article b{color:var(--brand-text)}
html[data-theme="brand"][data-brand-layout="one"] .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:2mm}
html[data-theme="brand"][data-brand-layout="one"] .quote-grid blockquote{min-height:0;padding:4mm;border:1px solid var(--line)}
html[data-theme="brand"][data-brand-layout="one"] .page-number{display:none!important}

/* Company theme composition ----------------------------------------------
   Shared content and pagination stay untouched; this skin owns only visual
   hierarchy. The layout uses brand tokens as roles instead of colouring
   every component, which keeps the result recognisable and readable. */
html[data-theme="brand"][data-brand-layout="one"] .page{
  border:0;
  border-radius:0;
  box-shadow:0 16px 55px rgba(21,25,42,.16)
}
html[data-theme="brand"][data-brand-layout="one"] .simple-page-header{
  position:relative;
  margin:-14mm -16mm 11mm!important;
  /* Match the same two-column axis used by every section below: the
     portrait starts with the heading column and the identity starts with
     the content column. */
  padding:14mm 16mm 8mm!important;
  overflow:hidden;
  border:0!important;
  background:var(--brand-primary);
  color:var(--brand-paper)
}
html[data-theme="brand"][data-brand-layout="one"] .simple-page-header::after{
  content:"";
  position:absolute;
  left:16mm;
  bottom:0;
  width:39mm;
  height:2.2mm;
  background:var(--brand-accent)
}
html[data-theme="brand"][data-brand-layout="one"] .simple-header-row{
  display:grid;
  grid-template-columns:31mm minmax(0,1fr);
  align-items:center;
  gap:8mm
}
html[data-theme="brand"][data-brand-layout="one"] .brand-header-portrait{
  width:22mm;
  height:22mm;
  aspect-ratio:1;
  margin:0!important;
  border:1.2mm solid color-mix(in srgb,var(--brand-paper) 78%,transparent);
  border-radius:var(--brand-radius);
  background-size:cover,auto 122%!important;
  background-position:center,43% 13%!important;
  filter:none!important;
  mix-blend-mode:normal!important
}
html[data-theme="brand"][data-brand-layout="one"] .brand-header-portrait[hidden]{display:none!important}
html[data-theme="brand"][data-brand-layout="one"] .brand-header-portrait[hidden]+.simple-header-identity{grid-column:1/-1}
html[data-theme="brand"][data-brand-layout="one"] .simple-header-identity h1{
  color:var(--brand-paper);
  font-size:39px;
  font-weight:720;
  letter-spacing:-.045em
}
html[data-theme="brand"][data-brand-layout="one"] .simple-header-identity p{
  margin-top:7px;
  color:color-mix(in srgb,var(--brand-paper) 78%,var(--brand-accent));
  font-size:12px;
  font-weight:650;
  letter-spacing:.02em
}
html[data-theme="brand"][data-brand-layout="one"] .simple-contact-strip{
  gap:7mm;
  margin:7mm 0 0;
  padding:4mm 0 0;
  border:0;
  border-top:1px solid color-mix(in srgb,var(--brand-paper) 30%,transparent)
}
html[data-theme="brand"][data-brand-layout="one"] .simple-contact-strip a,
html[data-theme="brand"][data-brand-layout="one"] .simple-contact-strip span{
  color:var(--brand-paper);
  font-size:10.5px;
  opacity:.9
}
html[data-theme="brand"][data-brand-layout="one"] .simple-continuation-header{
  margin:-14mm -16mm 10mm!important;
  padding:7mm 16mm 6mm!important;
  border:0;
  background:var(--brand-primary);
  color:var(--brand-paper)
}
html[data-theme="brand"][data-brand-layout="one"] .simple-continuation-page{color:var(--brand-accent)}
html[data-theme="brand"][data-brand-layout="one"] .section{
  display:grid;
  grid-template-columns:31mm minmax(0,1fr);
  column-gap:8mm;
  align-items:start;
  margin-bottom:9mm!important
}
html[data-theme="brand"][data-brand-layout="one"] .section>h2{
  grid-column:1;
  margin:0!important;
  padding:2.5mm 0 0!important;
  border:0;
  border-top:1.2mm solid var(--brand-primary);
  color:var(--brand-primary);
  font-size:16px;
  font-weight:720;
  letter-spacing:.015em
}
html[data-theme="brand"][data-brand-layout="one"] .section>*:not(h2):not(.section-step-label){grid-column:2}
html[data-theme="brand"][data-brand-layout="one"] .panel{
  padding:0;
  border:0;
  background:transparent;
  color:var(--brand-text);
  font-size:12px;
  line-height:1.58
}
html[data-theme="brand"][data-brand-layout="one"] .profile .lead{font-size:13px;line-height:1.58}
html[data-theme="brand"][data-brand-layout="one"] .profile-summary{grid-template-columns:1fr 1fr 1fr;gap:2mm}
html[data-theme="brand"][data-brand-layout="one"] .profile-summary article{
  padding:2.5mm 3mm;
  border:0;
  border-top:1mm solid var(--brand-accent);
  border-radius:0;
  background:var(--brand-soft)
}
html[data-theme="brand"][data-brand-layout="one"] .job,
html[data-theme="brand"][data-brand-layout="one"] .job.featured,
html[data-theme="brand"][data-brand-layout="one"] .job.compact{
  grid-column:2;
  grid-template-columns:9mm minmax(0,1fr) 27mm;
  gap:3mm;
  margin:0;
  padding:4mm 0;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
  background:transparent
}
html[data-theme="brand"][data-brand-layout="one"] .experience>.job:nth-of-type(2){border-top:1.2mm solid var(--brand-accent)}
html[data-theme="brand"][data-brand-layout="one"] .logo{
  width:8mm;
  height:8mm;
  border:1px solid var(--line);
  border-radius:calc(var(--brand-radius) * .7)
}
html[data-theme="brand"][data-brand-layout="one"] .job h3{font-size:14px;line-height:1.25}
html[data-theme="brand"][data-brand-layout="one"] .job h3 small{font-size:9px;letter-spacing:.035em}
html[data-theme="brand"][data-brand-layout="one"] .job a,
html[data-theme="brand"][data-brand-layout="one"] .job .company-name{font-size:10.5px;font-weight:620}
html[data-theme="brand"][data-brand-layout="one"] .job ul,
html[data-theme="brand"][data-brand-layout="one"] .job p{margin-top:2.4mm;color:var(--brand-text);font-size:11.3px;line-height:1.5}
html[data-theme="brand"][data-brand-layout="one"] .impact-list li{grid-template-columns:20mm minmax(0,1fr);padding:1.1mm 0}
html[data-theme="brand"][data-brand-layout="one"] .impact-list b{font-size:8.5px;font-weight:700;letter-spacing:.035em}
html[data-theme="brand"][data-brand-layout="one"] .meta{font-size:10px;line-height:1.35}
html[data-theme="brand"][data-brand-layout="one"] .education-grid{
  grid-column:2;
  grid-template-columns:1fr 1fr;
  gap:0;
  border-top:1px solid var(--line)
}
html[data-theme="brand"][data-brand-layout="one"] .education-grid article{
  padding:3.5mm 4mm 3.5mm 0;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent
}
html[data-theme="brand"][data-brand-layout="one"] .capability-board,
html[data-theme="brand"][data-brand-layout="one"] .simple-derived-section>article,
html[data-theme="brand"][data-brand-layout="one"] .quote-grid{grid-column:2}
html[data-theme="brand"][data-brand-layout="one"] .capability-board{gap:0}
html[data-theme="brand"][data-brand-layout="one"] .capability-board article{
  display:grid;
  grid-template-columns:32mm minmax(0,1fr);
  gap:4mm;
  padding:2.5mm 0;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
  background:transparent
}
html[data-theme="brand"][data-brand-layout="one"] .simple-derived-section article{
  grid-template-columns:32mm minmax(0,1fr);
  padding:2.5mm 0;
  font-size:11px
}
html[data-theme="brand"][data-brand-layout="one"] .quote-grid{grid-template-columns:1fr;gap:2mm}
html[data-theme="brand"][data-brand-layout="one"] .quote-grid blockquote{
  padding:3mm 0;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
  background:transparent
}

/* The matcher is a compact review drawer, not a second visual system. */
.brand-matcher{width:min(410px,calc(100vw - 32px));border-radius:14px;box-shadow:0 28px 90px rgba(0,0,0,.5)}
.brand-matcher-header{padding:20px 22px}
.brand-matcher-form{gap:18px;padding:22px}
.brand-review{padding-top:8px}
.brand-detection-summary{padding:12px;border:1px solid #303030;border-radius:8px;background:#141414}
.brand-colour-grid{gap:10px;padding:12px;border:1px solid #303030;border-radius:8px;background:#111}
.brand-matcher-footer{position:sticky;bottom:-22px;margin:0 -22px -22px;padding:14px 22px;border-top:1px solid #333;background:#0c0c0c}

@media screen and (max-width:720px){
  .brand-matcher{top:auto;right:8px;bottom:8px;left:8px;width:auto;max-height:calc(100vh - 16px)}
  .brand-choice-grid{grid-template-columns:1fr}
  .brand-colour-grid{grid-template-columns:1fr 1fr}
  .toolbar .brand-match-toggle{min-height:34px;padding:7px 9px;font-size:9px}
  html[data-theme="brand"][data-brand-layout="one"] .section{grid-template-columns:1fr;gap:3mm}
  html[data-theme="brand"][data-brand-layout="one"] .section>h2,
  html[data-theme="brand"][data-brand-layout="one"] .section>*:not(h2):not(.section-step-label),
  html[data-theme="brand"][data-brand-layout="one"] .job{grid-column:1}
}

@media print{
  .brand-matcher{display:none!important}
  html[data-theme="brand"] body{background:#fff!important}
  html[data-theme="brand"] .page{background:var(--brand-paper)!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  html[data-theme="brand"][data-brand-layout="one"] .page{display:block!important;padding:14mm 16mm 15mm!important}
}