/* Website "spice" for the Tuition Help (CCS) page. Injected by scripts/sync-ccs.mjs
   after the page's own styles. Sections are numbered by data-sp (see sync-ccs). */
body{background:#FFF4E2}
body > section, header.hero{border-top:0!important;border-bottom:0!important}
[data-sp]{position:relative;overflow:hidden}
[data-sp]:not([data-sp="1"])::before{content:"";position:absolute;top:-1px;left:0;right:0;height:clamp(32px,4.5vw,60px);background-size:100% 100%;pointer-events:none;z-index:0}
[data-sp]:not([data-sp="1"]){padding-top:calc(clamp(32px,4.5vw,60px) + clamp(48px,6vw,78px))!important}
[data-sp] > .wrap{position:relative;z-index:1}
[data-sp] h2{font-weight:700}

[data-sp="1"]{background:#FFC94A!important}
[data-sp="2"]{background:#DFF1FB!important}
[data-sp="2"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFC94A%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}
[data-sp="3"]{background:#FFF4E2!important}
[data-sp="3"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23DFF1FB%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}
[data-sp="4"]{background:#FFEBC2!important}
[data-sp="4"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFF4E2%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}
[data-sp="5"]{background:#6B2F94!important}
[data-sp="5"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFEBC2%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}
[data-sp="6"]{background:#FFF4E2!important}
[data-sp="6"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%236B2F94%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}
[data-sp="7"]{background:#E6F3DA!important}
[data-sp="7"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFF4E2%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}
[data-sp="8"]{background:#FFF4E2!important}
[data-sp="8"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23E6F3DA%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}
[data-sp="9"]{background:#6B2F94!important}
[data-sp="9"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFF4E2%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}
[data-sp="10"]{background:#FFEBC2!important}
[data-sp="10"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%236B2F94%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}
[data-sp="11"]{background:#FFF4E2!important}
[data-sp="11"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFEBC2%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}
[data-sp="12"]{background:#DFF1FB!important}
[data-sp="12"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFF4E2%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}
[data-sp="13"]{background:#5FA02B!important}
[data-sp="13"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23DFF1FB%22%20d%3D%22M0%200h1440v22c-170%2030-360%2038-560%2024S350%2012%20200%2024%2050%2046%200%2042z%22/%3E%3C/svg%3E")}

/* fast path band: soft top and bottom edges */
[data-sp="1"]{box-shadow:none;border-radius:0}
/* purple "How CCS works" band */
[data-sp="5"] .st,[data-sp="5"] h2{color:#fff!important}
[data-sp="5"] .ss{color:#F3EAFA!important}
[data-sp="5"] .kick{color:var(--sun)!important}

/* colorful, slightly tilted step cards (How CCS works, How long does it take) */
.steps4 .stp{transition:transform .2s, box-shadow .2s}
.steps4 .stp:nth-child(5n+1){background:#FFE7A3!important;transform:rotate(-1.5deg)}
.steps4 .stp:nth-child(5n+2){background:#D6EEFA!important;transform:rotate(1.2deg)}
.steps4 .stp:nth-child(5n+3){background:#FFD9CF!important;transform:rotate(-1deg)}
.steps4 .stp:nth-child(5n+4){background:#DDEFCB!important;transform:rotate(1.5deg)}
.steps4 .stp:nth-child(5n+5){background:#EBDDF6!important;transform:rotate(-1.2deg)}
.steps4 .stp:hover{transform:rotate(0) translateY(-4px)}
.steps4 .stp .num{background:var(--sun)!important;color:var(--ink)!important;border:3px solid var(--ink)!important}

/* the "two ways" cards get a little lift and tilt */
.twoup > *:nth-child(1){transform:rotate(-1deg)}
.twoup > *:nth-child(2){transform:rotate(1deg)}

/* checklists: playful alternating tilt */
.checklist > *:nth-child(odd){transform:rotate(-.6deg)}
.checklist > *:nth-child(even){transform:rotate(.6deg)}

/* hero decoration */
header.hero{position:relative;overflow:hidden}
header.hero > .wrap{position:relative;z-index:1}
.sp-cloud{position:absolute;z-index:0;pointer-events:none;opacity:.95}
.sp-cloud path{fill:#fff}
.sp-c1{top:18px;left:-40px;width:170px;animation:spDrift 42s linear infinite}
.sp-c2{bottom:40px;left:-60px;width:120px;animation:spDrift 55s linear infinite;animation-delay:-25s}
.sp-sun{position:absolute;z-index:0;right:3%;top:10px;width:92px;pointer-events:none;animation:spFloat 7s ease-in-out infinite}
.sp-tri{position:absolute;z-index:0;left:44%;bottom:30px;width:60px;transform:rotate(14deg);pointer-events:none;animation:spFloat 9s ease-in-out infinite}
@keyframes spDrift{from{translate:-10vw 0}to{translate:110vw 0}}
@keyframes spFloat{50%{translate:0 -10px}}
.sp-mm{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.sp-mm img{width:62px;height:62px;border-radius:50%;border:3px solid var(--ink);background:var(--sun);object-fit:cover;object-position:top;box-shadow:var(--pop-sm);flex:none}
.sp-mm p{margin:0;background:#fff;border:3px solid var(--ink);border-radius:16px 16px 16px 4px;padding:7px 12px;font-size:14.5px;line-height:1.3;box-shadow:var(--pop-sm)}

/* side snapshots that fill the empty margins next to narrow checklists (wide screens only) */
.sp-snap{display:none}
@media (min-width:1300px){
  .sp-snap{display:block;position:absolute;z-index:1;width:190px;box-sizing:border-box;background:#fff;border:3px solid var(--ink);border-radius:16px;padding:8px 8px 10px;box-shadow:var(--pop)}
  .sp-snap img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
  .sp-snap span{display:block;text-align:center;font-family:var(--script);font-weight:700;font-size:20px;margin-top:4px}
  .sp-l{left:calc(50% - 610px);top:50%;transform:translateY(-50%) rotate(-4deg)}
  .sp-r{right:calc(50% - 610px);top:50%;transform:translateY(-35%) rotate(3.5deg)}
}
/* photo pair tucked by the tour image */
.sp-duo{position:relative}
.sp-duo .sp-pol{position:absolute;width:38%;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:6px 6px 8px;box-shadow:var(--pop-sm)}
.sp-duo .sp-pol img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}
.sp-duo .sp-p1{left:-10%;bottom:-6%;transform:rotate(-6deg)}
.sp-duo .sp-p2{right:-6%;top:-5%;transform:rotate(5deg)}
@media (max-width:760px){ .sp-duo .sp-p1{left:-2%} .sp-duo .sp-p2{right:-2%} }

@media (prefers-reduced-motion:reduce){ .sp-c1,.sp-c2,.sp-sun,.sp-tri{animation:none} }

/* ---- evenness pass ---- */
/* no hard ink lines: hero strip, fast path band, closing band */
.hero::after{display:none!important}
.fastpath,.end{border-top:0!important;border-bottom:0!important}
/* fast path: soft rounded pill band instead of a hard stripe */
[data-sp="1"]{background:transparent!important;padding:10px 0 18px!important}
[data-sp="1"] > .wrap{background:var(--sun);border:3px solid var(--ink);border-radius:999px;box-shadow:var(--pop);padding:16px 26px;max-width:1080px}
@media (max-width:760px){ [data-sp="1"] > .wrap{border-radius:26px;margin:0 16px;padding:16px} }
[data-sp="2"]::before{display:none}
[data-sp="2"]{padding-top:clamp(48px,6vw,78px)!important}

/* equal-height cards everywhere */
.steps4{align-items:stretch}
.steps4 .stp{display:flex;flex-direction:column;height:100%}
.twoup{align-items:stretch}
/* "How long does it take": 5 cards in an even 3 + 2 layout, centered */
@media (min-width:900px){
  #howlong .steps4{grid-template-columns:repeat(6,1fr)}
  #howlong .steps4 .stp{grid-column:span 2}
  #howlong .steps4 .stp:nth-child(4){grid-column:2 / span 2}
  #howlong .steps4 .stp:nth-child(5){grid-column:4 / span 2}
}
.steps4 .stp p{font-size:15px}

/* tour photo: a tidy 4:5 card, not a tall strip */
.sp-duo{max-width:420px;margin:0 auto}
.sp-duo > img{aspect-ratio:4/5;height:auto;object-fit:cover}

/* closing band: everything centered */
.end .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
.end .heroCta{margin-left:auto;margin-right:auto}

/* FAQ: tighter so the list does not run long */
.faqs details{margin-bottom:10px}
.faqs summary{padding-top:12px!important;padding-bottom:12px!important}