/* BEGIN BATCAT MASTER CSS */
/* BatCat master design 1.0 — edit here, then run publish_design.py --write. */



:root {



  --bc-black:#08090b; --bc-white:#fff; --bc-blue:#00a3ff; --bc-emerald:#00b879;



  --bc-ink:#f5f7fa; --bc-muted:#aab4bf; --bc-line:#293039;



  --bc-panel:#11171d; --bc-raised:#19232d; --bc-blue-tint:#142b40;



  --bc-link:#6dcdff; --bc-green-ink:#47dcaa;



  --bc-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;



  --bc-space-1:4px; --bc-space-2:8px; --bc-space-3:12px;



  --bc-space-4:16px; --bc-space-5:24px; --bc-space-6:32px; --bc-radius:14px;



  --black:var(--bc-black); --white:var(--bc-white);



  --blue:var(--bc-blue); --green:var(--bc-emerald); --emerald:var(--bc-emerald);



  --ink:var(--bc-ink); --text:var(--bc-ink); --muted:var(--bc-muted);



  --line:var(--bc-line); --bg:var(--bc-black); --surface:var(--bc-black);



  --panel:var(--bc-panel); --panel2:var(--bc-raised); --radius:var(--bc-radius);



  --link:var(--bc-link); --green-ink:var(--bc-green-ink);



  font-family:var(--bc-font); color-scheme:dark;



  scroll-padding-top:var(--bc-pinned-offset,0px);



}



.bc-app-update{background:var(--bc-black);color:var(--bc-ink);font-family:var(--bc-font);margin:0;padding:24px;line-height:1.5}.bc-app-update .bc-brand{--bc-logo-size:56px;margin:24px auto}.bc-app-update main{max-width:560px;margin:32px auto}.bc-app-update h1{font-size:28px}.bc-app-update li{margin:14px 0}.bc-update-download{display:block;background:var(--bc-blue);color:var(--bc-black);padding:16px;border-radius:var(--bc-radius);font-weight:700;text-align:center;text-decoration:none}.bc-update-download:focus-visible{outline:3px solid var(--bc-emerald);outline-offset:4px}



.bc-brand {



  --bc-logo-size:84px;



  display:flex; align-items:center; justify-content:center;



  gap:calc(var(--bc-logo-size)*2/21); padding:0; height:auto;



  color:var(--bc-white); text-decoration:none;



  font-family:var(--bc-font); font-size:calc(var(--bc-logo-size)*20/21);



  font-weight:800; line-height:1; letter-spacing:0; white-space:nowrap;



}



.bc-brand .wordmark {font:inherit; color:inherit; letter-spacing:inherit}



.bc-brand .brand-logo {



  position:relative; display:block; width:var(--bc-logo-size);



  height:auto; aspect-ratio:283/209; flex:none;



  border-radius:calc(var(--bc-logo-size)/7); background:var(--bc-white); perspective:160px;



}



