/* Three perspectives, one shared direction. Labels travel with their circles. */
#ideas figure.abc-scroll-venn {width:100%;max-width:1000px;aspect-ratio:auto;height:auto;min-height:0;margin:24px auto 72px;}
.abc-scroll-venn__canvas {display:block;width:100%;height:auto;overflow:visible;}
.abc-scroll-ring {fill:none;stroke:rgba(243,239,230,.8);stroke-width:.8;vector-effect:non-scaling-stroke;}
.abc-scroll-label {fill:var(--hero-cream);font:400 22px var(--font-display);}
.abc-scroll-idea {color:var(--hero-orange);font:400 clamp(18px,2vw,24px)/1.4 var(--font-body);text-align:center;margin:12px 0 0;}
#ideas .notebook-panel__abc-section {margin-top:48px;padding-bottom:0;}
#ideas .abc-breakdown > div {border:1px dashed rgba(243,239,230,.34);background:#10100f;padding:clamp(22px,2.2vw,34px);}
#ideas .abc-breakdown__corner {display:block;}
#ideas .abc-breakdown dt {font-family:var(--font-body);font-size:22px;font-weight:500;font-variation-settings:normal;letter-spacing:0;background:none;}
@media(max-width:600px){
 #ideas figure.abc-scroll-venn{margin:24px auto 64px;}
 #ideas .abc-breakdown > div{padding:20px;}
 .abc-scroll-label{font-size:22px;}
}

#ideas .abc-breakdown dt, #ideas .abc-breakdown strong, #ideas .abc-breakdown dd p {font-family:var(--font-display);font-style:normal;}
#ideas .abc-breakdown dd p {font-weight:400;font-variation-settings:"wght" 400;}
.abc-scroll-idea {font-family:var(--font-handwriting);font-size:clamp(24px,3vw,36px);transform-origin:center;}
.abc-reward-pointer{stroke-linecap:round;}

.abc-travel-label {position:fixed;z-index:90;pointer-events:none;white-space:nowrap;color:var(--hero-cream);font-family:var(--font-display);font-weight:400;line-height:1;transform:translate(-50%,-50%);}

.abc-bulb-glass{fill:#ee6422;stroke:#ee6422;stroke-width:1.4;stroke-linejoin:round;}
.abc-bulb-detail{fill:none;stroke:var(--hero-cream);stroke-width:1.2;stroke-linecap:round;}
.abc-bulb-rays{fill:none;stroke:#ee6422;stroke-width:1.2;stroke-linecap:round;}

/* Resolved state is also the reduced-motion fallback. */
.abc-scroll-label{opacity:0;}
.abc-scroll-ring ~ .abc-scroll-ring{opacity:0;}

.abc-bulb-glass{vector-effect:non-scaling-stroke;stroke-width:.8;}
.abc-scroll-venn__canvas .abc-scroll-idea{fill:var(--hero-cream);font-family:var(--font-display);font-size:26px;font-weight:700;font-variation-settings:"wght" 700;}
@media(prefers-reduced-motion:reduce){.abc-scroll-ring{opacity:0;}}

/* Reading travel for the centered transformation; not a visible gap above it. */
@media(prefers-reduced-motion:no-preference){
 #ideas figure.abc-scroll-venn{padding-bottom:75svh;}
}