html.pal-colorful{--f-p1:var(--f-a);--f-p2:var(--f-b);--f-p3:var(--f-c3);--f-p4:var(--f-c4);--f-p5:var(--f-c5);--f-tone:var(--f-p1)}.pal-colorful main>.sec:nth-of-type(5n+2),.pal-colorful :is(.feat,.card,.tile,.stat,.step,.dl-item,.snav__item--t2):nth-child(5n+2){--f-tone:var(--f-p2)}.pal-colorful main>.sec:nth-of-type(5n+3),.pal-colorful :is(.feat,.card,.tile,.stat,.step,.dl-item,.snav__item--t3):nth-child(5n+3){--f-tone:var(--f-p3)}.pal-colorful main>.sec:nth-of-type(5n+4),.pal-colorful :is(.feat,.card,.tile,.stat,.step,.dl-item,.snav__item--t4):nth-child(5n+4){--f-tone:var(--f-p4)}.pal-colorful main>.sec:nth-of-type(5n+5),.pal-colorful :is(.feat,.card,.tile,.stat,.step,.dl-item,.snav__item--t5):nth-child(5n+5){--f-tone:var(--f-p5)}.pal-colorful main>.sec:nth-of-type(5n+1),.pal-colorful :is(.feat,.card,.tile,.stat,.step,.dl-item):nth-child(5n+1),.pal-colorful .snav__item--t1{--f-tone:var(--f-p1)}.pal-colorful .dl-tone-1{--f-tone:var(--f-p1)}.pal-colorful .dl-tone-2{--f-tone:var(--f-p2)}.pal-colorful .dl-tone-3{--f-tone:var(--f-p3)}.pal-colorful .dl-tone-4{--f-tone:var(--f-p4)}.pal-colorful .dl-tone-5{--f-tone:var(--f-p5)}.pal-colorful :is(main>.sec,.feat,.card,.tile,.stat,.step,.dl-item,.dl-chip,.dl-fchip,.snav__item){--f-tone-soft:color-mix(in srgb,var(--f-tone) 14%,var(--f-bg));--f-a-soft:var(--f-tone-soft)}.pal-colorful main>.sec.bg-tint{--f-sec-bg:var(--f-tone-soft)}.pal-colorful .eyebrow:before{background:var(--f-tone)}.pal-colorful.eb-dot .eyebrow:before{box-shadow:0 0 0 .22em var(--f-tone-soft,var(--f-a-soft))}.pal-colorful.eb-pill .eyebrow{background:color-mix(in srgb,var(--f-tone,var(--f-a)) 20%,var(--f-tone-soft,var(--f-a-soft)))}.pal-colorful :is(.bg-accent,.bg-dark,.bg-secondary,.on-media) .eyebrow:before{background:currentColor}.pal-colorful .feat{--f-ico:var(--f-tone);--f-ico-bg:var(--f-tone-soft)}.pal-colorful :is(.card,.dl--cards .dl-item,.dl--directory .dl-item,.dl--list .dl-item):not(.bg-accent,.bg-dark,.on-media,.tile--highlight){border-top:4px solid var(--f-tone)}.pal-colorful .dl-chip{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--f-tone) 40%,var(--f-bg))}.pal-colorful .feats--numbered .feat{border-top-color:var(--f-tone)}.pal-colorful .feat__num,.pal-colorful .stats--row .stat__value,.pal-colorful .steps--numbers .step__num{color:var(--f-tone)}.pal-colorful .stats--row .stat{border-top-color:var(--f-tone)}.pal-colorful .stats--split .stat{border-left-color:var(--f-tone)}.pal-colorful .step__num{background:var(--f-tone-soft);color:var(--f-ink);box-shadow:inset 0 0 0 2px var(--f-tone)}.pal-colorful .steps--numbers .step__num{background:none;box-shadow:none}.pal-colorful .tile--tint{background:var(--f-tone-soft)}.pal-colorful .tile--card .ico,.pal-colorful .tile--tint .ico,.pal-colorful .quote__mark{color:var(--f-tone)}.pal-colorful .prose ul:not(.check)>li:nth-child(5n+1)::marker{color:var(--f-p1)}.pal-colorful .prose ul:not(.check)>li:nth-child(5n+2)::marker{color:var(--f-p2)}.pal-colorful .prose ul:not(.check)>li:nth-child(5n+3)::marker{color:var(--f-p3)}.pal-colorful .prose ul:not(.check)>li:nth-child(5n+4)::marker{color:var(--f-p4)}.pal-colorful .prose ul:not(.check)>li:nth-child(5n+5)::marker{color:var(--f-p5)}.pal-colorful .checks li:nth-child(5n+2) .checks__ico{color:var(--f-p2)}.pal-colorful .checks li:nth-child(5n+3) .checks__ico{color:var(--f-p3)}.pal-colorful .checks li:nth-child(5n+4) .checks__ico{color:var(--f-p4)}.pal-colorful .checks li:nth-child(5n+5) .checks__ico{color:var(--f-p5)}.pal-colorful .ftr,.pal-colorful .hdr--sidebar{--f-band:linear-gradient(90deg,var(--f-p1) 0 20%,var(--f-p2) 20% 40%,var(--f-p3) 40% 60%,var(--f-p4) 60% 80%,var(--f-p5) 80%)}.pal-colorful .ftr{border-top:0;background-image:var(--f-band);background-size:100% 5px;background-repeat:no-repeat}.pal-colorful .hdr--sidebar .side__in{background:var(--f-band) top/100% 5px no-repeat}@container fpage (min-width:62rem){.pal-colorful .hdr--sidebar .side__in{background:none}.pal-colorful .hdr--sidebar{background:var(--f-band) top/100% 5px no-repeat,var(--f-hdr-bg)}}.pal-colorful .snav__list--1>.snav__item>.snav__link:before,.pal-colorful .snav__list--1>.snav__item>.snav__row>.snav__link:before{content:"";flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--f-tone)}.pal-colorful .snav__item .snav__list{border-inline-start-color:color-mix(in srgb,var(--f-tone) 45%,var(--f-bg))}.pal-colorful:is(.hbg-accent,.hbg-secondary,.hbg-dark) .snav__link:before{box-shadow:0 0 0 2px var(--f-fg)}@media(forced-colors:active){.pal-colorful .snav__link:before{forced-color-adjust:none}}.pal-colorful .side-banner{--f-band:linear-gradient(90deg,var(--f-p1) 0 20%,var(--f-p2) 20% 40%,var(--f-p3) 40% 60%,var(--f-p4) 60% 80%,var(--f-p5) 80%);border-bottom:0}.pal-colorful .side-banner:after{content:"";position:absolute;inset:auto 0 0;z-index:1;height:5px;background:var(--f-band)}