.bc-brand .brand-logo img {



  position:absolute; inset:0; display:block; width:100%; height:100%;



  aspect-ratio:auto; padding:calc(var(--bc-logo-size)/28); border-radius:0;



  object-fit:contain; background:transparent; filter:url(#bc-logo-eyes);



}



.bc-brand .logo-centre {clip-path:inset(0 35% 0 35%)}



.bc-brand .logo-wing-left {clip-path:inset(0 60% 0 0); transform-origin:40% 55%}



.bc-brand .logo-wing-right {clip-path:inset(0 0 0 60%); transform-origin:60% 55%}



.bc-brand .logo-eyelid {



  position:absolute; top:calc(89% - 2.34px); width:calc(5.65% - .34px);



  height:calc(5.74% - .34px); background:var(--bc-white); border-radius:50%;



  border-bottom:1px solid var(--bc-black); transform:scaleY(0);



  transform-origin:50% 0; pointer-events:none;



}



.bc-brand .logo-eyelid-left {left:calc(40.3% + .58px)}



.bc-brand .logo-eyelid-right {left:calc(54.1% - .25px)}



.bc-brand .is-flapping .logo-wing-left {animation:bc-left-flap .34s ease-in-out 2}



.bc-brand .is-flapping .logo-wing-right {animation:bc-right-flap .34s ease-in-out 2}



.bc-brand .is-flapping .logo-eyelid {animation:bc-blink .34s ease-in-out 2}



@keyframes bc-left-flap {0%,100%{transform:rotateY(0) rotateZ(0)}50%{transform:rotateY(-55deg) rotateZ(13deg)}}



@keyframes bc-right-flap {0%,100%{transform:rotateY(0) rotateZ(0)}50%{transform:rotateY(55deg) rotateZ(-13deg)}}



@keyframes bc-blink {0%,100%{transform:scaleY(0)}40%,60%{transform:scaleY(1)}}



@media(prefers-reduced-motion:reduce) {



  .bc-brand .is-flapping .logo-wing,.bc-brand .is-flapping .logo-eyelid{animation:none}



}



/* The launch word stays joined until its two halves fly to the shared header. */



.cat-launch .launch-wordmark {



  display:flex; justify-content:center; gap:0; margin-bottom:16px;



  color:var(--bc-white); font-family:var(--bc-font);



  font-size:clamp(40px,16vw,80px); font-weight:800; line-height:1;



  letter-spacing:0; white-space:nowrap;



}



.cat-launch .launch-wordmark>span {display:block; transform-origin:center}



[data-bc-surface="review"] .cat-launch .launch-wordmark {font-size:clamp(40px,16cqw,80px)}



body.launching header .bc-brand,.phone.splash-active .bc-brand {visibility:hidden}



body.launching header .bc-brand[data-bc-landed="true"],



.phone.splash-active .bc-brand[data-bc-landed="true"],



body.launching header .bc-brand[data-bc-landed="true"] .brand-logo,



.phone.splash-active .bc-brand[data-bc-landed="true"] img {visibility:visible}



@media(max-height:600px) {



  .cat-launch .launch-wordmark {font-size:40px; margin-bottom:10px}



}



/* Scale one component to the available screen; never restyle its pieces. */



/* Branding and measured status stay together while content scrolls below. */



[data-bc-surface="bchq"] .bchq-masthead{position:sticky;top:0;z-index:12;background:var(--bc-black);box-shadow:0 5px 18px #0003}



[data-bc-surface="bchq"] .bchq-masthead .ecosystem-ticker{position:static;top:auto;box-shadow:none}



[data-bc-surface="bchq"] .bchq-masthead .topbar{position:static;display:block;height:auto;min-height:0;padding:16px 24px;background:var(--bc-black)}

[data-bc-surface="bchq"] .bchq-masthead .hq-status{min-width:0}

[data-bc-surface="bchq"] .page-tools{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 24px}

[data-bc-surface="bchq"] .page-tools .header-tools{flex:1}



[data-bc-surface="bchq"] :is(.workshop-ready,#ecosystem-activity,#compute-alerts){scroll-margin-top:12px}



[data-bc-surface="owner"] .owner-masthead{position:sticky;top:0;z-index:20;background:var(--bc-black);border-bottom:1px solid var(--bc-line)}



[data-bc-surface="owner"]>svg{position:absolute}



[data-bc-surface="owner"] .owner-masthead header{padding-bottom:12px}



[data-bc-surface="owner"] .owner-masthead .owner-top{width:100%;margin:0}



[data-bc-surface="owner"] .owner-masthead .brand-divider{width:100%;margin:0}



@media(max-width:580px){



  [data-bc-surface="bchq"] .sidebar{position:fixed;top:0;left:0;bottom:auto;height:152px;z-index:13}
  [data-bc-surface="bchq"] .workspace{padding-top:152px}



  [data-bc-surface="bchq"] .bchq-masthead{top:152px}

  [data-bc-surface="bchq"] .page-tools{padding:16px}



}



@media(max-width:900px) {



  [data-bc-surface="owner"] header .bc-brand {--bc-logo-size:clamp(42px,17.7vw,69px)}



}



[data-bc-surface="review"] .phone .bc-brand {



  --bc-logo-size:clamp(42px,17.7cqw,69px); padding:18px 0;



}



[data-bc-surface="review"] .phone.night {



  --surface:var(--bc-black); --panel:var(--bc-panel); --ink:var(--bc-ink);



  --sub:var(--bc-muted); --line:var(--bc-line); --tint:var(--bc-blue-tint); --shade:var(--bc-raised);



}



[data-bc-surface="bchq"] .sidebar {container-type:inline-size}



[data-bc-surface="bchq"] .sidebar .bc-brand {



  --bc-logo-size:clamp(17px,20cqw,38px); margin-bottom:18px; padding:0;



}



@media(max-width:580px) {



  [data-bc-surface="bchq"] .sidebar .bc-brand {--bc-logo-size:38px; margin:0 0 4px}



}



[data-bc-surface="review"] {color:var(--bc-ink); background:var(--bc-black)}



[data-bc-surface="review"] .review-header p,



[data-bc-surface="review"] .concept-label,



[data-bc-surface="review"] .direction-summary p,



[data-bc-surface="review"] .screen-label span,



[data-bc-surface="review"] .review-notes p,



[data-bc-surface="review"] .section-intro,



[data-bc-surface="review"] footer {color:var(--bc-muted)}



[data-bc-surface="review"] .eyebrow {color:var(--bc-green-ink)}



[data-bc-surface="review"] a {color:var(--bc-link)}



[data-bc-surface="review"] .primary {background:var(--bc-blue); color:var(--bc-black)}



/* Operational warning/error colours retain their semantic role. */



/* Owner components share the master Night palette, including nested forms. */



[data-bc-surface="owner"] .card {



  --ink:var(--bc-ink); --muted:var(--bc-muted); --line:var(--bc-line);



  --surface:var(--bc-raised); --link:var(--bc-link); --green-ink:var(--bc-green-ink);



  color:var(--bc-ink); color-scheme:dark; background:var(--bc-panel);



  border-color:var(--bc-line); border-radius:var(--bc-radius); box-shadow:none;



}



[data-bc-surface="owner"] input,



[data-bc-surface="owner"] select,



[data-bc-surface="owner"] textarea {background:var(--bc-black);color:var(--bc-ink);border-color:#657382}



[data-bc-surface="owner"] :is(input,select,textarea):disabled {background:var(--bc-raised);color:var(--bc-muted)}



[data-bc-surface="owner"] :is(input,textarea)::placeholder {color:var(--bc-muted);opacity:1}



[data-bc-surface="owner"] :is(button,.action-link).quiet {background:var(--bc-blue-tint);color:var(--bc-link)}



[data-bc-surface="owner"] button:disabled {background:var(--bc-raised);color:var(--bc-muted)}



[data-bc-surface="owner"] .check-setting input {accent-color:var(--bc-blue)}



[data-bc-surface="owner"] :is(.status-pill,.device,.device-identity) {background:var(--bc-raised);color:var(--bc-muted)}



[data-bc-surface="owner"] :is(.guide,.form-status.form-error,.calendar-attention) {background:var(--bc-blue-tint);color:var(--bc-ink)}



[data-bc-surface="owner"] :is(.calendar-selection,.calendar-event-meta,.calendar-empty) {color:var(--bc-muted)}



[data-bc-surface="owner"] :is(.calendar-week-rows,.calendar-week-row,.calendar-care-item) {border-color:var(--bc-line)}



[data-bc-surface="owner"] .calendar-week-row.is-today {background:#10251f}



[data-bc-surface="owner"] .calendar-week-row .calendar-week-date {background:var(--bc-raised);color:var(--bc-ink);border-color:var(--bc-line)}



[data-bc-surface="owner"] .calendar-week-row .calendar-week-date[aria-pressed=true] {background:var(--bc-blue-tint)}



[data-bc-surface="owner"] .calendar-today-label {color:var(--bc-green-ink)}



[data-bc-surface="owner"] .calendar-care-heading [data-status=due] {background:var(--bc-blue-tint);color:var(--bc-link)}



[data-bc-surface="owner"] .calendar-care-heading [data-status=completed] {background:#102d23;color:var(--bc-green-ink)}



[data-bc-surface="owner"] .device-identity.is-active {background:var(--bc-black);color:var(--bc-white);box-shadow:0 0 0 2px var(--bc-emerald)}



[data-bc-surface="owner"] .zone-summary {border-left:3px solid var(--bc-blue);padding:12px 16px;background:var(--bc-blue-tint);border-radius:8px}



[data-bc-surface="owner"] .zone-map-tools {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}



[data-bc-surface="owner"] .zone-map-tools button {margin:0}



[data-bc-surface="owner"] .zone-centre-marker {width:24px;height:24px;border:3px solid white;border-radius:50%;background:var(--bc-blue);box-shadow:0 1px 6px #0008}



[data-bc-surface="owner"] .zone-map-tools [aria-pressed=true] {outline:2px solid var(--bc-link);outline-offset:2px}



[data-bc-surface="owner"] :is(.unit-label,.conflict-review,.location-empty) {background:var(--bc-raised);color:var(--bc-ink)}



[data-bc-surface="owner"] :is(.home-record-source,.battery-indicator) {color:var(--bc-muted)}



[data-bc-surface="owner"] .battery-icon {stroke:var(--bc-muted)}



[data-bc-surface="owner"] .battery-icon text {fill:var(--bc-muted)}



[data-bc-surface="owner"] #error {background:var(--bc-blue-tint);color:var(--bc-ink)}



[data-bc-surface="owner"] #feedback {background:#102d23;color:var(--bc-green-ink)}



[data-bc-surface="owner"] :is(a,button,input,select,textarea,summary):focus-visible {outline-color:var(--bc-link)}



[data-bc-surface="owner"] :is(.wellbeing-checkin,.wellbeing-report-text) {background:var(--bc-panel);color:var(--bc-ink)}



[data-bc-surface="owner"] .wellbeing-review {background:#102d23;color:var(--bc-ink)}



[data-bc-surface="owner"] .wellbeing-fact {color:var(--bc-green-ink)}



[data-bc-surface="owner"] .wellbeing-conflict {background:#352617;color:var(--bc-ink)}



[data-bc-surface="bchq"] .alert-notes textarea {



  width:100%; min-height:110px; padding:12px; resize:vertical;



  background:var(--bc-black); color:var(--bc-ink); border:1px solid var(--bc-line);



  border-radius:8px; font:inherit; line-height:1.7;



}



[data-bc-surface="bchq"] .alert-notes textarea::placeholder {color:var(--bc-muted);opacity:1}



/* Resource history sheets preserve the live graph geometry and master palette. */



[data-bc-surface="bchq"] .compute-spark-button {



  display:block; padding:0; border:0; background:none; color:var(--bc-emerald);



}



[data-bc-surface="bchq"] .compute-spark-button > .compute-spark {display:block;width:100%;height:100%}



[data-bc-surface="bchq"] .compute-history-chart {margin:18px 0;min-height:180px}



[data-bc-surface="bchq"] .compute-history-chart > .compute-spark {display:block;width:100%;height:180px}



[data-bc-surface="bchq"] .voice-filter .filter-row {margin-top:12px}



[data-bc-surface="bchq"] #voice-empty {padding:0 13px 13px}



[data-bc-surface="bchq"] [data-operations-view="compute"] .sample-strip {



  overflow-x:auto; overflow-y:hidden; height:41px; padding-bottom:16px;



}



/* Recorded camera demo: one component used by owner and design review. */



.live-demo{color:var(--bc-ink);font-family:var(--bc-font);min-width:0;}



.live-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px;}



.live-demo-badge{display:inline-flex;border:1px solid var(--bc-blue);background:rgba(0,163,255,.12);color:var(--bc-ink);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;}



.live-demo-format{font-size:12px;color:var(--bc-muted);}



.live-demo video{display:block;width:100%;aspect-ratio:16/9;height:auto;background:var(--bc-black);border:1px solid var(--bc-line);border-radius:16px;object-fit:contain;}



.live-demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}



.live-demo-actions button{font:inherit;font-size:14px;min-height:44px;border-radius:12px;padding:10px 18px;border:1px solid var(--bc-blue);background:var(--bc-blue);color:var(--bc-black);font-weight:700;cursor:pointer;}



.live-demo-actions button.quiet{background:var(--bc-raised);color:var(--bc-ink);border-color:var(--bc-line);}



.live-demo-actions button:disabled{opacity:.5;cursor:default;}



.live-demo-actions button:focus-visible,.live-demo-credit a:focus-visible,.live-demo-credit summary:focus-visible{outline:2px solid var(--bc-blue);outline-offset:3px;}



.live-demo-status,.live-demo-caption,.live-demo-credit p{font-size:13px;line-height:1.5;color:var(--bc-muted);margin:12px 0;}



.live-demo-credit{margin:16px 0 0;border-top:1px solid var(--bc-line);padding-top:12px;font-size:13px;}



.live-demo-credit summary{cursor:pointer;color:var(--bc-ink);}



.live-demo-credit a{color:var(--bc-blue);}



.activity-panel-placeholder{pointer-events:none}



.cat-windows{display:flex;gap:12px;align-items:stretch;justify-content:space-between;width:100%;margin:12px 0 20px}



.cat-windows[hidden]{display:none}



.cat-window-name{display:block;color:var(--blue);font-size:14px;margin-top:5px;overflow-wrap:anywhere}



.advocate-panel .cat-window-name{color:var(--emerald)}



.advocate-invitation{display:grid;place-items:center;height:35px;margin:8px 0 0;font-size:11px;color:var(--emerald)}



.advocate-chest-mark{position:absolute;left:40%;top:58%;transform:translate(-50%,-50%);font-size:18px;font-weight:800;line-height:1;color:var(--emerald);text-shadow:0 1px 2px var(--black);pointer-events:none}



.advocate-panel.advocate-chat-open .activity-stage{height:56px}



.advocate-panel.advocate-chat-open .video-cat{width:56px;height:56px}



.advocate-panel.advocate-chat-open .advocate-chest-mark{font-size:9px}



.advocate-panel.advocate-chat-open .advocate-invitation{display:none}



.advocate-panel.advocate-chat-open .cat-window-name{font-size:10px;margin:0 0 3px}



.advocate-window-chat.card{background:transparent;border:0;box-shadow:none;padding:0;margin:0;text-align:left;font-size:8px;max-height:calc(100% - 85px);overflow:auto}



.advocate-window-chat>h2,.advocate-window-chat>.eyebrow,.advocate-window-chat>.small,.advocate-window-chat>.chat-options,.advocate-window-chat .chat-read-aloud{display:none}



.advocate-window-chat .chat-status{font-size:7px;line-height:1.25;margin:2px 0}



.advocate-window-chat .chat-transcript{max-height:46px;padding:2px 0;margin:3px 0;border-top:1px solid var(--emerald)}



.advocate-window-chat .chat-message{padding:2px;margin:2px 0;font-size:8px}



.advocate-window-chat .chat-message p{font-size:8px;line-height:1.3;margin:2px 0}



.advocate-window-chat .chat-form label{font-size:8px;margin:0}



.advocate-window-chat .chat-form textarea{font-size:8px;min-height:26px;height:26px;margin:2px 0;padding:3px;resize:none;border-radius:4px}



.advocate-window-chat button{font-size:7px;min-height:18px;padding:3px 5px;border-radius:4px}



.advocate-window-chat .chat-actions{gap:3px;flex-wrap:wrap}



.advocate-window-chat .chat-actions button:last-child,.advocate-window-chat .chat-message button{display:none}



@media(max-width:760px){.dashboard-heading{flex-wrap:wrap}.dashboard-heading>div:first-child{flex-basis:100%}.cat-windows{max-width:100%}}



@media(max-width:360px){.cat-windows{gap:8px}.cat-windows>.activity-panel{width:calc((100vw - 64px)/2);flex-basis:calc((100vw - 64px)/2)}}



.activity-panel.activity-panel-zoom{position:fixed;z-index:10000;margin:0;max-width:none;flex:none;transform:translate(-50%,-50%) scale(var(--activity-zoom,1));transition:left .24s ease,top .24s ease,transform .24s ease;transform-origin:center;cursor:pointer}



.activity-stage[role=button]{cursor:zoom-in}



.activity-stage[aria-expanded=true]{cursor:zoom-out}



.activity-stage[role=button]:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:12px}



@media(prefers-reduced-motion:reduce){.activity-panel.activity-panel-zoom{transition:none}}



/* BCHQ phone controls keep the desktop layout and larger live graph heights. */



@media(max-width:580px){



  [data-bc-surface="bchq"] :is(.button,.filter,.quiet,.tabs button,.dialog-close,.sidebar nav a,.sidebar nav button){min-height:44px}



  [data-bc-surface="bchq"] .dialog-close{min-width:44px}



}







/* Profile-owned advocate characters and compact top connection control. */



.owner-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;margin:12px 0 20px}



.owner-top .cat-windows{display:contents}



.owner-top .cat-windows[hidden]{display:none}



.owner-top .advocate-panel{grid-column:1;grid-row:1;justify-self:start}



.owner-top .activity-panel:not(.advocate-panel){grid-column:3;grid-row:1;justify-self:end}



.owner-top .connection-status{grid-column:2;grid-row:1;justify-self:center;display:flex;flex-direction:column;gap:3px;width:130px;margin:0;padding:7px 10px;text-align:center;font-size:11px;border-radius:10px}



.owner-top .connection-status[hidden]{display:none}



.owner-top .connection-status span{display:none;min-width:0;font-size:10px}



.owner-top .connection-status.is-offline span{display:block}



.owner-top .connection-status button{font-size:11px;padding:4px 12px;min-height:28px;margin:0}



.advocate-cat{width:148px;height:154px;display:block;filter:drop-shadow(0 4px 5px #0005)}



.advocate-panel.advocate-chat-open .advocate-cat{width:56px;height:56px}



@media(max-width:760px){.owner-top{gap:6px}.owner-top .activity-panel{width:104px;min-width:0;flex-basis:104px;padding:8px}.owner-top .connection-status{width:94px;padding:5px;font-size:10px}.owner-top .connection-status button{min-height:44px;padding:4px 8px}.owner-top .activity-stage{height:92px}.owner-top .advocate-cat{width:88px;height:92px}.owner-top .activity-panel h2{font-size:11px}.owner-top .activity-panel .small,.owner-top .advocate-invitation{font-size:9px}.owner-top .video-cat{max-width:88px}.owner-top .cat-window-name{font-size:12px}}



@media(max-width:360px){.owner-top{gap:4px}.owner-top .activity-panel{width:88px;flex-basis:88px;padding:6px}.owner-top .connection-status{width:86px}.owner-top .advocate-cat{width:74px}.owner-top .video-cat{max-width:74px}}







.advocate-profile-preview{display:flex;align-items:center;gap:12px}.advocate-profile-preview .advocate-cat{flex:0 0 90px;width:90px;height:96px}.advocate-character-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.advocate-character-gallery figure{margin:0;padding:8px;text-align:center;border:1px solid #ffffff20;border-radius:12px}.advocate-character-gallery .advocate-cat{width:100%;height:140px}.advocate-character-gallery figcaption{font-size:12px;color:var(--white)}







@media(max-width:760px){.owner-top .video-cat{width:88px;height:88px}.owner-top .presence-indicator{font-size:9px;padding:3px;gap:3px;white-space:nowrap}.owner-top .presence-indicator .icon{width:12px;height:12px}.owner-top .activity-panel{align-self:stretch}}



@media(max-width:360px){.owner-top .video-cat{width:74px;height:74px}.owner-top .presence-indicator{font-size:8px}.owner-top .presence-indicator .icon{display:none}}







/* BCHQ recovery uses the established cards and action controls. */



[data-bc-surface="bchq"] .capability-card{min-width:0}



[data-bc-surface="bchq"] .grid.capability-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}



[data-bc-surface="bchq"] .capability-card .card-header{min-height:94px;align-content:center;flex-wrap:wrap;gap:8px}



[data-bc-surface="bchq"] .capability-card .card-header h2{flex-basis:100%;overflow-wrap:anywhere}



[data-bc-surface="bchq"] .capability-scope{min-height:60px;margin-top:0}



[data-bc-surface="bchq"] .capability-card .stat-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}



[data-bc-surface="bchq"] .capability-card .stat-list>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:64px;gap:6px}



[data-bc-surface="bchq"] .capability-card dd{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;color:var(--emerald);margin:0}



[data-bc-surface="bchq"] .capability-card dd.capability-unknown{color:var(--muted)}



[data-bc-surface="bchq"] .capability-coverage{min-height:68px;line-height:1.5;margin-bottom:0}



[data-bc-surface="bchq"] .capability-explanation{margin-top:20px;line-height:1.6;color:var(--muted)}



[data-bc-surface="bchq"] .capability-explanation summary{cursor:pointer;color:var(--ink);min-height:44px;display:list-item}



[data-bc-surface="bchq"] .capability-chart .card-header{flex-wrap:wrap;gap:12px}



[data-bc-surface="bchq"] .capability-chart{animation:none;transition:none;transform:none}



[data-bc-surface="bchq"] .capability-chart-picture{height:280px;display:grid;align-items:center;min-width:0}



[data-bc-surface="bchq"] .capability-live{min-height:40px}



[data-bc-surface="bchq"] .capability-caption{min-height:100px;margin-bottom:0}



[data-bc-surface="bchq"] .capability-chart .card-body{min-height:350px}



[data-bc-surface="bchq"] .capability-pie-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.4fr);align-items:center;gap:24px}



[data-bc-surface="bchq"] .capability-pie{width:100%;max-width:280px;aspect-ratio:1;display:block;margin:auto}



[data-bc-surface="bchq"] .capability-pie-empty{width:280px;height:280px;max-width:100%;margin:auto;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--muted)}



[data-bc-surface="bchq"] .capability-legend{list-style:none;padding:0;margin:0;min-height:400px}



[data-bc-surface="bchq"] .capability-chart[data-resource="gpu"] .capability-legend{min-height:100px}



[data-bc-surface="bchq"] .capability-legend li{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;min-height:40px;border-bottom:1px solid var(--line)}



[data-bc-surface="bchq"] .capability-legend>li.capability-used-group{display:block;min-height:0;border-bottom:0}
[data-bc-surface="bchq"] .capability-used-total{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;min-height:40px;border-bottom:1px solid var(--line)}
[data-bc-surface="bchq"] .capability-used-parts{list-style:none;padding:0 0 8px 20px;margin:0}
[data-bc-surface="bchq"] .capability-used-parts.reported li{grid-template-columns:1fr auto}
[data-bc-surface="bchq"] .capability-used-parts small{display:block;color:var(--muted);font-size:11px}
[data-bc-surface="bchq"] .capability-reported-label{display:block;color:var(--muted);padding:8px 0 4px 20px;font-size:11px;min-height:28px}
[data-bc-surface="bchq"] .capability-legend .capability-breakdown-empty{display:block;color:var(--muted);font-size:12px;padding:10px 0}
[data-bc-surface="bchq"] .capability-chart[data-resource="gpu"] .capability-legend{min-height:400px}
[data-bc-surface="bchq"] .capability-legend strong{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}



[data-bc-surface="bchq"] .capability-key{width:12px;height:12px;border-radius:3px}



[data-bc-surface="bchq"] .capability-usage{border-top:1px solid var(--line);margin-top:12px}



[data-bc-surface="bchq"] .capability-usage .card-header{padding-left:0;padding-right:0}



[data-bc-surface="bchq"] .capability-users-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px}



[data-bc-surface="bchq"] .capability-users,[data-bc-surface="bchq"] .capability-programs{list-style:none;margin:0;padding:0}



[data-bc-surface="bchq"] .capability-users{min-height:320px}



[data-bc-surface="bchq"] .capability-programs{min-height:200px}



[data-bc-surface="bchq"] .capability-users li,[data-bc-surface="bchq"] .capability-programs li{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:40px;border-bottom:1px solid var(--line)}



[data-bc-surface="bchq"] .capability-users strong,[data-bc-surface="bchq"] .capability-programs strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}



