:root{--ink:#F3F3EF;--paper:#1A1A1A;--cream:#1A1A1A;--muted:#c4c4be;--line:#585858;--purple:#C095F5;--lav:#343038;--green:#6FAF8F;--peach:#D94F3D;--gold:#CBA63D;--blue:#3A7DFF;color-scheme:dark;font-family:'Quicksand',sans-serif;color:#F3F3EF;background:#1A1A1A}
body{background:#1A1A1A;color:#F3F3EF;font:400 16px/1.5 'Quicksand',sans-serif}h1,h2,h3,strong,b,button,.button,.btn,.suite-nav a,.brand span,summary,.stat strong,.metric strong{font-family:'Rethink Sans',sans-serif;font-weight:700}input,select,textarea{font-family:'Quicksand',sans-serif;font-weight:400;color:#F3F3EF!important;background:#303030!important;border-color:#626262!important}h1,h2,h3{color:#F3F3EF}header,.suite-header,.suite-nav,.top,.mode-bar{background:#3F3F3F!important;color:#F3F3EF!important;border-color:#585858!important}.brand,.suite-header .brand{color:#F3F3EF!important}.brand .be-logo{width:73px;height:47px;object-fit:contain;filter:brightness(0) invert(96%);flex-shrink:0}.brand span,.suite-header .brand span{font:700 18px 'Rethink Sans',sans-serif!important;border-color:#727272;letter-spacing:0;text-transform:none}.header-note,.suite-header>span{color:#d1d1cd!important;font:400 14px 'Quicksand',sans-serif!important}.suite-nav a{font:700 14px 'Rethink Sans',sans-serif;color:#F3F3EF}.suite-nav a[aria-current=page]{background:#1A1A1A;color:#F3F3EF;box-shadow:inset 0 0 0 1px #C095F5}.suite-nav a:hover{background:#292929;color:#F3F3EF}
aside,.card,.layout>.panel,.feature-card,.stat,.metric,.average-card,dialog,.entry{background:#3F3F3F;color:#F3F3EF;border-color:#666;border-radius:20px}.workspace,.preview{background:#1A1A1A}.workspace{border-left:1px solid #444}aside{border-right-color:#555}.intro p,.intro,.hint,.small,.muted,.privacy,.row,.preview-footer,.workbar>span,.upload span,.metric small,.stat span,small,footer,.sectionintro,.topright,.subtle,#dataSummary{color:#c4c4be}.eyebrow{color:#C095F5}h2 span{color:#F3F3EF}.upload{background:#333;border-color:#777;color:#F3F3EF}.primary,button.primary,.btn{background:#F3F3EF;color:#1A1A1A;border-color:#F3F3EF}.outline,button,.button,.btn.secondary{background:#3F3F3F;color:#F3F3EF;border-color:#777}.subtle{background:transparent;color:#c4c4be}.tabs button{background:transparent;color:#c4c4be}.tabs button[aria-selected=true],.tabs button.active{color:#F3F3EF;border-color:#C095F5}.formats,.create-modes{background:#303030}.formats button,.formats small,.create-modes button{color:#ccc;background:transparent}.formats .selected,.create-modes button[aria-selected=true]{background:#F3F3EF;color:#1A1A1A}.formats .selected small{color:#3F3F3F}.template{background:#333;color:#F3F3EF}.template.selected{border-color:#C095F5;background:#39343f}.notice,.callout,.brief-bag{background:#343038;color:#F3F3EF}.tag,.chip{background:#3F3F3F;color:#F3F3EF;border:2px solid var(--tag,#CBA63D);font:700 14px 'Rethink Sans',sans-serif}.entry .chip{background:#3F3F3F;color:#F3F3EF;text-transform:uppercase}.chip:before,.be-pill:before{content:'';display:inline-block;width:8px;height:8px;background:var(--tag,#CBA63D);border-radius:50%;margin-right:8px}.category-pills{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 20px}.be-pill{border:2px solid var(--tag);border-radius:99px;padding:6px 12px;background:#3F3F3F;color:#F3F3EF;text-transform:uppercase;font-size:14px;display:inline-flex;align-items:center}.be-pill[aria-pressed=true]{background:#1A1A1A;box-shadow:0 0 0 2px #F3F3EF}.cairn-reference{display:flex;gap:14px;align-items:center;background:#222;border-radius:18px;padding:12px;margin-bottom:16px}.cairn-reference img{width:85px;height:90px;object-fit:cover;border-radius:12px}.cairn-reference strong{font-size:20px}.cairn-reference p{font-size:14px;line-height:1.5;color:#c4c4be;margin:4px 0}.check input,input[type=range]{accent-color:#C095F5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #C095F5;outline-offset:3px}.quick-answer{background:#3F3F3F}.mark{display:none}a{color:#C095F5}.entry{border-left-color:var(--tag)}#toast{background:#F3F3EF;color:#1A1A1A}
@media(max-width:620px){.brand .be-logo{width:56px;height:37px}.brand span,.suite-header .brand span{font-size:16px!important}.cairn-reference img{width:75px}.suite-nav{gap:4px}.suite-nav a{font-size:13px}.category-pills{gap:7px}}
@media print{body,.card,.entry,.brief,.stat{color:#1A1A1A;background:#F3F3EF}.muted,small{color:#3F3F3F}input,select,textarea{color:#1A1A1A!important;background:#F3F3EF!important}.entry .chip{color:#1A1A1A;background:#F3F3EF}}

.category-label{font-size:14px;margin:14px 0 7px}.brand-locked{opacity:.45;cursor:not-allowed}.brand-locked input{cursor:not-allowed}
.text-colour{border:1px solid #626262;border-radius:12px;padding:14px;margin:14px 0}.text-colour legend{font-size:14px;padding:0 6px}.colour-row{display:grid;grid-template-columns:42px 1fr;gap:8px}.colour-row input[type=color]{width:42px;height:42px;padding:3px}.colour-row button{padding:7px 12px;border:1px solid #777;border-radius:20px;font-size:14px}.text-colour label{font-size:13px;margin:12px 0 0}.hue-slider{appearance:none;height:12px;border-radius:12px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);margin:9px 0}.hue-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:2px solid white;border-radius:50%;background:#3f3f3f}.hue-slider::-moz-range-thumb{width:16px;height:16px;border:2px solid white;border-radius:50%;background:#3f3f3f}
/* Readable control and text states on the charcoal surfaces. */
button:hover,.button:hover{background:#50475d;color:#F3F3EF}
button.primary,.primary,.btn{background:#C095F5;color:#1A1A1A;border-color:#C095F5}
button.primary:hover,.primary:hover,.btn:hover{background:#D6B8FA;color:#1A1A1A;filter:none}
.btn.secondary{background:#3F3F3F;color:#F3F3EF;border-color:#777}
.btn.secondary:hover,.outline:hover{background:#50475d;color:#F3F3EF}
.btn.danger{background:#3F3F3F;color:#FFB4A9;border-color:#FFB4A9}
.btn.danger:hover{background:#593d3b;color:#FFCEC6}
.tabs button:hover{background:#343038;color:#F3F3EF}
.formats .selected:hover,.create-modes button[aria-selected=true]:hover{background:#F3F3EF;color:#1A1A1A}
.template:hover{background:#50475d;color:#F3F3EF}.template.selected:hover{background:#39343f;color:#F3F3EF}
.be-pill:hover{background:#303030;color:#F3F3EF}.be-pill[aria-pressed=true]:hover{background:#1A1A1A;color:#F3F3EF}
.field label,legend,.metric label{color:#F3F3EF}
input::placeholder,textarea::placeholder{color:#bcbcb6;opacity:1}
.error,.notice.error{color:#FFB4A9}
.empty,.privacy-note{background:#303030;color:#d1d1cd}
.check button,.iconbtn{color:#FFB4A9}.check button:hover,.iconbtn:hover{background:#593d3b;color:#FFCEC6}
.status{color:#C095F5}.route svg{background:#262626}
.pace-page .segments{background:#303030}
.pace-page .segments button,.pace-page #presets button{background:#3F3F3F;color:#F3F3EF;border-color:#777}
.pace-page .segments button:hover,.pace-page #presets button:hover{background:#50475d;color:#F3F3EF;border-color:#C095F5}
.pace-page .segments button[aria-pressed=true],.pace-page #presets button[aria-pressed=true]{background:#C095F5;color:#1A1A1A;border-color:#C095F5}
.pace-page .segments button[aria-pressed=true]:hover,.pace-page #presets button[aria-pressed=true]:hover{background:#D6B8FA;color:#1A1A1A;border-color:#D6B8FA}
.pace-page #distanceUnit,.pace-page .eyebrow{color:#C095F5}
.journey-page .chips button:hover{background:#50475d;color:#F3F3EF}
@media print{.field label,legend,.metric label{color:#1A1A1A}.empty,.privacy-note{background:#F3F3EF;color:#1A1A1A}}
a,.eyebrow,.status,.pace-page #distanceUnit,.pace-page .eyebrow{color:#D6B8FA}
.suite-nav a,.brand,.suite-header .brand{color:#F3F3EF}
@media print{a,.eyebrow,.status,.pace-page #distanceUnit,.pace-page .eyebrow{color:#51406d}}

/* Align numbered section headings consistently. */
h2{align-items:center;line-height:1.2}
h2 span{line-height:1.2}

.cairn-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 18px}.cairn-option{min-width:0;padding:8px;border:2px solid #666;border-radius:8px;background:#303030;color:#F3F3EF;display:grid;grid-template-rows:92px auto;gap:8px;align-items:center;text-align:center}.cairn-option img{width:100%;height:92px;object-fit:contain;border-radius:5px;background:#252525}.cairn-option span{font:700 13px/1.25 'Rethink Sans',sans-serif}.cairn-option:hover{background:#50475d;color:#F3F3EF}.cairn-option.selected{border-color:#C095F5;background:#1A1A1A;box-shadow:0 0 0 1px #C095F5}.cairn-visibility-control{order:0}

/* One stable, complete suite header across every tool. */
.suite-header{height:72px!important;min-height:72px;padding:0 30px!important;display:flex;align-items:center;justify-content:space-between;gap:24px}
.suite-header .brand{display:flex;align-items:center;gap:18px;min-width:0;text-decoration:none}
.suite-header .brand span{white-space:nowrap}
.suite-nav{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;padding:12px 30px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.suite-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border-radius:999px;text-decoration:none;white-space:nowrap;flex:0 0 auto}
.create-page>header{gap:22px;min-height:72px}
.create-page>header .brand{min-width:0}
.create-page>header #download{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.suite-header{padding:0 18px!important}.suite-nav{padding:9px 12px}.suite-nav a{min-height:38px;padding:8px 12px}.create-page>header{padding:12px 18px;flex-wrap:wrap}.create-page>header .header-note{display:none}.create-page>header #download{margin-left:auto}}
@media(max-width:420px){.suite-header .brand{gap:12px}.suite-nav a{font-size:12px;padding-inline:10px}.create-page>header #download{font-size:13px;padding:9px 12px}}