/* Chosen direction: C, with pencil yellow, sky blue, and soft coral. */
:root{--yellow:#edce4a;--sky:#adcfea;--coral:#e9a08b;--sky-soft:#e6eff5;--yellow-soft:#f3ecd2}
body[data-palette="yellow-sky"]{--accent:var(--yellow);--accent-ink:var(--ink);--soft:var(--yellow-soft);--secondary:var(--sky)}
::selection{background:var(--sky);color:var(--ink)}
a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}
.hero-c h1 span{position:relative;isolation:isolate}
.circle-link>svg{fill:var(--yellow);stroke:var(--ink);stroke-width:1.3}
.circle-link:hover>svg{fill:var(--sky)}
.wandering-person:before{content:'';position:absolute;width:185px;height:180px;left:-9px;top:16px;background:var(--sky);border-radius:48% 44% 53% 43%;transform:rotate(12deg)}
.wandering-person.two:before{background:var(--coral);border-radius:45% 52% 47% 49%;transform:rotate(-9deg)}
.wandering-person .canon-art,.wandering-person .hand{position:relative}
.direction-c .movement:nth-child(n) .movement-art:before{background:var(--yellow);border:none;opacity:1}
.direction-c .movement:nth-child(3n+2) .movement-art:before{background:var(--sky)}
.direction-c .movement:nth-child(3n) .movement-art:before{background:var(--coral)}
#movement-image.circle-figure{background:radial-gradient(ellipse at center,var(--figure-color,var(--yellow)) 0 60%,transparent 61%)}
#movement-image[src$="wrists.png"],#movement-image[src$="shoulders.png"],#movement-image[src$="full-body.png"]{--figure-color:var(--sky)}
#movement-image[src$="ankles.png"],#movement-image[src$="knees.png"]{--figure-color:var(--coral)}
.direction-c .principles{background:var(--yellow-soft)}
.direction-c .circle-notes{background:var(--sky-soft);border:0;border-radius:0 0 43% 32% / 0 0 3% 2%}
.circle-notes .text-link{min-height:44px}
.ink-button{background:var(--yellow);border-color:var(--ink);color:var(--ink)}
.ink-button:hover{background:var(--sky);border-color:var(--ink);color:var(--ink)}
.reflection-progress button{min-height:65px}
.reflection-progress button[aria-current="step"]{background:var(--sky-soft);padding-left:10px;border-bottom-color:var(--ink)}
.reflection-page .reflection-step h1{font-family:var(--hand);font-size:clamp(46px,6vw,76px);line-height:1.04;letter-spacing:-.035em}
.reflection-page .note-field label{font-family:var(--hand);font-size:28px;line-height:1.2}
.reflection-page .note-field textarea:focus{outline-color:var(--ink);background:var(--sky-soft)}
.reflection-page #circle-record .record-item h2{font-family:var(--hand);font-size:25px}
@media(max-width:900px){.wandering-person:before{width:150px;height:146px;top:18px;left:-7px}}
@media(max-width:600px){.wandering-person:before{width:110px;height:107px;top:12px;left:-6px}.reflection-page .reflection-step h1{font-size:clamp(34px,10.3vw,43px)}.reflection-page .note-field label{font-size:25px}.reflection-progress button[aria-current="step"]{padding-left:6px}.circle-link{min-height:44px}}