[data-bc-surface="bchq"] .capability-users small,[data-bc-surface="bchq"] .capability-programs small{display:block;color:var(--muted);font-size:12px}



[data-bc-surface="bchq"] .capability-users-note{min-height:100px}



@media(max-width:1000px){[data-bc-surface="bchq"] .capability-pie-layout{grid-template-columns:1fr}}



[data-bc-surface="bchq"] #recovery-content{display:grid;gap:20px}



[data-bc-surface="bchq"] .recovery-item+.recovery-item{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}



[data-bc-surface="bchq"] .recovery-hash{overflow-wrap:anywhere}



[data-bc-surface="bchq"] .queue-item+.queue-item{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}



[data-bc-surface="bchq"] :is(#draft-comparison textarea,#queue-next){font:inherit}







/* Photographic advocates: separate identity from owner cat and original logo. */



.advocate-photo{position:relative;width:148px;height:148px;overflow:hidden;border-radius:12px;flex-shrink:0;filter:none;background:#10171c}



.advocate-photo-closed,.advocate-photo-open{position:absolute;inset:0;background-size:300% 200%;background-repeat:no-repeat}



.advocate-photo-open{opacity:var(--mouth-visible,0);mask-image:radial-gradient(ellipse 13% 9% at 50% calc(var(--mouth-y,43%) + 2%),#000 94%,transparent 100%);transform-origin:50% var(--mouth-y,43%);transform:scaleY(calc(.22 + var(--mouth-open,0)*.78));will-change:transform;transition:none}



.advocate-panel.advocate-chat-open .activity-stage{height:110px}



.advocate-panel.advocate-chat-open .advocate-photo{width:110px;height:110px}



.advocate-character-gallery .advocate-photo{width:120px;height:120px;max-width:100%;margin:0 auto}



.advocate-profile-preview .advocate-photo{width:90px;height:90px}



@media(max-width:760px){.owner-top .advocate-photo{width:88px;height:88px}.owner-top .advocate-panel.advocate-chat-open .activity-stage{height:92px}.owner-top .advocate-panel.advocate-chat-open .advocate-photo{width:88px;height:88px}}



@media(max-width:360px){.owner-top .advocate-photo{width:74px;height:74px}.owner-top .advocate-panel.advocate-chat-open .activity-stage{height:74px}.owner-top .advocate-panel.advocate-chat-open .advocate-photo{width:74px;height:74px}}







.advocate-panel.advocate-chat-open{display:flex;flex-direction:column;overflow:hidden}.advocate-panel.advocate-chat-open .activity-stage{flex:0 0 110px}.advocate-panel.advocate-chat-open .cat-window-name{flex-shrink:0}.advocate-panel.advocate-chat-open .advocate-window-chat{flex:1 1 0;min-height:0;max-height:none;overflow:auto}



@media(max-width:760px){.owner-top .advocate-panel.advocate-chat-open .activity-stage{flex-basis:92px}}



@media(max-width:360px){.owner-top .advocate-panel.advocate-chat-open .activity-stage{flex-basis:74px}}







.advocate-setup-links{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.advocate-setup-links .text-link{font-size:12px}.advocate-window-chat .advocate-setup-links{gap:4px;margin:3px 0}.advocate-window-chat .advocate-setup-links .text-link{font-size:8px}



.advocate-launch{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto;background:transparent;border:0;color:var(--emerald)}



.advocate-voice-only .chat-transcript,.advocate-voice-only .chat-form>label,.advocate-voice-only .chat-form>textarea,.advocate-voice-only .chat-actions>button:first-child{display:none}



.advocate-panel.advocate-chat-open .advocate-window-chat.advocate-voice-only{overflow:hidden;flex:0 0 auto}.advocate-voice-only .chat-actions{justify-content:center;margin-top:4px}.advocate-voice-only .chat-status{text-align:center}



@media(max-width:760px){.owner-top .advocate-panel.advocate-chat-open:has(.advocate-voice-only) .activity-stage{flex-basis:74px;height:74px}.owner-top .advocate-panel.advocate-chat-open:has(.advocate-voice-only) .advocate-photo{width:74px;height:74px}.advocate-window-chat.advocate-voice-only .chat-actions{gap:2px}.advocate-window-chat.advocate-voice-only button{min-height:20px;padding:3px}}







/* Whole owner screen slides without creating horizontal page scroll. */



body[data-bc-surface="owner"]{overflow-x:clip}





/* Website focused-page arrangements v0.10, 7 October 2026. Master 1.0 retained. */


body[data-bc-site="multipage"] main{min-height:55vh}


body[data-bc-site="multipage"] .site-header #main-navigation{gap:var(--bc-space-1) var(--bc-space-3)}


body[data-bc-site="multipage"] #main-navigation>a[aria-current="page"]:not(.button){color:var(--bc-green-ink);box-shadow:inset 0 -2px var(--bc-emerald)}


body[data-bc-site="multipage"] .bc-web-breadcrumb{display:flex;align-items:center;gap:var(--bc-space-3);padding-top:var(--bc-space-4);font-size:13px;color:var(--bc-muted)}


body[data-bc-site="multipage"] .bc-web-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--bc-muted)}


body[data-bc-site="multipage"] .bc-web-breadcrumb a:hover{color:var(--bc-link)}


body[data-bc-site="multipage"] .section{padding-top:var(--bc-space-6);padding-bottom:var(--bc-space-6)}


body[data-bc-site="multipage"] .bc-web-home-hero{padding-top:48px;padding-bottom:56px;gap:48px}


body[data-bc-site="multipage"] .bc-web-home-hero h1{font-size:clamp(48px,6vw,82px);line-height:1.04;letter-spacing:-.045em}


body[data-bc-site="multipage"] .bc-web-home-hero .hero-image{border-radius:24px;overflow:hidden;transform:rotate(1.5deg)}


body[data-bc-site="multipage"] .bc-web-home-hero .hero-image img{aspect-ratio:1;object-fit:cover}


body[data-bc-site="multipage"] .bc-web-home-hero .hero-copy .lead{max-width:44ch}


body[data-bc-site="multipage"] .bc-web-explore{padding-top:48px;padding-bottom:56px}


body[data-bc-site="multipage"] .bc-web-small-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}


body[data-bc-site="multipage"] .bc-web-small-heading h2{font-size:30px;margin:0;letter-spacing:-.02em}


body[data-bc-site="multipage"] .bc-web-small-heading .eyebrow{margin:0}


body[data-bc-site="multipage"] .bc-web-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}


body[data-bc-site="multipage"] .bc-web-explore-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--bc-line);border-radius:var(--bc-radius);background:var(--bc-panel);color:var(--bc-ink);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}


