.companion-options small{display:block;font-size:.85rem;line-height:1.5;margin-top:4px;color:#5c5550}.access-more summary{font-size:1rem;min-height:44px;padding:15px 0;text-decoration:underline}.involvement-routes article{border-top:2px solid #922b24;padding-top:24px;scroll-margin-top:24px}.involvement-routes article:target{outline:2px solid #922b24;outline-offset:12px}.amarte-panel>h2{font-size:1.8rem;line-height:1.2;margin-bottom:12px;letter-spacing:-.02em}
/* The body is the original logo file. Expressions are independent overlays. */
.companion-art{position:relative;display:inline-block;width:110px;line-height:0}.companion-art img{width:100%;height:auto}.companion-eyes{position:absolute;left:43%;top:48%;display:flex;gap:5px}.companion-eyes i{width:4px;height:5px;border-radius:50%;background:#292724;outline:1px solid #f5f2eb}
.companion-trigger{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:30;border:1px solid #922b24;border-radius:8px;background:var(--paper);color:var(--ink);padding:10px 14px;display:flex;align-items:center;gap:9px;min-height:48px;box-shadow:0 3px 16px #29272418}.companion-trigger .companion-art{width:70px}.companion-trigger>span:last-child{font-size:1rem}body{padding-bottom:85px}
.amarte-panel{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:24px;width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 30px);overflow:auto;margin:auto}.amarte-panel::backdrop{background:#29272466}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.panel-heading h2{font-size:1.75rem;letter-spacing:-.02em;line-height:1.2}.panel-close{border:1px solid var(--line);background:transparent;color:inherit;padding:8px 12px;min-height:44px}.companion-options{display:grid;gap:8px;margin-top:20px}.companion-options a,.companion-options button{display:block;text-align:left;padding:12px;border:1px solid var(--line);background:transparent;color:inherit;font:inherit;min-height:44px}.companion-context{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.companion-context a{text-decoration:underline}.preference-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding:14px 0;line-height:1.5}.preference-row input{width:23px;height:23px;flex-shrink:0;accent-color:#922b24}.text-buttons{display:flex;gap:6px}.text-buttons button,.preference-reset{border:1px solid var(--line);background:transparent;color:inherit;min-width:44px;min-height:44px;padding:8px}.text-buttons [aria-pressed=true]{border:2px solid currentColor}.preference-reset{width:100%;margin-top:16px}.preference-note{font-size:.9rem;margin-bottom:18px}.brand-comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.brand-comparison figure{padding:24px;border:1px solid var(--line)}
:where(a,button,input,summary,select):focus-visible{outline:3px solid #922b24;outline-offset:4px}.skip{z-index:100}.reading-space p{line-height:1.9!important;margin-bottom:1.4em;letter-spacing:.02em}.highlight-links a{text-decoration:underline!important;text-underline-offset:.2em}.colour-access .map-node,.colour-access .dimension-number,.colour-access .dimension-name h3 span{color:var(--ink);border-color:var(--ink)}.simplified .connection-lines,.simplified .hero-rule{display:none}.simplified *{animation:none!important;transition:none!important}.simplified .placeholder-slide{transition:none}.paused-motion *{animation-play-state:paused!important}.high-contrast{--paper:#fff;--ink:#171717;--line:#595959;--pink:#8f211b;--blue:#095457}.high-contrast body,.high-contrast .amarte-panel{background:var(--paper);color:var(--ink)}.high-contrast p,.high-contrast figcaption,.high-contrast .eyebrow{color:inherit!important}.high-contrast a,.high-contrast button,.high-contrast summary{border-color:currentColor}
.involvement-routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:40px}.involvement-routes h2{font-size:2rem;line-height:1.2;margin-bottom:20px}.involvement-routes p{margin-bottom:18px}.large-text p,.large-text nav,.large-text button,.large-text label,.large-text summary,.large-text input{font-size:1rem!important}.large-text .hero-v2 h1{font-size:clamp(2rem,4vw,3.5rem)}
/* A continuous path, with each step also distinguished by its number and label. */
.connection-map{height:240px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:10px}.connection-map .map-node{position:relative;left:auto;top:auto;transform:none;white-space:normal;text-align:center;font-size:clamp(1.2rem,2.1vw,1.8rem);padding:15px 8px;min-width:0;flex-direction:column}.map-node::before{content:attr(data-step);font:400 .85rem/1.5 'DM Sans',sans-serif;margin-bottom:5px}.connection-map .node-2,.connection-map .node-4{margin-top:55px}.connection-map .node-3{margin-top:-45px}.connection-lines{stroke:#922b24}.connection-lines .cross-links{stroke:#922b24;opacity:.3}.connection-figure figcaption{padding-top:16px}
@media(max-width:760px){.connection-map{height:auto;grid-template-columns:1fr;padding:16px 0;gap:14px;border-left:2px solid #922b24;margin-left:14px}.connection-map .map-node{justify-self:start;margin:0 0 0 20px!important;min-width:180px;min-height:60px;flex-direction:row;gap:12px;font-size:1.5rem}.map-node::before{margin:0}.connection-map .connection-lines{display:none}.companion-trigger .companion-art{width:54px}.companion-trigger{padding:8px 10px}.amarte-panel{padding:18px}.brand-comparison{grid-template-columns:1fr}.large-text .connection-map{grid-template-columns:1fr}.large-text .map-node{position:relative}}
@media(prefers-contrast:more){html:not(.custom-contrast){--line:#595959;--ink:#171717}.companion-trigger,.amarte-panel{border-color:currentColor}}
@media(forced-colors:active){.companion-trigger,.amarte-panel,.map-node,.companion-options a,.companion-options button{border:2px solid ButtonText;background:Canvas;color:CanvasText}.companion-eyes i{background:CanvasText}.connection-lines{stroke:CanvasText}:where(a,button,input,summary):focus-visible{outline-color:Highlight}}
@media(prefers-reduced-motion:reduce){html:not(.custom-motion) *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* One clear continuous journey; no secondary or dashed connections. */
.connection-map{height:180px}
.connection-map .map-node{margin-top:0}
.connection-map .connection-lines{stroke-width:2;stroke-linecap:round;opacity:.65}
@media(max-width:760px){.connection-map{height:auto}}
@media(min-width:761px){.large-text .connection-map{height:auto;gap:16px;border-left:2px solid #922b24;padding-left:20px}.large-text .connection-lines{display:none}.large-text .map-node{justify-self:start}}
.jojo-main-options small{display:block;margin-top:5px;font-size:14px;font-weight:400;line-height:1.45}
.jojo-faq{border-top:1px solid var(--line);padding:4px 0}
.jojo-faq summary{cursor:pointer;padding:12px 0;min-height:44px;font-size:16px;line-height:1.45}
.jojo-faq p{font-size:16px;line-height:1.6;margin:0 0 16px}
.jojo-reading{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}
.jojo-reading button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;min-height:44px;color:inherit;font:inherit;cursor:pointer}
.jojo-page-tip{border-left:2px solid #bc3228;padding-left:14px}
@media(max-width:760px){.companion-trigger .companion-character{width:60px;height:80px}.companion-trigger{max-width:110px}.companion-wordmark{font-size:13px}}
/* Compact mobile launcher; keep its accessible name and desktop wordmark. */
@media(max-width:760px){.companion-trigger>.companion-wordmark{display:none}}