/* A compact curator walkthrough. Natural reading order is the no-script baseline. */
#mentor{--mentor-inset:clamp(24px,4svh,44px);position:relative;background:var(--bg);scroll-margin-top:var(--header-height)}
#mentor .mentor-screen{padding-block:var(--mentor-inset)}
#mentor .section-kicker{justify-content:space-between;margin-bottom:14px}
#mentor .section-kicker .eyebrow,#mentor .access-badge{font-size:.875rem}
#mentor h2{margin:0 0 24px;max-width:none;font-size:var(--section-title-size);line-height:1.12;letter-spacing:-.035em}
#mentor .mentor-workflow{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:start}
#mentor .mentor-actions{display:none;gap:8px}
#mentor .mentor-action{appearance:none;display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;width:100%;padding:16px;text-align:left;font:inherit;color:#d6e2eb;background:#14232f;border:1px solid #293b49;border-radius:12px;cursor:pointer;transition:background .18s,border-color .18s}
#mentor .mentor-action[aria-pressed=true]{background:#243814;border-color:#769d24;color:#eff7e5}
#mentor .mentor-action-number{align-self:start;font-family:var(--body);font-size:.875rem;line-height:1.5;color:#9ab4c7;padding-top:2px;text-align:center;background:#213441;border-radius:5px;font-variant-numeric:tabular-nums}
#mentor .mentor-action[aria-pressed=true] .mentor-action-number{color:#132005;background:var(--lime)}
#mentor .mentor-action strong{display:block;font-family:var(--heading);font-size:clamp(1.25rem,1.65vw,1.5rem);line-height:1.2;font-weight:500;letter-spacing:-.02em}
#mentor .mentor-action-description{display:block;font-family:var(--heading);font-size:1rem;line-height:1.45;margin-top:7px;color:var(--studio-muted)}
#mentor .mentor-action[aria-pressed=true] .mentor-action-description{color:#c1d0b6}
#mentor .mentor-examples{min-width:0;grid-column:1/-1}
#mentor .mentor-example-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;font-size:.875rem;line-height:1.2;letter-spacing:.04em;color:#94adc0}
#mentor .mentor-scenes{display:grid;gap:24px}
#mentor .mentor-scene{min-width:0;margin:0;padding:0;background:transparent}
#mentor .mentor-flow-heading{margin:0 0 18px}
#mentor .mentor-flow-heading>span{color:var(--lime);font-size:.75rem;line-height:1.4}
#mentor .mentor-flow-heading h3{font-family:var(--heading);font-size:1.5rem;line-height:1.2;margin:8px 0;color:var(--text)}
#mentor .mentor-flow-heading p{font-family:var(--heading);font-size:1rem;line-height:1.5;color:var(--studio-muted);margin:0}
#mentor .mentor-messages{display:grid;gap:12px;align-content:start}
#mentor .mentor-message-row{display:flex;align-items:flex-end;gap:10px;min-width:0;transform-origin:left bottom}
#mentor .mentor-message-row-you{flex-direction:row-reverse;transform-origin:right bottom}
#mentor .mentor-avatar{position:relative;display:block;flex:0 0 42px;width:42px;height:42px;border-radius:50%;overflow:hidden;background:#2a3e54;box-shadow:inset 0 0 0 1px #526b83}
#mentor .mentor-avatar-curator{background:#314536;box-shadow:inset 0 0 0 1px #526a58}
#mentor .mentor-avatar img{position:absolute;display:block;max-width:none;height:auto;image-rendering:pixelated}
#mentor .mentor-avatar-you img{width:155%;left:-33%;top:-14%}
#mentor .mentor-avatar-curator img{width:190%;left:-20%;top:-27%}
#mentor .mentor-message{max-width:calc(100% - 52px);padding:12px 16px;border-radius:14px;font-family:var(--heading);font-size:1rem;line-height:1.45;color:#e6eff5;min-width:0;overflow-wrap:anywhere;box-shadow:inset 0 0 0 1px #54758a26}
#mentor .mentor-message-you{background:#263f50;justify-self:end;border-bottom-right-radius:4px}
#mentor .mentor-message-curator{background:#1c2d3a;justify-self:start;border-bottom-left-radius:4px}
#mentor .mentor-message-author{display:block;font-family:var(--body);font-size:.875rem;line-height:1.2;color:#9ab4c7}
#mentor .mentor-message-curator .mentor-message-author{color:var(--lime)}
#mentor .mentor-message p{font:inherit;line-height:inherit;margin:5px 0 0;max-width:none;color:inherit}
#mentor .mentor-message-file{display:flex;align-items:center;gap:8px;border:0;margin-top:9px;padding:4px 8px;border-radius:6px;background:#385b7459;box-shadow:inset 0 0 0 1px #53788f59;font-family:var(--body);font-size:.875rem;line-height:1.2;color:#c1e4ff}
#mentor .mentor-message-file::before{content:'';display:block;flex:0 0 16px;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 3H5v18h14V8l-5-5Z M14 3v6h5 M8 13v4m4-6v8m4-6v4' stroke='%23c1e4ff' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#mentor .mentor-message-plan{margin:10px 0 0;padding:0;font-size:1rem;line-height:1.45;list-style:none;counter-reset:mentor-plan}
#mentor .mentor-message-plan li{display:grid;grid-template-columns:1.4em minmax(0,1fr);column-gap:.35em;align-items:start;counter-increment:mentor-plan}
#mentor .mentor-message-plan li+li{margin-top:8px}
#mentor .mentor-message-plan li::before{content:counter(mentor-plan) ".";color:var(--lime);font-variant-numeric:tabular-nums;text-align:left}
#mentor .mentor-outcome{font-family:var(--heading);font-size:.875rem;line-height:1.4;color:#9ab4c7;margin:14px 0 0}
#mentor .mentor-scroll-progress{display:none;height:2px;margin-top:16px;background:#293b49;border:0;border-radius:2px;overflow:hidden}
#mentor .mentor-scroll-progress span{display:block;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left center}
#mentor .mentor-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #344450;margin-top:24px;padding-top:18px}
#mentor .mentor-terms{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(220px,1.2fr);gap:24px;min-width:0}
#mentor .mentor-terms p{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:start;margin:0;font-family:var(--heading);font-size:1rem;line-height:1.4}
#mentor .mentor-term-icon{grid-column:1;grid-row:1/3;width:36px;height:36px;margin-top:2px;color:var(--lime);flex:none}
#mentor .mentor-terms strong,#mentor .mentor-terms p>span{grid-column:2}
#mentor .mentor-terms strong{display:block;font-weight:500;color:var(--text)}
#mentor .mentor-terms p>span{display:block;font-size:.875rem;margin-top:4px;color:var(--studio-muted)}
#mentor .mentor-join{display:flex;align-items:center;gap:10px;flex:none}
#mentor .mentor-join>img{display:block;width:60px;height:60px;object-fit:contain;image-rendering:pixelated}
#mentor .mentor-join>.button{font-size:.875rem;line-height:1.4;min-height:48px;padding:12px 20px;gap:18px}
/* Scenes share one measured grid cell: switching never changes the block height. */
#mentor.mentor-interactive .mentor-actions{display:grid}
#mentor.mentor-interactive .mentor-examples{grid-column:auto;padding:20px;border:1px solid #334550;border-radius:16px;background:#111c25;box-shadow:0 20px 60px #0003}
#mentor.mentor-interactive .mentor-scenes{gap:0}
#mentor.mentor-interactive .mentor-scene{grid-area:1/1;align-self:start;opacity:0;visibility:hidden;pointer-events:none}
#mentor.mentor-interactive .mentor-scene:first-child{opacity:1;visibility:visible}
#mentor.mentor-interactive .mentor-flow-heading{display:none}
#mentor.mentor-pinned{height:calc(var(--mentor-panel-height) + var(--mentor-runway))}
#mentor.mentor-pinned .mentor-pin{position:sticky;top:var(--mentor-pin-top)}
#mentor.mentor-pinned .mentor-scroll-progress{display:block}
@media(min-width:901px) and (max-height:800px){
 #mentor{--mentor-inset:20px}
 #mentor h2{margin-bottom:18px}
 #mentor .mentor-action{padding:12px 14px}
 #mentor .mentor-action-description{margin-top:5px}
 #mentor .mentor-example-heading{margin-bottom:12px}
 #mentor .mentor-message{padding:10px 14px}
 #mentor .mentor-message-file{margin-top:7px;padding-block:3px}
 #mentor .mentor-footer{margin-top:18px;padding-top:14px}
}
@media(min-width:901px) and (max-width:1150px){
 #mentor .mentor-workflow{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px}
 #mentor .mentor-footer{gap:16px}
 #mentor .mentor-terms{gap:18px;grid-template-columns:minmax(150px,.8fr) minmax(180px,1.2fr)}
 #mentor .mentor-join>img{display:none}
}
@media(max-width:900px){
 #mentor .mentor-workflow{display:block}
 #mentor .mentor-example-heading{margin:0 0 20px}
 #mentor .mentor-scenes{gap:28px}
 #mentor .mentor-scene{padding:20px;border:1px solid #334550;border-radius:12px;background:#111c25}
 #mentor.mentor-interactive .mentor-examples{box-shadow:none}
 #mentor .mentor-scene:not(:first-child){scroll-margin-top:100px}
 #mentor .mentor-footer{display:grid;gap:20px}
 #mentor .mentor-join{justify-content:flex-start}
}
@media(max-width:540px){
 #mentor .section-kicker{gap:8px}
 #mentor .section-kicker .eyebrow,#mentor .access-badge{font-size:.75rem;padding:0}
 #mentor h2{margin-bottom:22px}
 #mentor .mentor-scene{padding:16px}
#mentor .mentor-message-row{gap:8px}
#mentor .mentor-avatar{flex-basis:34px;width:34px;height:34px}
#mentor .mentor-message{max-width:calc(100% - 42px);padding:12px}
 #mentor .mentor-terms{grid-template-columns:1fr;gap:14px}
 #mentor .mentor-join{gap:8px}
 #mentor .mentor-join>img{width:40px;height:40px}
 #mentor .mentor-join>.button{padding:12px 15px;gap:12px}
}
@media(prefers-reduced-motion:reduce){#mentor .mentor-action{transition:none}}
@media print{
 #mentor.mentor-pinned{height:auto!important}
 #mentor .mentor-pin{position:static!important}
 #mentor .mentor-actions,#mentor .mentor-scroll-progress{display:none!important}
 #mentor .mentor-workflow{display:block}
 #mentor .mentor-scene{grid-area:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;break-inside:avoid;margin-top:20px}
 #mentor .mentor-flow-heading{display:block!important}
 #mentor .mentor-message-row,#mentor .mentor-outcome{opacity:1!important;visibility:visible!important;transform:none!important}
}