body[data-bc-site="multipage"] .bc-web-explore-card:hover{transform:translateY(-4px);border-color:var(--bc-blue);background:var(--bc-raised)}


body[data-bc-site="multipage"] .bc-web-explore-card:focus-visible{outline:3px solid var(--bc-blue);outline-offset:4px}


body[data-bc-site="multipage"] .bc-web-explore-card h3{font-size:24px;line-height:1.2;margin:12px 0}


body[data-bc-site="multipage"] .bc-web-explore-card p{font-size:14px;color:var(--bc-muted);line-height:1.7;margin:0 0 20px}


body[data-bc-site="multipage"] .bc-web-card-kicker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--bc-green-ink)}


body[data-bc-site="multipage"] .bc-web-card-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;min-height:44px;font-size:14px;font-weight:700;color:var(--bc-link)}


body[data-bc-site="multipage"] .bc-web-mini-cats{display:flex;gap:8px;margin-bottom:24px;min-height:88px;align-items:center}


body[data-bc-site="multipage"] .bc-web-mini-cats>span{width:28%;max-width:90px;aspect-ratio:1;border-radius:50%;border:2px solid var(--bc-line)}


body[data-bc-site="multipage"] .bc-web-mini-cats>span:nth-child(2){transform:translateY(-8px)}


