/* ChatBear UI 1.0: shared tokens + illustrated component contracts. */
:root{--cbui-navy:#0b1c25;--cbui-ivory:#f4f4ee;--cbui-ink:#12303b;--cbui-muted:#536c73;--cbui-sage:#567568;--cbui-sage-soft:#dce9df;--cbui-amber:#f3d296;--cbui-amber-ink:#805c1f;--cbui-line:#cbd5cf;--cbui-focus:#a56d1f;--cbui-focus-dark:#f3d296;--cbui-radius-sm:8px;--cbui-radius-md:16px;--cbui-radius-lg:24px;--cbui-space-1:4px;--cbui-space-2:8px;--cbui-space-3:12px;--cbui-space-4:16px;--cbui-space-5:24px;--cbui-space-6:32px;--cbui-space-7:48px;--cbui-space-8:64px;--cbui-duration-fast:160ms;--cbui-duration-base:240ms;--cbui-duration-slow:420ms;--cbui-ease:cubic-bezier(.22,.8,.25,1)}
[class*="cbui-"]{box-sizing:border-box}
.cbui-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[class*="cbui-"]:focus-visible,[class*="cbui-"] :focus-visible{outline:3px solid var(--cbui-focus);outline-offset:5px}
.cbui-eyebrow{font-size:12px!important;font-weight:600;line-height:1.6;letter-spacing:.12em;color:var(--cbui-muted);margin:0 0 12px;text-transform:uppercase}
.cbui-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;max-width:100%;padding:12px 22px;border:1px solid transparent;border-radius:999px;font-family:var(--island-ui,inherit);font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;cursor:pointer;transition:background var(--cbui-duration-fast),transform var(--cbui-duration-fast);text-align:center;white-space:normal}
.cbui-button--primary{background:var(--cbui-ink);color:var(--cbui-ivory)}.cbui-button--secondary{background:transparent;color:var(--cbui-ink);border-color:var(--cbui-sage)}.cbui-button--text{background:transparent;color:var(--cbui-ink);padding-inline:12px;border-radius:var(--cbui-radius-sm)}
.cbui-button:disabled{cursor:default;opacity:.55}.cbui-busy{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cbui-spin .8s linear infinite}@keyframes cbui-spin{to{transform:rotate(360deg)}}
.cbui-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--cbui-line);border-radius:999px;font-size:12px;line-height:1.5;color:var(--cbui-ink);background:var(--cbui-ivory)}.cbui-chip i{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}.cbui-chip--ready{background:var(--cbui-sage-soft)}.cbui-chip--planned,.cbui-chip--pending{color:var(--cbui-amber-ink)}.cbui-chip--error{color:#8f302d;background:#fff0ea}.cbui-chip--device{color:var(--cbui-muted)}
.cbui-figure{margin:0;min-width:0}.cbui-figure img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;background:var(--cbui-navy);border-radius:var(--cbui-radius-md)}.cbui-figure figcaption{margin-top:8px;font-size:12px;line-height:1.6;color:var(--cbui-muted)}
.cbui-notice{padding:16px 20px;border:1px solid var(--cbui-line);border-left:3px solid var(--cbui-sage);border-radius:var(--cbui-radius-sm);background:#e9eee7;color:var(--cbui-ink);font-size:16px;line-height:1.75}.cbui-notice b{display:block;margin-bottom:4px}.cbui-notice p{margin:0!important;font-size:16px!important;color:inherit!important}.cbui-notice--error{border-left-color:#8f302d;background:#fff0ea}.cbui-notice--success{background:var(--cbui-sage-soft)}
.cbui-empty{border:1px dashed var(--cbui-sage);border-radius:var(--cbui-radius-lg);padding:32px;text-align:center;color:var(--cbui-ink);background:var(--cbui-ivory)}.cbui-empty-mark{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--cbui-sage-soft);font-size:26px}.cbui-empty h3{font-size:24px;margin:16px 0 8px}.cbui-empty p{font-size:16px;line-height:1.8;margin:0 auto 24px;max-width:55ch}
.cbui-task{color:var(--cbui-ink);padding:28px;border:1px solid var(--cbui-line);border-radius:var(--cbui-radius-lg);background:var(--cbui-ivory)}.cbui-task-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cbui-task h3{font-size:24px;margin:16px 0 8px}.cbui-task p{font-size:16px;line-height:1.8}.cbui-task ol{list-style:none;padding:0;margin:20px 0}.cbui-task label{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:12px 0;border-top:1px solid var(--cbui-line);font-size:16px;line-height:1.6;cursor:pointer}.cbui-task input{accent-color:var(--cbui-sage);width:20px;height:20px;flex-shrink:0;margin:3px 0}.cbui-task-count{color:var(--cbui-muted);font-size:14px!important}
.cbui-twin{color:var(--cbui-ink);padding-block:64px!important}.cbui-section-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:28px}.cbui-section-heading h2{font-size:clamp(28px,3.3vw,44px);line-height:1.3;letter-spacing:-.035em;margin:0}.cbui-section-heading>div:last-child{max-width:430px}.cbui-section-heading p:not(.cbui-eyebrow){font-size:16px;line-height:1.8;color:var(--cbui-muted);margin:0 0 12px}.cbui-motion{min-height:44px;border:1px solid var(--cbui-line);border-radius:999px;background:transparent;color:var(--cbui-ink);padding:10px 16px;font:inherit;font-size:14px;cursor:pointer}.cbui-motion:disabled{cursor:default;opacity:.7}
.cbui-route-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px;perspective:1400px}.cbui-route-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0;border:1px solid var(--cbui-line);border-radius:var(--cbui-radius-lg);background:var(--cbui-ivory);color:var(--cbui-ink);text-align:left;font:inherit;cursor:pointer;transform:rotateX(var(--cbui-rx,0deg)) rotateY(var(--cbui-ry,0deg));transition:border-color var(--cbui-duration-base),box-shadow var(--cbui-duration-base),transform var(--cbui-duration-base)}.cbui-route-card[aria-pressed=true]{border:2px solid var(--cbui-sage);box-shadow:0 14px 35px -24px #12303b66}.cbui-route-scene{position:relative;display:block;line-height:0;background:var(--cbui-navy)}.cbui-route-scene img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;display:block}.cbui-route-selected,.cbui-stage-viewing{display:none;position:absolute;left:16px;bottom:16px;border-radius:999px;padding:8px 12px;background:var(--cbui-ivory);color:var(--cbui-ink);font-size:12px;line-height:1.5;font-weight:600;box-shadow:0 4px 20px #0003}.cbui-route-card[aria-pressed=true] .cbui-route-selected{display:block}.cbui-route-body{display:flex;flex:1;flex-direction:column;padding:24px;gap:8px}.cbui-route-body>small{font-size:12px;letter-spacing:.1em;color:var(--cbui-muted)}.cbui-route-title{display:flex;align-items:center;justify-content:space-between;font-size:clamp(24px,2.6vw,32px);font-weight:650;line-height:1.3;letter-spacing:-.025em}.cbui-route-title i{font-style:normal;font-size:28px}.cbui-route-subtitle{font-size:16px;color:var(--cbui-sage);font-weight:600}.cbui-route-copy{font-size:16px;line-height:1.8;color:var(--cbui-muted);margin-top:4px}.cbui-route-preview{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding-top:16px;margin-top:auto;line-height:1.6}.cbui-route-preview>span{font-size:22px}
.cbui-route-preview-panel{margin-top:24px;padding:28px;background:var(--cbui-ivory);border:1px solid var(--cbui-line);border-radius:var(--cbui-radius-lg)}.cbui-preview-intro{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.cbui-preview-intro h3{font-size:24px;line-height:1.4;margin:0}.cbui-method-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.cbui-method-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 16px;border-radius:999px;border:1px solid var(--cbui-line);background:transparent;color:var(--cbui-ink);font:inherit;font-size:16px;cursor:pointer}.cbui-method-tabs button span{font-size:12px;opacity:.75}.cbui-method-tabs button[aria-selected=true]{background:var(--cbui-sage);color:var(--cbui-ivory);border-color:var(--cbui-sage)}.cbui-method-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}.cbui-method-panel h3{font-size:24px;line-height:1.4;margin:0 0 12px}.cbui-method-panel p:not(.cbui-eyebrow){font-size:16px;line-height:1.85;margin:0 0 16px;color:var(--cbui-muted)}.cbui-method-panel .cbui-method-result{color:var(--cbui-ink)!important;border-top:1px solid var(--cbui-line);padding-top:16px;margin-bottom:0!important}.cbui-route-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid var(--cbui-line)}.cbui-route-footer small{display:block;font-size:12px;color:var(--cbui-muted);margin-bottom:6px}.cbui-route-footer b{font-size:16px;line-height:1.7}.cbui-route-facts{margin-top:24px;border-top:1px solid var(--cbui-line);padding-top:8px}.cbui-route-facts summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:16px;list-style:none;cursor:pointer}.cbui-route-facts summary::-webkit-details-marker{display:none}.cbui-route-facts summary>span{font-size:24px;transition:transform var(--cbui-duration-base)}.cbui-route-facts[open] summary>span{transform:rotate(45deg)}.cbui-route-facts p{font-size:16px;line-height:1.8;color:var(--cbui-muted);margin:8px 0}.cbui-context-note{font-size:14px!important;line-height:1.8;color:var(--cbui-muted);margin:20px 0 0}
.pathway-steps.cbui-stage-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0;padding:0;margin:24px 0 32px;background:transparent}.pathway-steps.cbui-stage-nav [data-pathway-stage]{display:flex;flex-direction:column;gap:0;min-height:0;padding:0;overflow:hidden;border:1px solid var(--cbui-line);border-radius:var(--cbui-radius-md);background:var(--cbui-ivory);color:var(--cbui-ink);font:inherit;text-align:left;cursor:pointer;grid-column:auto;transition:border-color var(--cbui-duration-base),box-shadow var(--cbui-duration-base)}.pathway-steps.cbui-stage-nav [data-pathway-stage][aria-pressed=true]{border:2px solid var(--cbui-sage);box-shadow:0 8px 24px -18px var(--cbui-ink)}.cbui-stage-scene{position:relative;display:block;line-height:0;width:100%;background:var(--cbui-navy)}.cbui-stage-scene img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.cbui-stage-body{display:flex;flex-direction:column;gap:8px;padding:16px;flex:1;min-width:0}.cbui-stage-code{font-size:12px;line-height:1.6;color:var(--cbui-muted);letter-spacing:.04em}.pathway-steps.cbui-stage-nav [data-pathway-stage] b{font-size:20px;line-height:1.4;font-weight:650;overflow-wrap:normal;word-break:normal}.pathway-steps.cbui-stage-nav [data-pathway-stage] small{font-size:14px;line-height:1.65;color:var(--cbui-muted);margin:0}.cbui-stage-link{display:flex;justify-content:space-between;align-items:center;font-size:14px;min-height:32px;margin-top:auto}.pathway-steps.cbui-stage-nav [data-pathway-stage] i{font:inherit;position:static;display:inline;transform:none;color:inherit}.cbui-stage-viewing{left:12px;bottom:12px;padding:5px 10px}.pathway-steps.cbui-stage-nav [aria-pressed=true] .cbui-stage-viewing{display:block}
.pathway-detail.cbui-stage-detail{display:block;padding:32px;gap:0;background:var(--cbui-ivory);border:1px solid var(--cbui-line);border-radius:var(--cbui-radius-lg);color:var(--cbui-ink)}.cbui-stage-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}.cbui-stage-intro h2{font-size:clamp(26px,2.7vw,36px);line-height:1.4;margin:0 0 16px;letter-spacing:-.025em}.cbui-stage-intro>div>p:not(.cbui-eyebrow){font-size:16px;line-height:1.85;margin:0;color:var(--cbui-muted)}.cbui-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0;gap:16px}.cbui-guide-grid>div{padding:20px;border:1px solid var(--cbui-line);border-radius:var(--cbui-radius-md);background:#eaf0e8}.cbui-guide-grid dt{font-size:16px;font-weight:600;line-height:1.6;margin:0 0 12px}.cbui-guide-grid dt span{display:block;font-size:12px;color:var(--cbui-sage);margin-bottom:8px}.cbui-guide-grid dd{font-size:16px;line-height:1.85;color:var(--cbui-muted);margin:0}.cbui-stage-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-block:1px solid var(--cbui-line);padding:20px 0;margin-bottom:24px}.cbui-stage-facts p{font-size:16px;line-height:1.8;color:var(--cbui-muted);margin:0}.cbui-stage-facts b{display:block;color:var(--cbui-ink);margin-bottom:8px}.cbui-stage-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}
[data-cbui-reveal]{opacity:1;transition:opacity var(--cbui-duration-slow) var(--cbui-ease),translate var(--cbui-duration-slow) var(--cbui-ease)}[data-cbui-reveal]:not([data-cbui-visible=true]){opacity:.4;translate:0 10px}
[data-cbui-motion=off] [data-cbui-depth]{transform:none!important}[data-cbui-motion=off] [data-cbui-reveal]{opacity:1!important;translate:none!important;transition:none!important}[data-cbui-motion=off] .cbui-button{transform:none!important}
.cbui-route-preview-panel[hidden],.cbui-method-panel[hidden],.pathway-detail.cbui-stage-detail[hidden]{display:none!important}
@media(min-width:1360px){.pathway-steps.cbui-stage-nav{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(hover:hover) and (pointer:fine){.cbui-button:hover:not(:disabled){transform:translateY(-2px)}[data-cbui-depth]:hover{transform:translateY(-3px) rotateX(var(--cbui-rx,0deg)) rotateY(var(--cbui-ry,0deg))}}
@media(max-width:760px){.cbui-twin{padding-block:40px!important}.cbui-section-heading{display:block;margin-bottom:24px}.cbui-section-heading>div:last-child{max-width:none;margin-top:20px}.cbui-route-choices{gap:16px}.cbui-route-body{padding:16px}.cbui-route-title{font-size:24px}.cbui-route-copy{font-size:16px}.cbui-route-preview-panel{padding:20px}.cbui-preview-intro{align-items:flex-start;flex-direction:column}.cbui-method-panel,.cbui-stage-intro{grid-template-columns:1fr;gap:20px}.cbui-route-footer{align-items:flex-start;flex-direction:column}.pathway-steps.cbui-stage-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pathway-steps.cbui-stage-nav [data-pathway-stage] b{font-size:18px}.cbui-stage-body{padding:12px}.pathway-detail.cbui-stage-detail{padding:20px}.cbui-guide-grid{grid-template-columns:1fr;gap:12px}.cbui-guide-grid>div{padding:16px}.cbui-stage-facts{grid-template-columns:1fr;gap:20px}.cbui-method-tabs{gap:8px}.cbui-method-tabs button{padding:10px 12px;font-size:14px}.cbui-task{padding:20px}.cbui-stage-actions .cbui-button{width:100%}.cbui-button{font-size:16px;min-height:48px}.cbui-route-selected{left:12px;bottom:12px}}
@media(max-width:520px){.cbui-route-choices{grid-template-columns:1fr}.cbui-stage-viewing{font-size:12px;left:8px;bottom:8px;padding:4px 8px}.cbui-stage-code{font-size:12px}.cbui-stage-body{gap:6px}.cbui-stage-link{font-size:12px}.cbui-empty{padding:24px 16px}}
@media(prefers-reduced-motion:reduce){[class*="cbui-"]{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-cbui-depth]{transform:none!important}[data-cbui-reveal]{opacity:1!important;translate:none!important}}

/* The component layer follows editorial typography without replacing it. */
.cbui-twin h2,.cbui-twin h3,.cbui-stage-detail h2{color:var(--cbui-ink)}
.pathway-steps.cbui-stage-nav [data-pathway-stage]::after{display:none}
.pathway-steps.cbui-stage-nav{background:transparent!important}
.cbui-stage-detail[data-cbui-motion=off],[data-cbui-motion=off] .cbui-busy{animation:none!important}
.pathway-detail.cbui-stage-detail:focus-visible{outline:3px solid var(--cbui-focus);outline-offset:5px}

/* Isolate the new card slots from the former text-row mobile !important padding. */
.chatbear-pathway .pathway-steps.cbui-stage-nav .cbui-stage-card{padding:0!important;background:var(--cbui-ivory);color:var(--cbui-ink);border-color:var(--cbui-line)}
.chatbear-pathway .pathway-steps.cbui-stage-nav .cbui-stage-card[aria-pressed=true]{border-color:var(--cbui-sage);color:var(--cbui-ink);background:var(--cbui-ivory)}
.chatbear-pathway .pathway-steps.cbui-stage-nav .cbui-stage-card small{color:var(--cbui-muted)}
body .chatbear-pathway .pathway-details.cbui-stage-panels{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}

/* Trial readiness: clear entry, actual local-save state, non-obstructing utilities. */
.observatory-primary .cbui-trial-label{font-size:12px!important;line-height:1.7;letter-spacing:.07em;color:#ede8d9!important;margin:0 0 12px!important}.observatory-primary>a.button{width:100%;margin-bottom:10px}.observatory-primary .cbui-trial-family{font-size:14px!important;line-height:1.75;color:#d0d9d6!important;margin:2px 0 14px!important}.observatory-primary .observatory-member-link{font-size:14px;min-height:44px;display:flex;align-items:center;justify-content:center}
.cbui-trial-start{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;padding-block:48px;color:var(--cbui-ink)}.cbui-trial-start h2{font-size:clamp(26px,3vw,38px);line-height:1.4;margin:0 0 16px}.cbui-trial-start p:not(.cbui-eyebrow){font-size:16px;line-height:1.85;color:var(--cbui-muted);margin:0}.cbui-trial-start-actions{display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:12px}.cbui-trial-start-actions small{display:block;width:100%;font-size:14px;line-height:1.7;color:var(--cbui-muted)}.cbui-trial-start-actions .text-link{min-height:44px;display:flex;align-items:center;white-space:normal}.cbui-save-status{font-size:14px!important;line-height:1.75!important;color:var(--cbui-muted)!important;margin:12px 0!important}.quiz-feedback .actions{margin-top:16px}
body .island-scene-controls{position:static;inset:auto;justify-content:flex-end;flex-wrap:wrap;padding:16px max(20px,4vw);margin:0;background:var(--cbui-ivory);border-top:1px solid var(--cbui-line)}body .island-scene-controls button{font-size:14px;min-width:44px;min-height:44px}
@media(max-width:760px){.cbui-trial-start{grid-template-columns:1fr;gap:24px;padding-block:32px}.cbui-trial-start-actions>.button{width:100%;white-space:normal;text-align:center}.observatory-primary .cbui-trial-family{max-width:100%}.cbui-save-status{overflow-wrap:anywhere}}
@media(max-width:360px){body[data-page=home] .observatory-copy h1{font-size:clamp(30px,10vw,36px)!important;line-height:1.3!important}}

body[data-page=home] .observatory-primary>.button.secondary{color:#e6eddf!important;border-color:#b9cbb5!important;background:#142d35!important}
@media(min-width:701px){.observatory-primary{width:clamp(240px,25vw,330px)}}
@media(max-width:700px){.observatory-primary{width:auto}.observatory-primary .cbui-trial-label,.observatory-primary .cbui-trial-family{width:100%}}

body[data-page=home] .observatory-primary>.button{font-size:16px!important;line-height:1.5;white-space:normal;min-width:0}

@media(min-width:701px){body[data-page=home] .observatory-primary .cbui-trial-family,body[data-page=home] .observatory-primary .observatory-member-link{display:none}body[data-page=home] .observatory-primary .observatory-pathway-link{min-height:44px;margin-top:0;color:#e6eddf}}
body[data-page=home] .observatory-primary>.button.secondary .ui-arrow{filter:brightness(0) invert(1)}

/* Trial feedback: visible in the learning flow, with no floating obstruction. */
.cbui-trial-help{display:grid;gap:8px;border-top:1px solid rgba(85,117,104,.3);padding-top:20px;margin-top:6px;font-size:15px;color:#36584f;line-height:1.65}.cbui-trial-help a{display:inline-flex;align-items:center;min-height:44px;justify-self:start;font-size:16px;font-weight:650;color:#244d46;text-underline-offset:5px}.cbui-trial-help small{font-size:13px}.cbui-trial-help-inline{margin-top:28px;padding:20px 24px;background:#edf2eb;border:1px solid #cedbd3;border-radius:16px}.cbui-trial-help a:focus-visible{outline:2px solid #557568;outline-offset:5px}.footer-links a[data-trial-feedback]{text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}

/* Round 01: one clear starting point, with a quieter project alternative. */
body[data-page=home] .observatory-primary .cbui-first-summary{font-size:14px!important;line-height:1.75;color:#d0d9d6!important;margin:0 0 8px!important;text-align:left;max-width:100%;width:100%}
body[data-page=home] .observatory-primary .cbui-first-project{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:44px;font-size:14px;font-weight:600;line-height:1.6;color:#e6eddf;text-decoration:none;text-align:left;width:100%;padding:4px 0}
body[data-page=home] .cbui-first-project .ui-arrow{flex:0 0 20px;filter:brightness(0) invert(1)}
body[data-page=home] .cbui-first-project:focus-visible{outline:2px solid #e6eddf;outline-offset:4px;border-radius:4px}
@media(max-width:700px){body[data-page=home] .observatory-primary .cbui-trial-family{margin:8px 0 10px!important}body[data-page=home] .observatory-primary .observatory-member-link{display:none}body[data-page=home] .observatory-primary>.button{justify-content:space-between;text-align:left;padding:14px 20px}body[data-page=home] .observatory-primary .cbui-first-project{font-size:15px}body[data-page=home] .observatory-primary .cbui-first-summary{font-size:14px!important}body[data-page=home] .observatory-tabs>button small{font-size:12px}.site-header .language,.site-header .menu-toggle{min-width:44px;min-height:44px;font-size:13px}.site-header .header-actions{gap:5px}}

/* Round 02: branch-aware touring and a calm reading layer above the scene. */
body .chatbear-pathway .pathway-map-controls button{font-size:13px;min-height:44px}
body .chatbear-pathway [data-pathway-next][hidden],body .chatbear-pathway .cbui-route-choice[hidden]{display:none!important}
body .chatbear-pathway .pathway-map-controls button:disabled{opacity:.65;cursor:default}
.cbui-route-choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;max-width:1520px;margin:0 auto 20px;padding:24px;border:1px solid #cdd7c9;border-radius:18px;background:#f7f7ef;color:#25463e}
.cbui-route-choice b{font-size:18px;line-height:1.5;font-weight:650}
.cbui-route-choice p{font-size:15px;line-height:1.75;color:#536c5f;margin:8px 0 0}
.cbui-route-choice-actions{display:flex;flex-direction:column;gap:10px}
.cbui-route-choice-actions button{background:#e8eee2;border:1px solid #c1cdb9;border-radius:10px;color:#25463e;text-align:left;font-size:15px;line-height:1.6;min-height:48px;padding:12px 16px}
.cbui-route-choice-actions button:hover{background:#dae6d3}
.cbui-route-choice-actions button:focus-visible{outline:3px solid #315c4d!important;outline-offset:3px}
@media(min-width:701px){body[data-page=home] .observatory-primary{padding:18px;border:1px solid #94b1a44d;border-radius:18px;background:#0b222bec;backdrop-filter:blur(12px);box-shadow:0 12px 32px #02111b26;z-index:6}body[data-page=home] .observatory-primary .cbui-first-summary{color:#e1e8dd!important}body[data-page=home] .observatory-primary .observatory-pathway-link{margin-top:4px}body[data-page=home] .observatory-primary>.button{font-size:15px!important}}
@media(max-width:700px){.cbui-route-choice{grid-template-columns:1fr;padding:20px;gap:18px;border-radius:14px}.cbui-route-choice b{font-size:17px}.cbui-route-choice p,.cbui-route-choice-actions button{font-size:14px}body .chatbear-pathway .pathway-map-controls{gap:8px}body .chatbear-pathway .pathway-map-controls button{font-size:12px;padding:10px 12px;white-space:normal;text-align:left}}

/* Family learning: knowledge and projects share one concrete loop. */
.cbui-family{margin:56px 0;padding:32px;border:1px solid #ced9cb;border-radius:24px;background:#f8f8ef;color:#213f38}
.cbui-family header{max-width:840px}.cbui-family h2{font-size:clamp(26px,3vw,42px);line-height:1.35;margin:10px 0 18px}.cbui-family header>p:last-child{font-size:16px;line-height:1.85;color:#50695e}
.cbui-family-loop{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cbui-family-loop li{border-top:1px solid #cbd8c6;padding:18px 0}.cbui-family-loop span{font-size:12px;display:block;color:#647d6d;margin-bottom:10px}.cbui-family-loop b{font-size:18px}.cbui-family-loop p{font-size:15px;line-height:1.75;color:#50695e;margin-top:10px}.cbui-family-label{font-size:14px}.cbui-family-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 12px}.cbui-family .cbui-method-panel p{line-height:1.85}
@media(max-width:700px){.cbui-family{padding:20px 16px;margin:32px 0;border-radius:18px}.cbui-family-loop{grid-template-columns:1fr;gap:0}.cbui-family-loop li{padding:16px 0}.cbui-family-loop p{margin:6px 0 0}.cbui-family-actions{flex-direction:column}.cbui-family .cbui-method-tabs button{white-space:normal;min-height:48px;font-size:14px}}

/* Narrow English titles must wrap instead of stretching the curriculum grid. */
body .foundation-modules{grid-template-columns:repeat(2,minmax(0,1fr))}body .foundation-modules details{min-width:0}body .foundation summary b{min-width:0;flex:1;overflow-wrap:anywhere}body .foundation summary small{font-size:12px;white-space:normal;max-width:7em;flex-shrink:0}body .foundation dd{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){body .foundation-modules{grid-template-columns:minmax(0,1fr)}body .foundation summary{gap:8px;padding:14px}body .foundation summary small{max-width:5em}body .foundation dl>div{grid-template-columns:60px minmax(0,1fr)}}

.cbui-evidence-check{margin:32px 0;padding:24px;border:1px solid #cbd8c6;border-radius:18px;background:#f7f8ef;color:#213f38}.cbui-evidence-check h2{font-size:26px;line-height:1.4}.cbui-source-card{padding:18px;background:#e5eee1;border-radius:12px;margin:20px 0}.cbui-source-card p{font-size:16px;line-height:1.8}.cbui-source-card small{font-size:12px;line-height:1.6;color:#50685c}.cbui-evidence-check fieldset{border:0;padding:0;margin:20px 0;min-width:0}.cbui-evidence-check legend{font-size:16px;line-height:1.8;margin-bottom:12px}.cbui-evidence-check label{display:flex;gap:12px;padding:14px 0;min-height:48px;border-top:1px solid #cbd8c6;font-size:16px;line-height:1.75}.cbui-evidence-check input{width:20px;height:20px;flex-shrink:0;margin-top:4px;accent-color:#567568}.cbui-claim-feedback:not(:empty){margin-top:18px;padding:18px;border-left:3px solid #567568;background:#e9eee7}.cbui-claim-feedback b{font-size:17px}.cbui-claim-feedback p{font-size:15px;line-height:1.8}
@media(max-width:700px){.cbui-evidence-check{padding:20px 16px}.cbui-evidence-check h2{font-size:23px}}

.cbui-task-example{margin:24px 0;padding:0 18px;border:1px solid #cbd8c6;border-radius:12px;background:#f4f6ed;color:#213f38}.cbui-task-example summary{padding:16px 0;min-height:48px;font-size:16px;line-height:1.6;cursor:pointer}.cbui-task-example dl{margin:0}.cbui-task-example dl>div{padding:14px 0;border-top:1px solid #cbd8c6}.cbui-task-example dt{font-size:14px;color:#567568;margin-bottom:6px}.cbui-task-example dd{margin:0;font-size:16px;line-height:1.8}.fieldguide-brief-fields textarea[aria-invalid=true]{border:2px solid #923f35;background:#fff6f1}.fieldguide-brief-fields textarea:focus-visible{outline:3px solid #a56d1f;outline-offset:3px}

.cbui-tutor-roles{margin:24px 0;border-top:1px solid #cbd8c6;border-bottom:1px solid #cbd8c6}.cbui-tutor-roles summary{padding:16px 0;min-height:48px;font-size:16px;line-height:1.7;cursor:pointer}.cbui-tutor-roles ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.cbui-tutor-roles b{font-size:17px}.cbui-tutor-roles p{font-size:15px;line-height:1.8;color:#50695e}@media(max-width:700px){.cbui-tutor-roles ul{grid-template-columns:1fr}}

.cbui-game{color:#213f38;margin-top:40px;margin-bottom:48px;padding:32px!important;background:#f7f8ef;border:1px solid #cbd8c6;border-radius:24px}.cbui-game h1{font-size:clamp(30px,4vw,48px);line-height:1.35;margin:18px 0}.cbui-game-intro{font-size:16px;line-height:1.85}.cbui-game-position{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin:28px 0 12px}.cbui-game progress{width:100%;height:10px;accent-color:#567568}.cbui-game h2{font-size:26px;line-height:1.5;margin:26px 0 18px}.cbui-fraction-pair{display:flex;align-items:flex-end;justify-content:center;gap:32px;margin:24px 0}.cbui-fraction-figure{width:min(38%,200px);margin:0;text-align:center}.cbui-fraction-figure.is-small{width:min(27%,120px)}.cbui-fraction-figure svg{display:block;width:100%;height:auto}.cbui-fraction-figure figcaption{font-size:18px;margin-top:10px;font-weight:600}.cbui-game-options,.cbui-game-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.cbui-game-options button[aria-pressed=true]{background:#e0ead8;border:2px solid #567568}.cbui-game-feedback:not(:empty){padding:20px;border-left:3px solid #567568;background:#e9eee7}.cbui-game-feedback b{font-size:18px}.cbui-game-feedback p{font-size:16px;line-height:1.85;margin-bottom:0}.cbui-game-actions p{font-size:16px;line-height:1.8}
@media(max-width:700px){.cbui-game{padding:20px 16px!important;margin-top:24px}.cbui-game h2{font-size:22px}.cbui-fraction-pair{gap:16px}.cbui-game-options{flex-direction:column}.cbui-game-options .cbui-button{width:100%}}

.cbui-project-starter{margin:28px 0;padding:28px;background:#f6f7ed;color:#213f38;border:1px solid #cbd8c6;border-radius:18px}.cbui-project-starter h3{font-size:clamp(24px,3vw,32px);line-height:1.45}.cbui-project-starter>p:not(.cbui-eyebrow),.cbui-project-starter dd,.cbui-project-starter details p{font-size:16px;line-height:1.85;color:#50695e}.cbui-project-starter dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.cbui-project-starter dt{font-size:14px;font-weight:600;margin-bottom:10px}.cbui-project-starter dd{margin:0}.cbui-project-starter details{border-top:1px solid #cbd8c6;margin-bottom:20px}.cbui-project-starter summary{min-height:48px;padding:16px 0;font-size:16px;line-height:1.7;cursor:pointer}@media(max-width:700px){.cbui-project-starter{padding:20px 16px}.cbui-project-starter dl{grid-template-columns:1fr;gap:18px}}

.cbui-expedition-evidence details ol{padding-left:24px}.cbui-expedition-evidence details li{font-size:16px;line-height:1.85;margin:10px 0}.cbui-expedition-evidence details p{margin-bottom:20px}

.cbui-note-count{font-size:12px!important;line-height:1.6;color:#536c73;margin:6px 0 12px}.cbui-family,.cbui-method-panel,.cbui-project-starter,.cbui-evidence-check,.fieldguide-lesson-tool,.project-notebook{scroll-margin-top:168px}.cbui-family [role=tab],.cbui-tutor-roles summary,.cbui-task-example summary{scroll-margin-top:168px}@media(max-width:700px){.cbui-family,.cbui-method-panel,.cbui-project-starter,.cbui-evidence-check,.fieldguide-lesson-tool,.project-notebook,.cbui-family [role=tab],.cbui-tutor-roles summary,.cbui-task-example summary{scroll-margin-top:210px}}
