.cl-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--splat-space-6);row-gap:var(--splat-space-6);align-items:start}.cl-intro__text{grid-column:1 / 8}.cl-intro__side{grid-column:9 / 13;display:grid;gap:var(--splat-space-6);justify-items:center;padding-block-start:var(--splat-space-8)}.cl-intro__note{margin:0}.cl-group+.cl-group{margin-block-start:var(--splat-space-9)}.cl-group__title{position:relative;margin:0 0 var(--splat-space-6);padding-block-end:var(--splat-space-3);font-size:var(--splat-text-2xl);line-height:var(--splat-lh-2xl)}.cl-group__title:after{content:"";position:absolute;left:-.25rem;bottom:0;width:min(10rem,50%);height:.625rem;background:var(--splat-splash);-webkit-mask:url(../../img/brush/stroke.webp) left center / 100% 100% no-repeat;mask:url(../../img/brush/stroke.webp) left center / 100% 100% no-repeat}.cl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:var(--splat-space-6) var(--splat-space-5);margin:0;padding:0;list-style:none}.cl-card{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--splat-space-5);align-items:start;padding:var(--splat-space-5);background:var(--splat-surface-page);border-radius:2px;box-shadow:0 1px 3px color-mix(in oklch,var(--splat-text) 14%,transparent)}.cl-card .tin-lid{position:relative;right:auto;bottom:auto;width:6rem;height:6rem}.cl-card:nth-child(2n) .tin-lid{transform:rotate(7deg)}.tin-lid--labelled{overflow:visible}.tin-lid__tape{position:absolute;left:50%;top:50%;width:118%;padding:.25rem .5rem;transform:translate(-50%,-50%) rotate(-10deg);background:var(--splat-tape);color:var(--splat-text);font:700 .875rem/1.25rem var(--splat-font-hand);text-align:center;clip-path:polygon(0 12%,3% 0,97% 6%,100% 20%,98% 50%,100% 82%,97% 100%,4% 94%,0 78%,2% 46%);box-shadow:0 1px 2px color-mix(in oklch,var(--splat-text) 14%,transparent)}.cl-card__text{display:grid;gap:var(--splat-space-1)}.cl-card__name{margin:0;font:700 1.5rem/2rem var(--splat-font-hand);letter-spacing:0}.cl-card__maker{margin:0;font-size:var(--splat-text-sm);line-height:var(--splat-lh-sm);color:var(--splat-text-muted)}.cl-card__uses{margin:var(--splat-space-2) 0 0;padding:0;list-style:none;display:grid;gap:var(--splat-space-2)}.cl-card__uses a{display:grid;text-decoration:none;font-size:var(--splat-text-sm);line-height:var(--splat-lh-sm)}.cl-card__el{font-weight:600;color:var(--splat-text)}.cl-card__place{color:var(--splat-text-muted)}.cl-card__uses a:hover .cl-card__el{color:var(--splat-text-accent)}.cl-coded{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--splat-space-6);row-gap:var(--splat-space-6);align-items:start}.cl-coded__text{grid-column:1 / 6;display:grid;gap:var(--splat-space-4)}.cl-coded__text>*{margin:0}.cl-coded__list{grid-column:7 / 13;margin:0;padding:0;list-style:none}.cl-coded__list li+li{border-top:1px solid var(--splat-line)}.cl-coded__list a{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:var(--splat-space-4);padding-block:var(--splat-space-3);text-decoration:none}.cl-coded__list b{font:400 1.25rem/1.75rem var(--splat-font-hand)}.cl-coded__list span{color:var(--splat-text-muted)}.cl-coded__list a:hover b{color:var(--splat-text-accent)}@media(max-width:59.9375em){.cl-intro__text,.cl-intro__side,.cl-coded__text,.cl-coded__list{grid-column:1 / -1}.cl-intro__side{padding-block-start:0}}@media(max-width:39.9375em){.cl-card{grid-template-columns:5rem minmax(0,1fr);gap:var(--splat-space-4);padding:var(--splat-space-4)}.cl-card .tin-lid{width:5rem;height:5rem}.cl-coded__list a{grid-template-columns:1fr;gap:0}}