body[data-bc-site="multipage"] .bc-web-mini-calendar{display:flex;align-items:center;gap:5px;min-height:88px;margin-bottom:24px}


body[data-bc-site="multipage"] .bc-web-mini-calendar span{display:grid;place-items:center;width:12%;height:42px;border:1px solid var(--bc-line);border-radius:8px;color:var(--bc-muted);font-size:13px}


body[data-bc-site="multipage"] .bc-web-mini-calendar span:nth-child(3){background:var(--bc-blue);color:var(--bc-black);border-color:var(--bc-blue);transform:translateY(-8px);font-weight:800}


body[data-bc-site="multipage"] .bc-web-mini-pair{display:flex;align-items:center;gap:18px;min-height:88px;margin-bottom:24px}


body[data-bc-site="multipage"] .bc-web-mini-pair span{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--bc-line);border-radius:18px;font-size:32px;font-weight:800;color:var(--bc-ink)}


body[data-bc-site="multipage"] .bc-web-mini-pair span:first-child{border-color:var(--bc-emerald);color:var(--bc-green-ink)}


body[data-bc-site="multipage"] .bc-web-mini-pair b{color:var(--bc-link);font-size:26px}


body[data-bc-site="multipage"] .bc-web-summary{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:56px;padding-bottom:56px;border-top:1px solid var(--bc-line)}


