/* Only local comparison controls; original portfolio layout is retained. */
.sphere-preview{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #799fa434;border-radius:28px;background:#0b171dea;backdrop-filter:blur(14px);color:#adc0c5;font:12px Helvetica,Arial,sans-serif;box-shadow:0 8px 30px #0003}
.sphere-preview button{font:inherit;color:inherit;background:none;border:0;border-radius:20px;min-height:36px;padding:0 15px;cursor:pointer;white-space:nowrap}
.sphere-preview button[aria-pressed=true]{background:#75d9cd;color:#102c31}
.sphere-preview .sphere-restart{border-left:1px solid #78909933;border-radius:0 20px 20px 0;padding:0 12px}
.sphere-hint{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);font:11px Helvetica,Arial,sans-serif;letter-spacing:.06em;color:#87a2ae;z-index:2;pointer-events:none;white-space:nowrap}
body:not([data-mode=journey]) .sphere-hint{display:none}
@media(max-width:760px){.sphere-preview{bottom:max(12px,env(safe-area-inset-bottom));font-size:11px}.sphere-preview button{min-height:38px;padding:0 11px}.sphere-hint{bottom:72px;font-size:10px}.backpack-entry span{font-size:10px}.logo-entry span{width:130px}}
@media(max-height:500px){.sphere-preview{left:auto;right:12px;transform:none;bottom:10px}.sphere-hint{display:none}}
/* The shared heading keeps identical layout metrics across both study steps. */
.journey[data-chapter=doubts] .eyebrow{max-width:380px;line-height:1.65}
.journey[data-chapter=doubts] .story-copy{max-width:365px}
@media(max-width:760px){.journey[data-chapter=doubts] .eyebrow{font-size:10px;max-width:300px}}
@media(max-width:760px) and (max-height:620px){.journey[data-chapter=doubts] .story-copy{font-size:13px}}
.journey:is([data-chapter=foundations],[data-chapter=doubts],[data-chapter=graduation]) .eyebrow{line-height:1.65;font-size:12px}
@media(max-width:760px){.journey:is([data-chapter=foundations],[data-chapter=doubts],[data-chapter=graduation]) .eyebrow{font-size:10px}}
.sphere-preview{left:auto;right:18px;bottom:16px;transform:none;padding:0;border-color:#799fa421;background:#0b171da6;box-shadow:none;font-size:11px}
.sphere-preview .sphere-restart{border:0;border-radius:24px;padding:0 13px;min-height:34px}
.journey[data-chapter=home] .logo-entry span{width:clamp(100px,10vw,130px);top:calc(100% + 13px)}
@media(min-width:761px){body[data-mode=journey] .journey[data-chapter=home] .narrative{width:29vw;max-width:355px}.journey[data-chapter=home] .narrative h1{font-size:clamp(38px,3.9vw,55px)}.journey[data-chapter=home] .story-copy{max-width:315px}}
@media(max-width:760px){.sphere-preview{right:12px;bottom:max(10px,env(safe-area-inset-bottom));font-size:10px}.sphere-preview button{min-height:32px}.journey[data-chapter=home] .logo-entry span{width:110px}.sphere-hint{bottom:58px}}