a[data-astro-cid-4pvwpt74]:hover{text-decoration:none}.small-label[data-astro-cid-4pvwpt74]{font-family:var(--font-mona);gap:var(--space-4) var(--space-5);--min-font:18;--max-font:22;--screen-max:1200;--screen-min:375;font-size:.8em;font-weight:600;font-size:clamp(var(--min-font) * 1px, var(--responsive), var(--max-font) * 1px);flex-wrap:wrap-reverse;justify-content:space-between;align-self:start;align-items:last baseline;margin-block:calc(.5cap - .5lh);line-height:1.3;transition:transform .3s;display:flex;& a:any-link{font-variation-settings:"wdth" var(--font-stretch,100);color:var(--gray-1000);grid-template-columns:0 1fr;align-items:center;gap:.1em;margin-inline-start:-.2em;text-decoration:none;transition:translate .2s cubic-bezier(.645,.045,.355,1),font-variation-settings .5s cubic-bezier(.215,.61,.355,1);display:grid;position:relative;&:hover{translate:calc(var(--space-5) + .2em) 0}& svg{color:var(--gray-600);opacity:0;justify-self:flex-end;block-size:.9em;inline-size:.9em;transition:opacity .2s cubic-bezier(.645,.045,.355,1),translate .2s cubic-bezier(.645,.045,.355,1);translate:-.4em;& g{stroke-width:2.5px}}&:hover svg{opacity:1;translate:none}}& span{color:var(--gray-500);font-variation-settings:"wdth" 125;align-self:center;font-size:.55em;font-weight:600}}.small-label[data-astro-cid-4pvwpt74]:before{content:none;background:var(--ui-accent);background:currentColor;block-size:2px;inline-size:1.5rem}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry 0% entry 100%){@property --title{syntax:"<percentage>";inherits:true;initial-value:-50%}.small-label[data-astro-cid-4pvwpt74] a[data-astro-cid-4pvwpt74]{background:linear-gradient(-220deg, currentColor var(--title), transparent calc(var(--title) + 50%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation-name:r;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover contain 50%}@keyframes r{to{--title:100%}}}}@layer components{button[data-astro-cid-6eayfchz]{border-radius:var(--bdrs-round)}button[data-astro-cid-6eayfchz]:not([disabled]){background:var(--ui-surface);padding:0;transition:all;overflow:clip;&:hover{background:oklch(from var(--ui-primary) .98 .01 h);box-shadow:0 0 0 1px var(--ui-primary-border)}}button[data-astro-cid-6eayfchz]:not([disabled]):active{scale:.97}[data-astro-cid-6eayfchz][disabled]:is(.plus,.minus){opacity:.3;cursor:not-allowed}[data-astro-cid-6eayfchz]:is(.plus,.minus){box-shadow:var(--shadow-ui);padding:0}.controls[data-astro-cid-5r7vgszp]{gap:0 var(--space-6);grid:auto/repeat(auto-fit,minmax(min(400px,100%),1fr));grid-column:1/-1;align-self:end;justify-items:end;display:grid;&:after{content:""}& button{color:var(--gray-1000)}&>div[data-astro-cid-5r7vgszp]{align-items:center;gap:var(--space-2);box-shadow:var(--shadow-ui);border-radius:var(--bdrs-round);background:#f6f7f8;grid-column:-2;padding:.25rem;display:flex;&>[data-astro-cid-5r7vgszp]:where(span[role=presentation]){font-family:var(--font-mono);background-color:var(--ui-primary);box-shadow:0 0 0 1px var(--ui-primary-border);border-radius:2px;padding:.2rem 1rem}}}@media (hover:hover){span[data-astro-cid-5r7vgszp][role=presentation]{:not([disabled]):hover+&{filter:grayscale();box-shadow:none;outline:1.5px dashed var(--gray-500);background:0 0;transition-property:background,box-shadow;&:before{opacity:0}}}span[data-astro-cid-5r7vgszp][role=presentation]:has(+:not([disabled]):hover){translate:0 100%;&:before{translate:0 -200%}}span[data-astro-cid-5r7vgszp][role=presentation]{z-index:1;transition:translate .25s,scale .25s;position:relative;translate:none}span[data-astro-cid-5r7vgszp][role=presentation]:before{content:"";background:inherit;border-radius:inherit;width:100%;height:100%;translate:inherit;box-shadow:inherit;transform-origin:50% 0;z-index:-1;filter:grayscale();transition:inherit;position:absolute;top:0;left:0}}[data-no-hints]{text-transform:uppercase;font-family:var(--font-mona);color:var(--gray-900);padding:.45rem var(--space-4) var(--space-1);border-radius:var(--bdrs-md);border:2px solid var(--gray-500);letter-spacing:.05em;width:max-content;font-size:.7em;font-weight:600}details[data-astro-cid-yedn67y7]{filter:drop-shadow(0 0 1px #3341551a)drop-shadow(0 0 1px #3341551a)drop-shadow(0 5px 10px #3341551a);display:inline-grid}details[data-astro-cid-yedn67y7][open] summary[data-astro-cid-yedn67y7]{border-radius:var(--bdrs-l) var(--bdrs-l) 0 0}details[data-astro-cid-yedn67y7] svg[data-astro-cid-yedn67y7]{transition:1.5s linear(0, .218 2.1%, .862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, .941 24%, .891 25.9%, .877, .869 27.8%, .87, .882 30.7%, .907 32.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, .996 53.3%, .988, .984 57.5%, .985 60.7%, 1.001 68.1%, 1.006 72.2%, .998 86.7%, 1) rotate}details[data-astro-cid-yedn67y7][open] svg[data-astro-cid-yedn67y7]{rotate:-180deg}[data-astro-cid-yedn67y7][data-icon=chevron-down]{stroke-width:3px}summary[data-astro-cid-yedn67y7]{padding:var(--space-3);border-radius:var(--bdrs-l);color:var(--text-primary);text-transform:uppercase;font-variation-settings:"wdth" 120;inline-size:max-content;font-family:var(--font-mona);cursor:pointer;user-select:none;touch-action:manipulation;letter-spacing:.05em;text-decoration:underline .25em oklch(from var(--ui-primary) l c h);text-underline-offset:.125em;text-decoration-skip-ink:none;background:var(--ui-surface);gap:.3ch;font-size:.7em;font-weight:700;display:flex}[data-astro-cid-yedn67y7][data-icon]{& path{stroke-width:3px}}summary[data-astro-cid-yedn67y7]::-webkit-details-marker{display:none}.controls[data-astro-cid-fkk6wlbm]{gap:0 var(--space-6);grid:auto/repeat(auto-fit,minmax(min(400px,100%),1fr));grid-column:1/-1;align-self:end;justify-items:end;display:grid;&:after{content:""}&>label[data-astro-cid-fkk6wlbm]{align-items:center;gap:var(--space-1);box-shadow:var(--shadow-ui);border-radius:var(--bdrs-round);font-size:.8em;line-height:1;font-family:var(--font-mono);text-transform:uppercase;grid-column:-2;padding:.25rem .5rem;font-weight:500;display:flex;& input{width:.9lh;height:.9lh;accent-color:var(--ui-primary-border);margin:0}}}}.hints[data-astro-cid-tjnamxu6]{padding:var(--space-1) var(--space-4);border-radius:var(--bdrs-md);padding:2.5px;padding:calc(var(--space-3) + 3px) calc(var(--space-3) + 5px);border-radius:var(--bdrs-l);background:var(--ui-surface);flex-wrap:wrap;margin-block-start:-.4rem;display:flex;overflow:hidden;&~.hints[data-astro-cid-tjnamxu6]{margin-block-start:-.85rem}}[data-astro-cid-tjnamxu6][data-type=property]{--type-color:#fff}[data-astro-cid-tjnamxu6][data-type=value]{--type-color:#ffd493}li[data-astro-cid-tjnamxu6][data-type]{white-space:break-spaces;background:linear-gradient(90deg, var(--blue-700), transparent), var(--blue-800);padding:var(--space-3) var(--space-4);border-radius:var(--bdrs-md);align-items:center;margin:-3px -5px;display:flex}li[data-astro-cid-tjnamxu6][data-type]+li[data-astro-cid-tjnamxu6][data-type]{padding-inline-end:calc(var(--space-4) + 3px)}code[data-astro-cid-tjnamxu6]{padding-inline:var(--space-2);color:var(--type-color);border-radius:var(--bdrs-md);cursor:pointer;padding-block:0;font-size:.9em;display:inline-block;&:hover{color:var(--ui-accent);text-shadow:0 0 6px hsl(from var(--ui-accent) h s l / 50%)}}@supports (height:calc-size(auto, size)){details[data-astro-cid-yedn67y7]{& .hints:first-of-type{margin-top:0}&::details-content{height:0;margin-top:-.4rem;transition:height .25s,content-visibility .25s;overflow:clip}&[open]::details-content{height:calc-size(auto, size)}}}play-button[data-astro-cid-ped3ba6a]{display:contents}@keyframes pulse{60%{scale:1.05}}.play-button[data-astro-cid-ped3ba6a]{margin:var(--space-2);padding:var(--space-3);background:oklch(from var(--ui-primary) .95 .035 h);cursor:pointer;color:oklch(from var(--ui-primary) .5 .2 h);box-shadow:none;border:none;border:2px solid oklch(from var(--ui-primary) .6 .1 h);animation-composition:accumulate;border-radius:999px;place-self:end start;animation:1.5s infinite paused pulse;display:grid;position:absolute;inset-block-end:var(--space-2);inset-inline-start:var(--space-2);&:active{scale:.98}& svg{width:12px;height:12px;display:block}& .icon-pause{display:none}&[data-playing=true]{.video-wrapper[data-astro-cid-ped3ba6a]:not(:hover) &{opacity:0;transition-delay:.3s}& .icon-play{display:none}& .icon-pause{display:block}}&[data-playing=false]{animation-play-state:running}}picture{padding-inline:calc(var(--space-1) / 2)}img[data-astro-cid-2ey34ev5]{background:var(--surface-tertiary)}.video-wrapper[data-astro-cid-2ey34ev5]{cursor:pointer;position:relative}.exercise-details[data-astro-cid-57yb364v]{& picture{align-self:start;position:relative;&:before,&:after{--offset:1rlh;content:"";pointer-events:none;border:1px dashed var(--gray-300);position:absolute;inset:0 1px}&:before{margin-block:calc(-1 * var(--offset));mask:linear-gradient(#0000, #000 var(--offset) calc(100% - var(--offset)), #0000);border-inline-width:1px}&:after{margin-inline:calc(-1 * var(--offset));mask:linear-gradient(90deg, #0000, #000 var(--offset) calc(100% - var(--offset)), #0000);border-block-width:1px}&+&:after{border-block-start-width:0}&:has(+&):after{border-block-end-width:0}}}.exercise-content[data-astro-cid-57yb364v]{text-wrap:pretty}.exercise-interactivity[data-astro-cid-57yb364v]{display:contents;@media (width>=895px){display:inherit;grid-column:1/-1;grid-template-columns:inherit;gap:inherit;grid-template-rows:min-content 1fr;& .editor{grid-row-end:span 2}& .output{grid-row-start:2;grid-column-start:2}& .controls{grid-column:revert;justify-items:center}}}.reset-buttons[data-astro-cid-57yb364v]{z-index:1;place-items:end;gap:0 .4ch;margin-inline-end:var(--space-2);display:grid;position:absolute;inset-block-start:var(--space-2);inset-inline-end:0}.reset-buttons[data-astro-cid-57yb364v]>[data-astro-cid-57yb364v]{grid-area:1/1}.button-group-confirm[data-astro-cid-57yb364v]{pointer-events:none;opacity:0;gap:.5ch;transition:opacity .3s;display:flex}.reset-buttons[data-astro-cid-57yb364v].active .button-group-confirm[data-astro-cid-57yb364v]{opacity:1;pointer-events:auto}.reset-buttons[data-astro-cid-57yb364v].active>button[data-astro-cid-57yb364v]{opacity:0;pointer-events:none}button[data-astro-cid-57yb364v][data-accept]{--btn-stroke:0;--btn-theme:var(--ui-accent);color:var(--text-inverted);border-radius:var(--bdrs-round);background:0 0;place-content:center;block-size:28px;inline-size:28px;padding:0;display:grid;position:relative}button svg path{stroke-width:3px}button[data-astro-cid-57yb364v]:focus-visible{--btn-stroke:2px}@media (hover:hover){button[data-astro-cid-57yb364v]:hover{--btn-stroke:2px}}[data-astro-cid-w7a4uool][data-draft=true]{outline:2px dashed oklch(from var(--ui-primary) .4 100% h)}.sda-exercise[data-astro-cid-w7a4uool]{& .exercise-details{& picture{align-self:start;position:relative;&:before,&:after{--offset:1rlh;content:"";pointer-events:none;border:1px dashed var(--gray-300);position:absolute;inset:0 1px}&:before{margin-block:calc(-1 * var(--offset));mask:linear-gradient(#0000, #000 var(--offset) calc(100% - var(--offset)), #0000);border-inline-width:1px}&:after{margin-inline:calc(-1 * var(--offset));mask:linear-gradient(90deg, #0000, #000 var(--offset) calc(100% - var(--offset)), #0000);border-block-width:1px}&+&:after{border-block-start-width:0}&:has(+&):after{border-block-end-width:0}}}& .draft-label{:has(>&){anchor-name:--section;anchor-scope:--section}position-anchor:--section;position-area:center;color:oklch(from var(--ui-primary) .4 100% h);background:oklch(from var(--ui-primary) .95 20% h);text-box:cap alphabetic;border-radius:inherit;border:2px solid;place-self:start end;margin-block-start:-1cap;margin-inline-end:-1cap;padding:1cap;font-size:.75rem;font-weight:700;position:fixed}& .exercise-content{text-wrap:pretty}& .exercise-interactivity{display:contents;@media (width>=895px){display:inherit;grid-column:1/-1;grid-template-columns:inherit;gap:inherit;grid-template-rows:min-content 1fr;& .editor{grid-row-end:span 2}& .sda-result{grid-row-start:2;grid-column-start:2}& .controls{grid-column:revert;justify-items:center}}}}[interestfor]{--interest-delay-start:.2s;--interest-delay-end:.2s;interest-delay:var(--interest-delay-start) var(--interest-delay-end)}:has(:interest-source) [interestfor]{interest-delay-start:0s}.tooltip[data-astro-cid-r5ol4lzo][popover]{color:#333;justify-self:anchor-center;position-area:bottom;border:1px solid #00000026;border-radius:.3rem;margin:0;margin-block:1cap;padding:.3rem .5rem;font-size:80%;font-weight:500;box-shadow:0 0 2px #0000001a}.about-button[data-astro-cid-zgerxbzp]{color:unset;background:var(--surface-elevated);corner-shape:squircle;padding:var(--space-1);box-shadow:var(--shadow-ui);cursor:pointer;border-radius:100000px;display:grid;&:hover{background:oklch(from currentcolor 95% 0 h)}&:active{scale:.97}}[data-astro-cid-zgerxbzp][popover]{&,&::backdrop{transition-behavior:allow-discrete;opacity:0;transition:display .3s,overlay .3s,opacity .3s,translate .3s;translate:0 -2rlh}&::backdrop{backdrop-filter:blur(5px);background:var(--surface-backdrop);translate:none}&:where(:popover-open){opacity:1;translate:none;&::backdrop{opacity:1}}@starting-style{&:popover-open{translate:0 2rlh}&:popover-open,&:popover-open::backdrop{opacity:0}}}[data-astro-cid-zgerxbzp][popover]{overscroll-behavior:contain;max-block-size:90dvb;inline-size:min(65ch,90dvi);padding:var(--space-6);border-radius:var(--bdrs-xl);box-shadow:var(--shadow-border);background:var(--ui-surface);border:0;padding-block-start:0;&>[data-astro-cid-zgerxbzp]+[data-astro-cid-zgerxbzp]{margin-block-start:var(--fspace,1rlh);&:is(h3){--fspace:2rlh}}& h2{font-family:var(--font-mona);--min-font:18;--max-font:22;--screen-max:1200;--screen-min:375;font-weight:600;font-size:clamp(var(--min-font) * 1px, var(--responsive), var(--max-font) * 1px);line-height:1.125}& h3{font-family:var(--font-mona);--min-font:16;--max-font:18;--screen-max:1200;--screen-min:375;font-weight:600;font-size:clamp(var(--min-font) * 1px, var(--responsive), var(--max-font) * 1px);line-height:1.3}& p,& ol{color:var(--gray-900);font-size:1rem;font-weight:420;font-family:var(--font-mona)}& kbd{color:#333;white-space:nowrap;background-color:#eee;border:1px solid #b4b4b4;border-radius:3px;padding:2px 4px;font-size:.85em;font-weight:700;line-height:1;display:inline-block;box-shadow:0 1px 1px #0003,inset 0 2px #ffffffb3}& code{padding-inline:var(--space-2);border-radius:var(--bdrs-md);color:var(--gray-1000);background:var(--ui-surface);box-shadow:var(--shadow-code);padding-block:0;font-size:.9em;display:inline-block}& ::marker{color:var(--blue-700)}& ol{gap:.5rlh;padding-inline-start:1rem;line-height:1.5;display:grid;& li{text-wrap:pretty}}& header{background:var(--ui-surface);padding-block:var(--space-6) var(--space-5);background:var(--ui-surface);border-block-end:1px solid #00000014;flex-flow:row-reverse wrap;justify-content:space-between;align-items:center;display:flex;position:sticky;inset-block-start:0}& button{background:var(--ui-surface);box-shadow:var(--shadow-ui);border-radius:var(--bdrs-round);padding:.15rlh .5rlh;&:hover{background:oklch(from currentcolor 95% 0 h)}&:active{scale:.97}}}.alert[data-astro-cid-mgy2wiv4]{border-radius:var(--bdrs-l);background:oklch(98% .08 22.38);border:2px solid oklch(75% .36 29.62);width:fit-content;margin:auto;padding:1rem;&::backdrop{background:oklch(28% .03 22.38/.9)}&>p[data-astro-cid-mgy2wiv4]{color:oklch(30% .14 29.24);font-size:.9rem}& .dialog-close{background:var(--ui-surface);box-shadow:var(--shadow-sm);border-radius:var(--bdrs-round);padding:.15rlh .5rlh;&:hover{background:oklch(from currentcolor 95% 0 h)}&:active{scale:.97}}}@supports (position-area:span-all span-start){.alert[data-astro-cid-mgy2wiv4]{display:none}}.logo[data-astro-cid-f7espo7c]{--smooth:.2s cubic-bezier(.4, 0, .2, 1) font-variation-settings;font-family:var(--font-flex);letter-spacing:.03em;width:fit-content;margin-block-start:-.3em;font-size:1.7rem;font-weight:700;line-height:1;&>[data-astro-cid-f7espo7c]:first-child{font-variation-settings:"wdth" 400, "HGHT" 500;color:oklch(from var(--ui-primary) .3 .1 h);cursor:pointer;transition:var(--smooth);align-items:baseline;display:inline-flex;transform:skewY(-5deg);.logo[data-astro-cid-f7espo7c]:hover &{font-variation-settings:"wdth" 400, "HGHT" 450}& span{color:oklch(from var(--ui-primary) .7 .2 h)}}& .dev{font-variation-settings:"wdth" 350, "HGHT" 500;color:oklch(from var(--ui-primary) .7 .03 h);clip-path:inset(0 100% 0 0);font-size:.65em;transition:clip-path .3s;display:inline-block;.logo[data-astro-cid-f7espo7c]:hover &{clip-path:inset(0)}}}.exercise-dropdown[data-astro-cid-g6zva6hs]{all:unset;cursor:pointer;color:var(--gray-100);z-index:1;border-radius:2rem;place-items:center;margin-inline:-.5rem .15rem;padding:.15rem;transition:background .15s;display:grid;position:relative;&:before{content:"";position:absolute;inset:-.15rlh}&:hover{background:#ffffff26}& svg{transition:rotate .2s;display:block}}.exercise-dropdown[data-astro-cid-g6zva6hs]:has(+.exercise-popover:popover-open) svg[data-astro-cid-g6zva6hs]{rotate:180deg}.exercise-popover[data-astro-cid-g6zva6hs]{position-anchor:--nav;position-area:bottom;background:var(--ui-surface);box-shadow:var(--shadow-md);min-width:200px;block-size:stretch;border:1px solid #0000001a;border-radius:.75rem;max-height:fit-content;margin:0;margin-block-start:.25rem;padding:.5rem;position:fixed;bottom:0;overflow-y:auto;& ol{gap:var(--space-1) .75ch;scroll-target-group:auto;grid:auto/auto 1fr;padding:0;list-style-type:"";display:grid}& .exercise-list-item{grid-column:1/-1;grid:auto / subgrid;display:grid}& li a{font-family:var(--font-mona);padding:.7lh;color:var(--text-muted);grid-column:inherit;grid-template-columns:subgrid;border-radius:.4rem;inline-size:100%;padding-inline-start:.75ch;font-size:.9rem;font-weight:500;text-decoration:none;display:grid;& span{text-box:cap alphabetic}&:hover{background:var(--gray-100)}&:target-current,&:active{background:oklch(from var(--ui-primary) .95 calc(c * .5) h);--active-color:oklch(from var(--ui-primary) .5 calc(c * .75) h);color:oklch(from var(--ui-primary) .35 calc(c * .75) h)}}& .exercise-num{color:var(--active-color,var(--gray-400));justify-self:end}}.nav-link[data-astro-cid-gu27wtbi]{align-items:center;display:flex;position:relative;&:has([aria-current=page]):after{content:"";background:var(--gray-1000);z-index:-1;view-transition-name:--current-link;border-radius:100000px;place-self:stretch stretch;position:absolute;inset:0}&.separator{position:relative;&:before{content:"";background:var(--gray-300);width:1px;position:absolute;inset-block:.4em;inset-inline-start:-1.5px}}&>a[data-astro-cid-gu27wtbi]{align-items:center;gap:var(--space-2);padding:var(--space-1) .75rem var(--space-1) .7rem;color:var(--active,var(--text-secondary));view-transition-class:current-link-text;isolation:isolate;border-radius:100000px;justify-self:start;font-size:.9rem;font-weight:500;line-height:1.25;text-decoration:none;display:flex;position:relative;& .nav-icon{display:grid}&:not([aria-current=page]) .nav-label[data-astro-cid-gu27wtbi]{display:none}&[aria-current]{--active:var(--gray-1000);color:var(--gray-100)}&:hover:not([aria-current]){color:var(--gray-1000)}}}.view-toggle[data-astro-cid-ebthzc4n]{color:inherit;background:var(--surface-elevated);backdrop-filter:blur(4px);padding:var(--space-1);corner-shape:squircle;box-shadow:var(--shadow-ui);border-radius:100000px;display:grid;&:hover{background:oklch(from currentcolor 95% 0 h)}&:active{scale:.97}& svg{display:block}& .icon-single,& .icon-all{grid-area:1/1;transition:opacity .15s;display:grid}& .icon-single{opacity:1;& svg{&>*{transform-box:fill-box;transform-origin:100% 100%;transition:transform .3s,opacity .3s;.view-toggle[data-astro-cid-ebthzc4n]:hover &:first-child{opacity:0}.view-toggle[data-astro-cid-ebthzc4n]:hover &:nth-child(2){transform-box:fill-box;transform-origin:100% 100%;transform:translate(-10%,5%)skewY(10deg)scale(1.25)}}}}& .icon-all{opacity:0}&[data-view=single]{& .icon-single{opacity:0}& .icon-all{opacity:1}}}nav[data-astro-cid-nen7h5rs]{anchor-name:--nav;position-anchor:--header;z-index:10;background:var(--surface-elevated);view-transition-name:nav-background;backdrop-filter:blur(4px);padding:var(--space-1);box-shadow:var(--shadow-ui);border-radius:100000px;grid-column:2;justify-content:center;justify-self:center;display:flex;position:fixed;inset-block-start:1.6rem;inset-inline:0;& ul{gap:.3ch;line-height:1.25;list-style-type:"";display:flex}}.main-header[data-astro-cid-nen7h5rs]{view-transition-name:--main-header;anchor-name:--header;grid:auto/minmax(var(--space-5), 1fr) minmax(auto, 1200px) minmax(var(--space-5), 1fr);gap:var(--space-5) 0;background:var(--ui-surface);z-index:100;margin-block-end:2.5rlh;padding-block:1.5rlh;display:grid;position:relative;&:before{content:"";bottom:0;background:linear-gradient(90deg, var(--gray-300), var(--gray-300) 50%, transparent 0, transparent);background-size:8px 1px;block-size:1px;position:absolute;inset-inline:0}& .header-content{anchor-name:--header-content;grid:auto/1fr auto 1fr;align-items:center;display:grid;&:before,&:after{--border-color:var(--gray-200);content:"";top:0;bottom:anchor(--footer top);position-anchor:--header-content;background:var(--border-color);inline-size:1px;position:fixed}&:before{left:calc(anchor(left) - 1px - 1rem)}&:after{left:calc(anchor(right) + 1rem + 1px)}}& .utils{flex-flow:wrap;grid-column-end:-1;justify-content:flex-end;gap:1ch;display:flex}&>[data-astro-cid-nen7h5rs]{grid-column:2}}footer[data-astro-cid-jo6i4kqk]{anchor-name:--footer}button[data-astro-cid-jo6i4kqk]{all:unset;cursor:pointer}.more-exercises[data-astro-cid-jo6i4kqk]{color:var(--ui-surface);padding:var(--space-4) var(--space-6);border:2px solid var(--blue-muted);border-radius:var(--bdrs-l);background:var(--blue-800);place-self:center;inline-size:fit-content;font-size:1.2rem;font-weight:400;line-height:1.4;text-decoration:none;box-shadow:0 5px 2.5px #000a0f09,0 12px 6.5px #000a0f0e,0 22.5px 13px #000a0f11,0 40.2px 24px #000a0f14,0 75.2px 44px #000a0f18,0 180px 80px #000a0f21;& span{color:var(--blue-muted-comment);font-size:.7em;font-weight:500;display:block}& svg{color:var(--blue-muted-comment);vertical-align:middle;transition:inherit;display:inline-block}&:hover{border-color:var(--blue-muted-comment);color:var(--ui-accent);& svg{color:var(--ui-accent)}}}[data-astro-cid-jo6i4kqk][data-icon=chevron-right]{stroke-width:2px;width:1.5rem;height:1.5rem}div[data-astro-cid-jo6i4kqk]{text-align:center;margin:var(--space-7) var(--space-5) 0}[data-extra=true] .load-more[data-astro-cid-jo6i4kqk]{display:none}[data-astro-cid-hkbrpulz][data-theme=green]{--ui-primary:var(--green-100);--ui-primary-dark:var(--green-200);--ui-primary-border:var(--green-400)}[data-astro-cid-hkbrpulz][data-theme=purple]{--ui-primary:var(--violet-100);--ui-primary-dark:var(--violet-200);--ui-primary-border:var(--violet-400)}[data-astro-cid-hkbrpulz][data-theme=indigo]{--ui-primary:var(--indigo-100);--ui-primary-dark:var(--indigo-200);--ui-primary-border:var(--indigo-400)}[data-astro-cid-hkbrpulz][data-theme=periwinkle]{--ui-primary:var(--periwinkle-100);--ui-primary-dark:var(--periwinkle-200);--ui-primary-border:var(--periwinkle-400)}[data-astro-cid-hkbrpulz][data-theme=pink]{--ui-primary:var(--pink-100);--ui-primary-dark:var(--pink-200);--ui-primary-border:var(--pink-400)}body{--grid:35;--bg:#f6f7f8;--pct:20%;--lines:#dfe6ec;background:linear-gradient(to bottom, var(--bg), 65%, #fff0) 0 0 / 100% 30vh no-repeat, linear-gradient(90deg, var(--bg), var(--pct), #fff0), linear-gradient(-90deg, var(--bg), var(--pct), #fff0), conic-gradient(from 90deg at 1px 1px, #0000 90deg, var(--lines) 0) 50% 0 / calc((1200px - 2rem) / var(--grid)) calc(1200px / var(--grid)), var(--bg);position:relative;&:before{z-index:-1;pointer-events:none;opacity:.15;content:"";background-image:url(/assets/svg/noise.svg);background-size:500px;position:absolute;inset:0}}