body[data-bc-site="multipage"] .bc-web-summary p{color:var(--bc-muted);font-size:15px;max-width:44ch}


body[data-bc-site="multipage"] .bc-web-summary h2{font-size:clamp(30px,4vw,48px);line-height:1.1}


body[data-bc-site="multipage"] .bc-web-summary ol{list-style:none;padding:0;margin:0}


body[data-bc-site="multipage"] .bc-web-summary li{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--bc-line)}


body[data-bc-site="multipage"] .bc-web-summary li>span{color:var(--bc-link);font-size:13px;font-weight:750;padding-top:3px}


body[data-bc-site="multipage"] .bc-web-summary h3{font-size:21px;margin:0 0 8px}


body[data-bc-site="multipage"] .bc-web-summary li p{margin:0;font-size:14px}


body[data-bc-site="multipage"] .bc-web-page-intro{padding-top:12px;padding-bottom:32px;max-width:920px}


body[data-bc-site="multipage"] .bc-web-page-intro h1{font-size:clamp(42px,5.5vw,68px);line-height:1.08;letter-spacing:-.04em;margin:0 0 24px}


body[data-bc-site="multipage"] .bc-web-page-intro .lead{max-width:60ch;color:var(--bc-muted);font-size:18px;margin-bottom:0}


body[data-bc-site="multipage"] .bc-web-character-stage{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:28px;align-items:start}


body[data-bc-site="multipage"] .bc-web-character-stage .bc-advocates__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}


body[data-bc-site="multipage"] .bc-web-character-listening{position:sticky;top:var(--website-header-offset,96px);min-width:0;max-height:calc(100dvh - var(--website-header-offset,96px) - 24px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bc-line) transparent}


body[data-bc-site="multipage"] .bc-web-character-listening .bc-advocates__spotlight{grid-template-columns:90px minmax(0,1fr);gap:16px;margin:0 0 16px;padding:16px}


body[data-bc-site="multipage"] .bc-web-character-listening .bc-advocates__profile h3{font-size:28px;margin:0 0 10px}


body[data-bc-site="multipage"] .bc-web-character-listening .bc-advocates__trait{font-size:14px;line-height:1.6;margin-bottom:10px}


body[data-bc-site="multipage"] .bc-web-character-listening .bc-advocates__appearance{font-size:12px;margin-bottom:10px;line-height:1.5}


body[data-bc-site="multipage"] .bc-web-character-listening .bc-advocates__note{font-size:12px;padding-top:10px;line-height:1.5}


body[data-bc-site="multipage"] .bc-web-character-listening .bc-voices{padding:16px;margin-bottom:16px}


body[data-bc-site="multipage"] .bc-web-character-listening .bc-voices h3{font-size:22px}


body[data-bc-site="multipage"] .bc-web-character-listening .bc-voices__selection{font-size:13px;line-height:1.6}


body[data-bc-site="multipage"] .bc-web-character-listening .bc-voices__tools{gap:8px;margin-bottom:12px}


body[data-bc-site="multipage"] .bc-web-character-listening .bc-voices__tools button{font-size:12px;padding:10px 12px}


body[data-bc-site="multipage"] .bc-web-character-listening .bc-voices[data-voice-view="all"] .bc-voices__list{grid-template-columns:minmax(0,1fr)}


body[data-bc-site="multipage"] .bc-web-voice-context{margin-bottom:12px}


body[data-bc-site="multipage"] .bc-web-voice-context summary{font-size:13px;padding-top:10px;padding-bottom:10px}


body[data-bc-site="multipage"] .bc-web-voice-context p{font-size:12px}


body[data-bc-site="multipage"] .bc-web-character-plan .button{width:100%;font-size:14px}


body[data-bc-site="multipage"] .bc-web-character-plan .small-note{font-size:12px;margin-top:10px}


body[data-bc-site="multipage"] .bc-advocates__choice label:hover{transform:translateY(-3px);border-color:var(--bc-blue)}


body[data-bc-site="multipage"] .bc-advocates__choice label{transition:transform .18s ease,border-color .18s ease}


body[data-bc-site="multipage"] .bc-web-character-browser .bc-advocates__selection{margin:0 0 16px;padding-top:0;border:0}


body[data-bc-site="multipage"] .bc-web-artwork-review{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:0 0 28px;padding:20px;border:1px solid var(--bc-emerald);border-radius:var(--bc-radius);background:var(--bc-panel)}


body[data-bc-site="multipage"] .bc-web-artwork-review[hidden]{display:none}


body[data-bc-site="multipage"] .bc-web-artwork-review>div{flex:1 1 320px;min-width:0}


body[data-bc-site="multipage"] .bc-web-artwork-review p{font-size:14px;margin:0}


body[data-bc-site="multipage"] .bc-web-artwork-review .eyebrow{font-size:11px;margin-bottom:10px;color:var(--bc-green-ink)}


body[data-bc-site="multipage"] .bc-web-next{display:flex;justify-content:space-between;align-items:center;gap:48px;padding-top:40px;padding-bottom:40px;margin-top:32px;margin-bottom:32px;border-top:1px solid var(--bc-emerald);border-bottom:1px solid var(--bc-line)}


body[data-bc-site="multipage"] .bc-web-next h2{font-size:clamp(28px,3vw,40px);margin-bottom:16px}


body[data-bc-site="multipage"] .bc-web-next p:not(.eyebrow){font-size:15px;color:var(--bc-muted);max-width:50ch;margin-bottom:0}


body[data-bc-site="multipage"] .bc-web-next-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:0 0 auto}


body[data-bc-site="multipage"] .bc-web-footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}


body[data-bc-site="multipage"] .bc-web-footer>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:4px}


body[data-bc-site="multipage"] .bc-web-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--bc-muted)}


body[data-bc-site="multipage"] .bc-web-footer a:hover{color:var(--bc-link)}


body[data-bc-site="multipage"] .bc-web-footer-label{display:block;font-size:12px;font-weight:700;color:var(--bc-ink);margin-bottom:8px}


body[data-bc-site="multipage"] .bc-web-route-fallback{padding-top:24px;padding-bottom:24px}


body[data-bc-page="join"] .newsletter-section{margin-top:24px;margin-bottom:40px}


body[data-bc-page="join"] .newsletter-section h1{font-size:clamp(40px,4.4vw,64px);letter-spacing:-.04em}


body[data-bc-page="privacy"] .privacy-content{margin:auto;padding-left:24px;padding-right:24px}


@media(max-width:1050px){body[data-bc-site="multipage"] .bc-web-character-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}body[data-bc-site="multipage"] .bc-web-character-stage .bc-advocates__grid{grid-auto-columns:124px}}


@media(max-width:900px){body[data-bc-site="multipage"] .bc-web-explore-grid{grid-template-columns:minmax(0,1fr)}body[data-bc-site="multipage"] .bc-web-explore-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0 24px}body[data-bc-site="multipage"] .bc-web-explore-card>div{grid-row:1/5;margin:0;align-self:center}body[data-bc-site="multipage"] .bc-web-summary{grid-template-columns:1fr;gap:28px}body[data-bc-site="multipage"] .bc-web-next{flex-direction:column;align-items:flex-start;gap:24px}body[data-bc-site="multipage"] .bc-web-next-actions{flex-wrap:wrap;flex-direction:row;align-items:center}}


@media(max-width:700px){body[data-bc-site="multipage"] .bc-web-character-stage{display:flex;flex-direction:column}body[data-bc-site="multipage"] .bc-web-character-listening{position:static;order:0;width:100%;max-height:none;overflow-y:visible}body[data-bc-site="multipage"] .bc-web-character-browser{width:100%}body[data-bc-site="multipage"] .bc-web-character-stage .bc-advocates__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:132px;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 4px 16px;scroll-padding:4px}body[data-bc-site="multipage"] .bc-web-character-stage .bc-advocates__choice{scroll-snap-align:start}body[data-bc-site="multipage"] .bc-web-swipe-hint{display:inline}body[data-bc-site="multipage"] .bc-web-footer{grid-template-columns:1fr 1fr;gap:24px}body[data-bc-site="multipage"] .bc-web-footer>div:first-child{grid-column:1/-1}body[data-bc-site="multipage"] .bc-web-home-hero{gap:24px;padding-top:28px;padding-bottom:36px}body[data-bc-site="multipage"] .bc-web-home-hero h1{font-size:clamp(46px,12vw,64px)}body[data-bc-site="multipage"] .bc-web-home-hero .hero-image{transform:none}body[data-bc-site="multipage"] .bc-web-explore-card{display:flex;padding:20px}body[data-bc-site="multipage"] .bc-web-explore-card>div{min-height:72px;margin-bottom:20px}body[data-bc-site="multipage"] .bc-web-explore{padding-top:36px;padding-bottom:36px}body[data-bc-site="multipage"] .bc-web-page-intro .lead{font-size:16px}body[data-bc-site="multipage"] .bc-web-summary{padding-top:36px;padding-bottom:36px}}


@media(max-width:350px){body[data-bc-site="multipage"] .bc-web-character-stage .bc-advocates__grid{grid-auto-columns:124px}body[data-bc-site="multipage"] .bc-web-character-listening .bc-advocates__spotlight{grid-template-columns:70px minmax(0,1fr)}body[data-bc-site="multipage"] .bc-web-footer{grid-template-columns:minmax(0,1fr)}body[data-bc-site="multipage"] .bc-web-footer>div:first-child{grid-column:auto}}


@media(prefers-reduced-motion:reduce){body[data-bc-site="multipage"] .bc-web-explore-card,body[data-bc-site="multipage"] .bc-advocates__choice label{transition:none;transform:none}body[data-bc-site="multipage"] .bc-web-home-hero .hero-image{transform:none}}




/* Owner page navigation directly beneath the cat-specific title. */

[data-bc-surface="owner"] #owner-page-tabs{width:100%;min-width:0}

[data-bc-surface="owner"] #owner-page-tabs .dashboard-nav{margin:0 0 12px}


body[data-bc-site="multipage"] .bc-web-character-about summary{font-size:12px;min-height:44px;color:var(--bc-link)}
body[data-bc-site="multipage"] .bc-web-swipe-hint{display:none}
@media(max-width:700px){body[data-bc-site="multipage"] .bc-web-swipe-hint{display:inline}}

/* Owner navigation: visible individual buttons instead of a scrolling strip. */
[data-bc-surface="owner"] #owner-page-tabs .dashboard-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;background:transparent;border-radius:0;overflow:visible}
[data-bc-surface="owner"] #owner-page-tabs .dashboard-link{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:64px;padding:8px;white-space:normal;text-align:center;line-height:1.25;background:var(--bc-panel);border:1px solid var(--bc-line);border-radius:12px}
[data-bc-surface="owner"] #owner-page-tabs .dashboard-link[aria-current]{background:var(--bc-blue);border-color:var(--bc-blue);color:var(--bc-black)}
[data-bc-surface="owner"] #owner-page-tabs .dashboard-link[data-route="wellbeing"][aria-current]{background:var(--bc-emerald);border-color:var(--bc-emerald)}
@media(max-width:760px){[data-bc-surface="owner"] #owner-page-tabs .dashboard-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:340px){[data-bc-surface="owner"] #owner-page-tabs .dashboard-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

[data-bc-surface="owner"] #main #owner-page-tabs{padding-top:12px}

/* Keep vertical scrolling while recognising horizontal page swipes above content. */
[data-bc-surface="owner"] .owner-masthead,[data-bc-surface="owner"] #owner-page-tabs .dashboard-nav,[data-bc-surface="owner"] .owner-top,[data-bc-surface="owner"] .cat-controls{touch-action:pan-y}

/* Large owner feature overlays retain the page underneath. */
[data-bc-surface="owner"] .owner-feature-window{position:fixed;inset:0;margin:auto;width:min(1100px,calc(100vw - 24px));max-width:none;height:min(860px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:16px;border:1px solid var(--bc-emerald);border-radius:18px;background:var(--bc-black);color:var(--bc-ink);overflow:auto;overscroll-behavior:contain;touch-action:auto}
[data-bc-surface="owner"] .owner-feature-window::backdrop{background:#000b}
[data-bc-surface="owner"] .owner-feature-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-16px;z-index:2;padding:12px 0;background:var(--bc-black)}
[data-bc-surface="owner"] .owner-feature-heading h2{margin:0;font-size:22px;overflow-wrap:anywhere}
[data-bc-surface="owner"] .owner-feature-heading button{min-height:44px;flex:none}
[data-bc-surface="owner"] .owner-feature-content>.card{margin-bottom:16px}
[data-bc-surface="owner"] .owner-feature-window .location-map{height:clamp(260px,50dvh,600px)}
[data-bc-surface="owner"] .owner-feature-window .live-demo video{width:100%;max-height:65dvh;object-fit:contain;background:#000}
[data-bc-surface="owner"] .live-demo-actions{display:flex;flex-wrap:wrap;gap:8px}

/* Live video fills the phone's available portrait or landscape viewport. */
[data-bc-surface="owner"] .owner-feature-window.owner-live-window{width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:0;overflow:hidden}
[data-bc-surface="owner"] .owner-live-window[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
[data-bc-surface="owner"] .owner-live-window .owner-feature-heading{position:static;gap:8px;padding:4px 8px}
[data-bc-surface="owner"] .owner-live-window .owner-feature-heading h2{flex:1;min-width:0;font-size:14px;line-height:1.2}
[data-bc-surface="owner"] .owner-live-window .owner-feature-heading .live-demo-actions{flex:none;flex-wrap:nowrap;margin:0;gap:4px}
[data-bc-surface="owner"] .owner-live-window .owner-feature-heading button{padding:6px 10px;font-size:13px;min-height:44px;margin:0}
[data-bc-surface="owner"] .owner-live-window .owner-feature-content{min-height:0;height:100%;overflow:hidden}
[data-bc-surface="owner"] .owner-live-window .live-demo-compact{position:relative;width:100%;height:100%;overflow:hidden}
[data-bc-surface="owner"] .owner-live-window .live-demo-compact video{width:100%;height:100%;max-height:none;aspect-ratio:auto;border:0;border-radius:0;object-fit:contain}
[data-bc-surface="owner"] .live-demo-compact .live-demo-credit,[data-bc-surface="owner"] .live-demo-compact .live-demo-cast-help{position:absolute;inset:12px 12px auto;padding:14px;margin:0;background:var(--bc-panel);border:1px solid var(--bc-line);border-radius:12px;max-height:calc(100% - 24px);overflow:auto}
[data-bc-surface="owner"] .live-demo-compact .live-demo-status,[data-bc-surface="owner"] .live-demo-compact .live-demo-cast-status{position:absolute;left:12px;right:12px;bottom:44px;margin:0;padding:6px 10px;background:#000c;color:var(--bc-ink);font-size:12px;pointer-events:none}
[data-bc-surface="owner"] .live-demo-compact .live-demo-cast-status:empty{display:none}

/* Familiar cast icon, with a generous touch target and accessible name. */
[data-bc-surface="owner"] .live-demo-actions .live-demo-cast{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px}
[data-bc-surface="owner"] .live-demo-cast svg{display:block;width:24px;height:24px;flex:none}

/* Website operations use the same canonical BCHQ / website design. */
body[data-bc-surface="website"] .bc-view-count{font-size:.78rem;color:var(--bc-emerald);margin:.55rem 0 0;font-variant-numeric:tabular-nums}
body[data-bc-surface="bchq"] .website-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.2rem}
body[data-bc-surface="bchq"] .website-tabs a{border:1px solid var(--bc-blue);border-radius:8px;padding:.6rem .9rem;text-decoration:none}
body[data-bc-surface="bchq"] .website-tabs a[aria-current]{background:var(--bc-blue);color:var(--bc-white)}
body[data-bc-surface="bchq"] .website-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
body[data-bc-surface="bchq"] .website-big-number{font-size:clamp(1.8rem,5vw,3rem);font-variant-numeric:tabular-nums}
body[data-bc-surface="bchq"] .website-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
body[data-bc-surface="bchq"] .website-page-counts{padding-left:1.4rem}
body[data-bc-surface="bchq"] .website-page-counts li{padding:.6rem .1rem;border-bottom:1px solid var(--line)}
body[data-bc-surface="bchq"] .website-page-counts strong{float:right;font-variant-numeric:tabular-nums}
body[data-bc-surface="bchq"] .website-days{list-style:none;padding:0}
body[data-bc-surface="bchq"] .website-days li{display:grid;grid-template-columns:7rem 1fr 3rem;gap:.5rem;align-items:center;margin:.8rem 0}
body[data-bc-surface="bchq"] .website-days meter{width:100%;accent-color:var(--bc-emerald)}
body[data-bc-surface="bchq"] .website-scope{border-left:3px solid var(--bc-emerald);padding:.8rem 1rem;line-height:1.6}
body[data-bc-surface="bchq"] .website-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
body[data-bc-surface="bchq"] .website-page-grid article{border:1px solid var(--line);border-radius:8px;padding:1rem}
body[data-bc-surface="bchq"] .website-enquiry-message{white-space:pre-wrap;overflow-wrap:anywhere}
body[data-bc-surface="bchq"] .website-enquiry form{display:grid;gap:.8rem}
body[data-bc-surface="bchq"] .website-enquiry label{display:grid;gap:.4rem}
body[data-bc-surface="bchq"] .website-enquiry textarea{font:inherit;background:var(--panel);color:inherit;border:1px solid var(--line);padding:.8rem;border-radius:8px;max-width:100%;resize:vertical}
body[data-bc-surface="bchq"] #website-management>.card{margin-bottom:1rem}
@media(max-width:720px){body[data-bc-surface="bchq"] .website-columns,body[data-bc-surface="bchq"] .website-page-grid{grid-template-columns:1fr}body[data-bc-surface="bchq"] .website-stats{gap:.5rem}body[data-bc-surface="bchq"] .website-stats .card{padding:.75rem}}

body[data-bc-surface="bchq"] #website-management .card{padding:1.2rem}
@media(max-width:720px){body[data-bc-surface="bchq"] #website-management .website-stats .card{padding:.75rem}}


/* Website support and private BCHQ staff access share the established master. */
.bc-help-hero{padding-top:3rem;padding-bottom:3rem;max-width:var(--bc-content-width,1180px)}
.bc-help-hero .lead{max-width:48rem}
.bc-help-section{padding-top:2.5rem;padding-bottom:2.5rem}
.bc-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.bc-help-grid>li,.bc-help-grid>article,.bc-help-note,.bc-help-draft{border:1px solid var(--bc-line,#27323b);border-radius:var(--bc-radius,12px);padding:1.5rem;background:var(--bc-panel,#111820);min-width:0}
.bc-help-steps{list-style:none;padding-left:0}
.bc-help-number{display:inline-block;color:var(--bc-emerald);font-size:1.5rem;font-weight:800}
.bc-help-grid h3{margin:.8rem 0}
.bc-help-grid p,.bc-help-note p,.bc-help-faq p{line-height:1.7}
.bc-help-grid a,.bc-help-faq a,.bc-help-contact a{color:var(--bc-blue)}
.bc-help-grid a.button,.bc-help-contact a.button{color:var(--bc-white)}
.bc-help-section-heading{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;flex-wrap:wrap}
.bc-help-search{display:grid;gap:.5rem;min-width:0;max-width:100%}
.bc-help-search input,.bc-help-form input,.bc-help-form select,.bc-help-form textarea{box-sizing:border-box;max-width:100%;min-width:0;width:100%;font:inherit;color:var(--bc-white);background:var(--bc-black);border:1px solid var(--bc-line,#27323b);border-radius:8px;padding:.8rem}
.bc-help-form textarea{resize:vertical}
.bc-help-form{display:grid;gap:1rem}
.bc-help-form label{display:grid;gap:.5rem;font-weight:600}
.bc-help-faq details,.staff-account-list details,#add-staff{border-bottom:1px solid var(--bc-line,#27323b);padding:1rem 0}
.bc-help-faq summary,.staff-account-list summary,#add-staff summary{cursor:pointer;font-weight:700;line-height:1.5;min-height:44px;display:list-item;align-content:center}
.bc-help-faq details[open] summary{color:var(--bc-emerald)}
.bc-help-contact{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.bc-help-draft{grid-column:1/-1}
.bc-help-draft pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}
.bc-login-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.bc-help-note{margin-top:1.5rem}
body.bc-staff-login{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;box-sizing:border-box}
.bc-staff-login header{margin-bottom:1.5rem}
.bc-staff-login-card{width:min(100%,30rem);border:1px solid var(--bc-line,#27323b);border-radius:12px;padding:2rem;box-sizing:border-box;background:var(--bc-panel,#111820)}
.bc-staff-login-card h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15}
.bc-staff-login-card p{line-height:1.6}
.bc-staff-login-card a{color:var(--bc-blue)}
.bc-staff-session{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.7rem;margin:1rem 1.5rem;padding:.8rem 1rem;border:1px solid var(--bc-line,#27323b);border-left:3px solid var(--bc-emerald);border-radius:8px;font-size:.85rem}
.bc-staff-session a{color:var(--bc-blue)}
.staff-card{padding:1.5rem}
.staff-card form{display:grid;gap:.8rem;max-width:34rem;padding:1rem 0}
.staff-card label{display:grid;gap:.4rem}
.staff-card input,.staff-card select{max-width:100%;min-width:0;width:100%;box-sizing:border-box;background:var(--bc-black);color:var(--bc-white);border:1px solid var(--bc-line,#27323b);border-radius:8px;padding:.8rem;font:inherit}
body[data-bc-surface="website"] [hidden],body.bc-staff-login [hidden],.staff-card [hidden]{display:none!important}
@media(max-width:720px){.bc-help-grid,.bc-help-contact{grid-template-columns:1fr}.bc-help-hero{padding-top:1.5rem}.bc-staff-login-card{padding:1.3rem}.bc-staff-session{margin:1rem}.bc-help-section-heading{align-items:start}.bc-help-search{width:100%}}
/* END BATCAT MASTER CSS */