.sp-loading{display:grid;place-items:center;min-height:70vh;padding:var(--sp-8) var(--gutter)}.sp-loading-inner{text-align:center}.sp-loading-mark{display:inline-block;font-size:3.6rem;line-height:1;filter:drop-shadow(3px 3px 0 var(--ink));animation:sp-tumble 2.4s cubic-bezier(.5,.05,.5,.95) infinite}.sp-loading-text{margin:var(--sp-4) 0 0;font-family:var(--caps);font-weight:600;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:var(--track-wide);color:var(--ink-2)}@keyframes sp-tumble{0%,100%{rotate:-12deg;translate:0 0}50%{rotate:12deg;translate:0 -10px}}html.sp-layer-open,html.sp-layer-open body{overflow:hidden}.sp-404-wrap{padding-block:var(--sp-8)}.hero-inner{position:relative;z-index:1}.hero-section .hero-title{max-width:20ch;margin-bottom:var(--sp-4)}.decorative-elements.hero-tags{position:static;inset:auto;z-index:auto;pointer-events:auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4)}.hero-kicker{margin:0 0 var(--sp-1)}.article-category-badge:empty{display:none}.article-desc:empty{display:none}.pattern-action-bar{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-3)}.pab-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:52px;padding:12px var(--sp-4);font-family:var(--caps);font-weight:600;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:var(--track-caps);text-decoration:none;cursor:pointer;color:var(--ink);background:var(--paper-light);border:var(--bw) solid var(--line);border-radius:var(--r-sm);box-shadow:var(--pop-sm);rotate:var(--tilt,-1deg);transition:translate var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),rotate var(--t) var(--ease),background-color var(--t-fast) var(--ease)}.pattern-action-bar>*:nth-child(2n){--tilt:1deg}.pab-btn:hover{rotate:0deg;translate:-2px -2px;box-shadow:var(--pop);color:var(--ink)}.pab-btn:active{rotate:0deg;translate:var(--press) var(--press);box-shadow:var(--pop-in)}.pab-btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px;rotate:0deg}.pab-icon{display:grid;place-items:center;width:20px;height:20px;flex:none}.pab-label{white-space:nowrap}.pab-solid{background:var(--red);color:var(--on-red)}.pab-solid:hover{background:var(--red-d);color:var(--on-red)}.pab-pin{background:var(--ink);color:var(--on-ink)}.pab-pin:hover{background:#3c2e21;color:var(--on-ink)}.pab-outline{background:var(--paper-light)}.pab-outline:hover{background:var(--cream-deep)}.pab-jump{background:var(--teal);color:var(--on-teal)}.pab-jump:hover{background:var(--teal-d);color:var(--on-teal)}.pab-toast{display:inline-block;margin:0 0 var(--sp-4);padding:8px var(--sp-4);font-family:var(--caps);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--on-mustard);background:var(--mustard);border:var(--bw-hair) solid var(--line);border-radius:var(--r-pill);box-shadow:var(--pop-sm);opacity:0;translate:0 6px;pointer-events:none;transition:opacity var(--t) var(--ease),translate var(--t) var(--ease)}.pab-toast:empty{display:none}.pab-toast.show{opacity:1;translate:0 0}.hero-plate{position:relative;margin:var(--sp-5) 0 var(--sp-6);max-width:760px}.hero-roundel{position:absolute;z-index:5;top:calc(-1 * var(--sp-5));right:calc(-1 * var(--sp-4));pointer-events:none}.hero-image-grid-wrap:empty{display:none}.hero-thumbnail-grid{display:grid;gap:var(--sp-3);grid-template-columns:1fr}.hero-thumbnail-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-thumbnail-grid[data-count="2"],.hero-thumbnail-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-tile,.why-love-tile{position:relative;display:block;overflow:hidden;background:var(--cream-deep);border:var(--bw-thick) solid var(--line);border-radius:var(--r);box-shadow:var(--pop-lg);rotate:var(--tilt,-1.2deg);transition:rotate var(--t) var(--ease),translate var(--t) var(--ease),box-shadow var(--t) var(--ease)}.hero-thumbnail-grid>*:nth-child(2n),.why-love-images-grid>*:nth-child(2n){--tilt:1.2deg}.hero-tile:hover,.why-love-tile:hover{rotate:0deg;translate:0 -4px;box-shadow:var(--pop-xl)}.hero-tile:focus-visible,.why-love-tile:focus-visible{outline:3px solid var(--focus);outline-offset:4px;rotate:0deg}.hero-tile img,.why-love-tile img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}.hero-thumbnail-grid[data-count="4"] .hero-tile img{aspect-ratio:1}.hero-tile-zoom{position:absolute;z-index:2;right:10px;bottom:10px;display:grid;place-items:center;width:38px;height:38px;background:var(--mustard);color:var(--on-mustard);border:var(--bw) solid var(--line);border-radius:50%;box-shadow:var(--pop-sm);opacity:0;scale:.8;transition:opacity var(--t) var(--ease),scale var(--t) var(--ease)}.hero-tile-zoom::before{content:'';width:17px;height:17px;border:2.5px solid currentColor;border-radius:50%;box-shadow:6px 6px 0 -3.5px currentColor;translate:-2px -2px}.hero-tile:hover .hero-tile-zoom,.hero-tile:focus-visible .hero-tile-zoom,.why-love-tile:hover .hero-tile-zoom,.why-love-tile:focus-visible .hero-tile-zoom{opacity:1;scale:1}.hero-stats[hidden]{display:none}.stat-star{font-size:.7em;margin-left:2px}.hero-stats .stat-number--text{font-size:clamp(1.05rem, 1.7vw, 1.35rem);line-height:1.15;color:var(--red-d);text-shadow:1.5px 1.5px 0 var(--ink)}.hero-stats .stat-number--text .stat-star{color:var(--red-d)}.intro-section[hidden]{display:none}.section-rubric{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);text-align:center;color:var(--teal);text-shadow:3px 3px 0 var(--paper-light);margin-bottom:var(--sp-6)}.feature-title{font-family:var(--display);font-size:1.15rem;letter-spacing:var(--track-tight);line-height:1.15;color:var(--ink);margin:0 0 var(--sp-2)}.feature-body{font-size:var(--fs-sm);line-height:1.62;color:var(--ink-2);margin:0}.content-main>.content-card:last-child{margin-bottom:0}.content-card[hidden]{display:none}.content-card.sp-framed{--fil-color:var(--ink)}.side-promo.sp-framed{--fil-color:var(--teal)}.content-title-mark{display:grid;place-items:center;flex:none;width:40px;height:40px;font-family:var(--display);font-size:1rem;line-height:1;color:var(--on-mustard);background:var(--mustard);border:var(--bw) solid var(--line);border-radius:50%;box-shadow:var(--pop-sm);rotate:-6deg}.card-lede{font-family:var(--script);font-size:1.35rem;line-height:1.35;color:var(--teal-d);margin:calc(-1 * var(--sp-2)) 0 var(--sp-4)}.prose-block p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);margin:0 0 var(--sp-4);max-width:var(--measure)}.prose-block p:last-child{margin-bottom:0}.prose-block>p:first-of-type::first-letter{float:left;font-family:var(--display);font-size:3.1em;line-height:.82;color:var(--red-d);margin:.06em .12em 0 0}.answer-summary{padding:var(--sp-4);background:var(--cream-deep);border-left:var(--bw-slab) solid var(--mustard);border-radius:var(--r-xs);margin-bottom:var(--sp-4)}.answer-summary p{margin-bottom:var(--sp-2);color:var(--on-cream)}.answer-summary p:last-child{margin-bottom:0}.why-lead{font-size:var(--fs-lg);line-height:var(--lh-loose);color:var(--ink-2);margin:0 0 var(--sp-5);max-width:var(--measure)}.why-point{position:relative;padding:0 0 var(--sp-4) var(--sp-6);margin-bottom:var(--sp-4);border-bottom:var(--bw-hair) dashed var(--line-soft)}.why-point:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.why-point::before{content:'';position:absolute;left:0;top:.35em;width:20px;height:20px;background-color:var(--mustard);-webkit-mask-image:var(--m-star12);mask-image:var(--m-star12);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.why-point-title{font-family:var(--display);font-size:1.08rem;line-height:1.2;letter-spacing:var(--track-tight);color:var(--teal-d);margin:0 0 var(--sp-2)}.why-point-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);margin:0}.why-love-images-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--sp-6)}.why-love-images-grid.hidden{display:none}.why-love-images-grid[data-count="1"]{grid-template-columns:1fr}.why-love-tile img{aspect-ratio:1}@media (min-width:761px){.why-love-images-grid[data-count="3"],.hero-thumbnail-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.why-love-images-grid:not([data-count="3"])>.why-love-tile:last-child:nth-child(odd):not(:first-child){grid-column:1 / -1}.why-love-images-grid:not([data-count="3"])>.why-love-tile:last-child:nth-child(odd):not(:first-child) img{aspect-ratio:2 / 1}}.tips-content-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-3)}.tips-content-list li{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4);background:var(--cream-deep);border:var(--bw-hair) solid var(--line);border-radius:var(--r-sm);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--on-cream)}.tips-content-list strong{color:var(--red-d)}.tip-mark{flex:none;width:22px;height:22px;margin-top:.2em;background-color:var(--teal);-webkit-mask-image:var(--m-sparkle);mask-image:var(--m-sparkle);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mistakes-card{background:var(--paper)}.mistakes-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-4)}.mistake-item{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4);background:var(--paper-light);border:var(--bw) solid var(--line);border-left:var(--bw-slab) solid var(--red);border-radius:var(--r-sm);box-shadow:var(--pop-sm)}.mistake-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;font-family:var(--display);font-size:1rem;line-height:1;color:var(--on-mustard);background:var(--mustard);border:var(--bw-hair) solid var(--line);border-radius:50%}.mistake-body{display:flex;flex-direction:column;gap:6px}.mistake-what{font-family:var(--caps);font-weight:600;font-size:var(--fs-lg);text-transform:uppercase;letter-spacing:.02em;color:var(--red-deep);line-height:1.25}.mistake-fix{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2)}.mistake-fix::before{content:'The fix — ';font-family:var(--caps);font-weight:600;font-size:.86em;text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--teal-d)}.content-side{display:block}.side-sticky{display:grid;gap:var(--sp-5)}@media (min-width:1100px){.content-side{position:sticky;top:calc(var(--nav-h) + var(--sp-4) - 6px);align-self:start;max-height:calc(100dvh - var(--nav-h) - var(--sp-6));overflow-y:auto;overscroll-behavior:contain;padding:6px var(--sp-4) var(--sp-3) 6px;margin:-6px calc(-1 * var(--sp-4)) 0 -6px}.side-sticky{position:static}}.author-portrait--mark{display:grid;place-items:center;font-size:2.1rem;line-height:1}.author-kicker{font-size:1.15rem;margin:0 0 var(--sp-2)}.author-card .author-kicker{color:var(--teal-d)}.author-name{color:var(--ink)}.author-card .social-icon{width:44px;height:44px;color:var(--ink);border-color:var(--line);background:var(--paper-light)}.author-card .social-icon:hover{background:var(--mustard);color:var(--on-mustard)}@media (min-width:1100px){.content-side .author-card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--sp-4);row-gap:0;align-items:start}.content-side .author-card>.author-portrait{grid-column:1;grid-row:1 / span 2}.content-side .author-card>div{display:contents}.content-side .author-card .author-name{grid-column:2;grid-row:1;align-self:end;margin:0}.content-side .author-card .author-kicker{grid-column:2;grid-row:2;margin:0}.content-side .author-card .author-bio{grid-column:1 / -1;grid-row:3;margin-top:var(--sp-3)}.content-side .author-card .social-links{grid-column:1 / -1;grid-row:4}}.side-block{padding:var(--sp-5);background:var(--paper-light);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--pop-sm)}.pattern-cards-container{display:grid;gap:var(--sp-3)}.rec-card-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;font-family:var(--display);font-size:1rem;color:var(--on-mustard);background:var(--mustard);border:var(--bw-hair) solid var(--line);border-radius:50%}.rec-card-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1.35;color:var(--ink)}.rec-all{margin-top:var(--sp-3)}.side-promo{position:relative;text-align:center}.side-promo-seal{display:none}@media (min-width:1100px){.side-promo-seal{display:inline-flex;position:absolute;top:calc(-1 * var(--sp-5));right:calc(-1 * var(--sp-2))}}.side-promo-kicker{font-family:var(--script);font-size:1.3rem;color:var(--teal-d);margin:0 0 var(--sp-1)}.side-promo-title{font-family:var(--display);font-size:1.35rem;text-transform:uppercase;letter-spacing:var(--track-tight);color:var(--red-d);margin:0 0 var(--sp-3)}.side-promo-body{font-size:var(--fs-sm);line-height:1.6;color:var(--on-cream);margin:0 0 var(--sp-4)}.pattern-eyebrow{margin-bottom:var(--sp-4)}.pattern-content-wrapper{display:grid;gap:var(--sp-6);grid-template-columns:minmax(0,1fr);align-items:start}.pattern-main{min-width:0}.pattern-card{position:relative;background:var(--paper);border:var(--bw-thick) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--pop-xl);padding:var(--sp-7) var(--sp-6)}.pattern-title{font-size:clamp(1.6rem, 3.4vw, 2.5rem);line-height:var(--lh-poster);text-transform:uppercase;color:var(--red);text-shadow:var(--hard-x) var(--hard-y) 0 var(--ink);margin:0 0 var(--sp-4)}.pattern-description{font-size:var(--fs-lg);line-height:var(--lh-loose);color:var(--ink-2);max-width:var(--measure);margin:0 0 var(--sp-5)}.pattern-card .skill-level{display:flex;flex-wrap:wrap;gap:var(--sp-2);max-width:none;padding:0;margin:0 0 var(--sp-6);background:none;border:0;border-radius:0;white-space:normal;overflow:visible}.skill-item{display:inline-flex;align-items:center;gap:6px;padding:6px var(--sp-3);font-family:var(--caps);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--on-cream);background:var(--cream-deep);border:var(--bw-hair) solid var(--line);border-radius:var(--r-pill);box-shadow:var(--pop-sm)}.skill-item:first-child{background:var(--mustard);color:var(--on-mustard)}.pattern-placeholder{text-align:center;font-size:4rem;padding:var(--sp-5)}.pattern-placeholder.hidden{display:none}.part-section{position:relative;margin:var(--sp-7) 0 0;padding-top:var(--sp-5);border-top:var(--bw-hair) solid var(--line-soft)}.pattern-card>div:first-child .part-section:first-child{margin-top:0;border-top:0;padding-top:0}.part-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-2);font-family:var(--display);font-size:clamp(1.25rem, 2.4vw, 1.7rem);line-height:1.15;text-transform:uppercase;letter-spacing:var(--track-tight);color:var(--teal);margin:0 0 var(--sp-4)}.part-qty{font-family:var(--caps);font-size:var(--fs-sm);font-weight:600;letter-spacing:var(--track-caps);color:var(--on-red);background:var(--red);padding:3px var(--sp-2);border:var(--bw-hair) solid var(--line);border-radius:var(--r-pill)}.part-note{font-family:var(--script);font-size:1.2rem;color:var(--teal-d);margin:calc(-1 * var(--sp-2)) 0 var(--sp-4)}.part-section.part-complete .part-title{color:var(--teal-d)}.part-section.part-complete .part-title::after{content:'';width:22px;height:22px;background-color:var(--teal);-webkit-mask-image:var(--m-star12);mask-image:var(--m-star12);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.material-group-name{font-family:var(--caps);font-weight:600;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:var(--track-wide);color:var(--red-d);margin:var(--sp-4) 0 var(--sp-2)}.material-list{list-style:none;padding:0;margin:0 0 var(--sp-4);display:grid;gap:var(--sp-2)}.material-item{position:relative;display:flex;align-items:center;gap:var(--sp-4);min-height:56px;padding:var(--sp-3) var(--sp-4);background:var(--paper-light);border:var(--bw-hair) solid var(--line);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--t-fast) var(--ease),translate var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.material-item:hover{translate:-2px -2px;box-shadow:var(--pop-sm)}.material-item:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.material-number{flex:none;font-family:var(--display);font-size:1rem;line-height:1;color:var(--mustard-d);min-width:2.4ch}.material-text{flex:1;font-size:var(--fs-body);line-height:1.5;color:var(--ink)}.material-tick{flex:none;display:grid;place-items:center;width:26px;height:26px;background:var(--paper);border:var(--bw) solid var(--line);border-radius:var(--r-xs)}.material-item.completed{background:var(--cream-deep)}.material-item.completed .material-text{text-decoration:line-through;color:var(--ink-3)}.material-item.completed .material-tick{background:var(--teal);border-color:var(--line)}.material-item.completed .material-tick::after{content:'';width:12px;height:7px;border-left:3px solid var(--on-teal);border-bottom:3px solid var(--on-teal);rotate:-45deg;translate:0 -2px}.progress-tracker{position:relative;padding:var(--sp-4) var(--sp-5);margin:0 0 var(--sp-5);background:var(--ink);color:var(--on-ink);border:var(--bw) solid var(--line);border-radius:var(--r-sm);box-shadow:var(--pop)}.progress-tracker-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.progress-tracker-title{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--caps);font-weight:600;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:var(--track-wide);color:var(--mustard);margin:0}.progress-tracker-mark{width:16px;height:16px;flex:none;background-color:var(--mustard);-webkit-mask-image:var(--m-star12);mask-image:var(--m-star12);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.progress-tracker-count{font-family:var(--display);font-size:1.25rem;line-height:1;letter-spacing:var(--track-tight);color:var(--on-ink);margin:0}.progress-bar-track{height:18px;overflow:hidden;background:rgb(244 228 193 / .16);border:var(--bw-hair) solid var(--on-ink-mut);border-radius:var(--r-pill)}.progress-bar-fill{height:100%;width:0;background:var(--mustard);background-image:repeating-linear-gradient(135deg,rgb(43 33 24 / .22) 0 6px,transparent 6px 14px);border-radius:var(--r-pill);transition:width var(--t-slow) var(--ease-out)}.progress-tracker-hint{margin:var(--sp-2) 0 0;font-size:var(--fs-xs);line-height:1.5;color:var(--on-ink-mut)}.step-by-step{display:grid;gap:var(--sp-3)}.row-instruction{position:relative;padding:var(--sp-4) var(--sp-6) var(--sp-4) var(--sp-5);background:var(--paper-light);border:var(--bw-hair) solid var(--line);border-left:var(--bw-slab) solid var(--teal);border-radius:var(--r-sm);transition:background-color var(--t-fast) var(--ease),translate var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),border-left-color var(--t-fast) var(--ease)}.row-instruction[data-round]{cursor:pointer}.row-instruction[data-round]:hover{translate:-2px -2px;box-shadow:var(--pop-sm)}.row-instruction[data-round]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.row-label{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--display);font-size:1.02rem;line-height:1.15;letter-spacing:var(--track-tight);text-transform:uppercase;color:var(--red-d);margin:0 0 var(--sp-2)}.row-label-colon{color:var(--mustard-d)}.row-text{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);margin:0}.row-subhead{font-family:var(--caps);font-weight:600;font-size:var(--fs-lg);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--teal-d);margin:var(--sp-5) 0 var(--sp-2);padding-bottom:var(--sp-2);border-bottom:var(--bw-hair) dashed var(--line-soft)}.row-count{display:inline-block;margin-left:.35em;padding:2px 10px;font-family:var(--display);font-size:.95em;line-height:1.25;letter-spacing:var(--track-tight);white-space:nowrap;color:var(--on-red);background:var(--red);border:var(--bw-hair) solid var(--line);border-radius:var(--r-pill);box-shadow:2px 2px 0 var(--ink);translate:0 -1px}.row-tick{position:absolute;top:var(--sp-4);right:var(--sp-3);display:grid;place-items:center;width:28px;height:28px;background:var(--paper);border:var(--bw) solid var(--line);border-radius:50%;transition:background-color var(--t-fast) var(--ease),scale var(--t) var(--ease)}.row-instruction.completed{background:var(--cream-deep);border-left-color:var(--teal-d)}.row-instruction.completed .row-text{color:var(--ink-2)}.row-instruction.completed .row-label{color:var(--teal-d)}.row-instruction.completed .row-tick{background:var(--teal);scale:1.06}.row-instruction.completed .row-tick::after{content:'';width:13px;height:7px;border-left:3px solid var(--on-teal);border-bottom:3px solid var(--on-teal);rotate:-45deg;translate:0 -2px}.row-instruction.kind-info{background:var(--cream-deep);border-left-color:var(--mustard);padding-right:var(--sp-5)}.row-instruction.kind-info .row-label{color:var(--teal-d)}.row-instruction.kind-info .row-text{color:var(--on-cream)}.row-instruction.kind-assembly{border-left-color:var(--red)}.row-instruction.kind-note,.row-instruction.kind-tester{background:var(--paper);border-left-color:var(--mustard);padding-right:var(--sp-5)}.row-instruction.kind-note .row-label,.row-instruction.kind-tester .row-label{display:flex;align-items:center;gap:var(--sp-2);color:var(--mustard-d)}.note-icon{display:inline-block;flex:none;width:18px;height:18px;font-size:0;background-color:currentColor;-webkit-mask-image:var(--m-sparkle);mask-image:var(--m-sparkle);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.conclusion{margin-top:var(--sp-6);padding:var(--sp-5);background:var(--cream-deep);border:var(--bw) solid var(--line);border-radius:var(--r-sm);box-shadow:var(--pop-sm)}.conclusion p{font-family:var(--script);font-size:1.4rem;line-height:1.45;color:var(--teal-d);margin:0 0 var(--sp-2)}.conclusion p:last-child{margin-bottom:0}.conclusion:empty{display:none}.pattern-sidebar{min-width:0}.sidebar-close-wrap{display:none}.abbreviations-card{background:var(--paper-light);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--pop);padding:var(--sp-5)}.abbreviations-kicker{font-family:var(--script);font-size:1.2rem;color:var(--red-d);margin:0 0 var(--sp-1)}.abbreviations-title{font-family:var(--display);font-size:1.35rem;text-transform:uppercase;letter-spacing:var(--track-tight);color:var(--ink);text-shadow:2px 2px 0 var(--mustard);margin:0 0 var(--sp-2)}.abbreviations-sub{font-size:var(--fs-xs);line-height:1.5;color:var(--ink-2);margin:0 0 var(--sp-4);padding-bottom:var(--sp-3);border-bottom:var(--bw-hair) dashed var(--line-soft)}.abbrev-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-3)}.abbrev-item{display:flex;gap:var(--sp-3);align-items:baseline}.abbrev-number{flex:none;font-family:var(--display);font-size:1rem;line-height:1.3;color:var(--mustard-d);min-width:2.4ch}.abbrev-text{display:flex;flex-direction:column;gap:2px}.abbrev-key{font-family:var(--caps);font-weight:600;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--teal-d)}.abbrev-meaning{font-size:var(--fs-sm);line-height:1.5;color:var(--ink-2)}.mobile-abbrev-toggle{position:fixed;z-index:70;right:var(--sp-4);bottom:calc(var(--sp-4) + var(--sp-banner-h, 0px) + env(safe-area-inset-bottom));display:none;align-items:center;gap:var(--sp-2);min-height:52px;padding:12px var(--sp-4);font-family:var(--caps);font-weight:600;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--on-red);background:var(--red);border:var(--bw) solid var(--line);border-radius:var(--r-pill);box-shadow:var(--pop);cursor:pointer;opacity:0;visibility:hidden;translate:0 20px;pointer-events:none;transition:opacity var(--t) var(--ease),translate var(--t) var(--ease),visibility var(--t) var(--ease),box-shadow var(--t-fast) var(--ease)}.mobile-abbrev-toggle.visible{opacity:1;visibility:visible;translate:0 0;pointer-events:auto}.mobile-abbrev-toggle:active{translate:0 var(--press);box-shadow:var(--pop-in)}.mobile-abbrev-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.mobile-overlay{background:rgb(43 33 24 / .62);transition:opacity var(--t) var(--ease),visibility var(--t) var(--ease)}.mobile-overlay.open{opacity:1;visibility:visible}.qa-section[hidden]{display:none}.qa-badge{display:inline-block;margin-bottom:var(--sp-3);padding:6px var(--sp-4);font-family:var(--caps);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--track-wide);color:var(--on-mustard);background:var(--mustard);border:var(--bw) solid var(--line);border-radius:var(--r-pill);box-shadow:var(--pop-sm);rotate:-2deg}.qa-title{margin:0 0 var(--sp-2)}.qa-sub{margin:0}.qa-item{overflow:hidden;background:var(--paper-light);border:var(--bw) solid var(--line);border-radius:var(--r-sm);box-shadow:var(--pop-sm);transition:box-shadow var(--t) var(--ease)}.qa-question-wrap{margin:0;font-size:inherit}.qa-list .qa-question{width:100%;margin:0;background:#fff0;border:0;text-align:left;font-family:var(--caps)}.qa-question-text{flex:1}.qa-list .qa-item .qa-icon{content:normal}.qa-list .qa-item .qa-icon::after{content:'+';font-family:var(--display);font-size:1.3rem;line-height:1}.qa-item .qa-icon{transition:rotate var(--t) var(--ease),background-color var(--t) var(--ease)}.qa-item.active .qa-icon{rotate:45deg;background:var(--red);color:var(--on-red)}.qa-list .qa-item .qa-answer{display:none}.qa-list .qa-item.active .qa-answer{display:block}.qa-answer p{margin:0;font-size:var(--fs-body);line-height:var(--lh-loose)}.qa-item.active{box-shadow:var(--pop)}.newsletter-left{display:flex;flex-direction:column;justify-content:center}.source-attribution.hidden{display:none}.source-attribution{margin-top:var(--sp-6);padding:var(--sp-4);background:var(--cream-deep);border:var(--bw-hair) dashed var(--line);border-radius:var(--r-sm);font-size:var(--fs-xs);line-height:1.6;color:var(--ink-2)}.credit-designer{font-weight:var(--fw-bold);color:var(--ink);margin:0 0 4px}.credit-license,.credit-source{margin:0 0 4px}.sp-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--gutter);background:rgb(43 33 24 / .72);opacity:0;transition:opacity var(--t) var(--ease)}.sp-modal.open{opacity:1}.sp-modal[hidden]{display:none}.sp-modal-card{position:relative;width:min(100%, 560px);max-height:calc(100vh - var(--sp-7));max-height:calc(100dvh - var(--sp-7));overflow:auto;padding:var(--sp-6);background:var(--paper-light);border:var(--bw-thick) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--pop-xl);scale:.96;transition:scale var(--t) var(--ease-out)}.sp-modal.open .sp-modal-card{scale:1}.sp-modal-close{position:absolute;z-index:6;top:var(--sp-3);right:var(--sp-3);display:grid;place-items:center;width:44px;height:44px;font-family:var(--display);font-size:1.5rem;line-height:1;color:var(--on-red);background:var(--red);border:var(--bw) solid var(--line);border-radius:50%;box-shadow:var(--pop-sm);cursor:pointer}.sp-modal-close:hover{background:var(--red-d);color:var(--on-red)}.sp-modal-close:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}.image-modal-card{width:min(100%, 900px);padding:var(--sp-5);text-align:center}.image-modal-card img{display:block;width:100%;height:auto;max-height:calc(100vh - 220px);max-height:calc(100dvh - 220px);object-fit:contain;background:var(--cream-deep);border:var(--bw) solid var(--line);border-radius:var(--r-sm)}.image-modal-caption{margin:var(--sp-3) 0 0;font-family:var(--script);font-size:1.25rem;color:var(--teal-d)}.nl-popup-card{width:min(100%, 480px);padding:0;overflow:hidden;text-align:center}.nl-popup-head{padding:var(--sp-6) var(--sp-5) var(--sp-5);background:var(--teal);color:var(--on-teal);border-bottom:var(--bw-thick) solid var(--line)}.nl-popup.is-error .nl-popup-head{background:var(--red);color:var(--on-red)}.nl-popup-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto var(--sp-3);font-size:2rem;line-height:1;background:var(--paper-light);color:var(--ink);border:var(--bw) solid var(--line);border-radius:50%;box-shadow:var(--pop-sm);rotate:-6deg}.nl-popup-title{font-family:var(--display);font-size:1.5rem;text-transform:uppercase;letter-spacing:var(--track-tight);color:inherit;margin:0;text-shadow:2px 2px 0 var(--ink)}.nl-popup-body{padding:var(--sp-5)}.nl-popup-body p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);margin:0 0 var(--sp-5)}.nl-popup-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.completion-modal{text-align:center}.completion-modal-emoji{font-size:3rem;line-height:1;margin-bottom:var(--sp-3)}.completion-modal-title{font-family:var(--display);font-size:1.6rem;text-transform:uppercase;letter-spacing:var(--track-tight);color:var(--red);text-shadow:3px 3px 0 var(--ink);margin:0 0 var(--sp-3)}.completion-modal-sub{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);margin:0 0 var(--sp-5)}.completion-modal-form{gap:var(--sp-3)}.completion-modal-form input{width:100%;min-height:52px;padding:12px var(--sp-4);font-family:var(--font);font-size:var(--fs-body);color:var(--ink);background:var(--paper);border:var(--bw) solid var(--line);border-radius:var(--r-sm)}.completion-modal-skip{margin:var(--sp-4) 0 0}.linkish{background:none;border:0;padding:6px;font-family:var(--caps);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.linkish:hover{color:var(--red-d)}.linkish:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.global-progress{position:fixed;z-index:60;left:var(--sp-4);bottom:calc(var(--sp-4) + var(--sp-banner-h, 0px) + env(safe-area-inset-bottom));width:min(280px, calc(100vw - 2 * var(--sp-4)));padding:var(--sp-3) var(--sp-4);background:var(--ink);color:var(--on-ink);border:var(--bw) solid var(--line);border-radius:var(--r-sm);box-shadow:var(--pop);opacity:0;visibility:hidden;translate:0 20px;pointer-events:none;transition:opacity var(--t) var(--ease),translate var(--t) var(--ease),visibility var(--t) var(--ease)}.global-progress.visible{opacity:1;visibility:visible;translate:0 0}.global-progress-text{display:block;margin-bottom:var(--sp-2);font-family:var(--caps);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--mustard)}.global-progress-bar-track{height:10px;overflow:hidden;background:rgb(244 228 193 / .18);border-radius:var(--r-pill)}.global-progress-bar-fill{height:100%;width:0;background:var(--mustard);border-radius:var(--r-pill);transition:width var(--t-slow) var(--ease-out)}.complete-badge{position:fixed;z-index:190;left:50%;top:22%;translate:-50% -20px;display:grid;gap:4px;justify-items:center;padding:var(--sp-5) var(--sp-7);text-align:center;background:var(--red);color:var(--on-red);border:var(--bw-thick) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--pop-xl);rotate:-3deg;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t) var(--ease),translate var(--t) var(--ease),visibility var(--t) var(--ease)}.complete-badge.show{opacity:1;visibility:visible;translate:-50% 0}.complete-badge-big{font-family:var(--display);font-size:1.7rem;text-transform:uppercase;letter-spacing:var(--track-tight);text-shadow:3px 3px 0 var(--ink)}.complete-badge-sub{font-family:var(--script);font-size:1.3rem}@media (min-width:1100px){.pattern-content-wrapper{grid-template-columns:minmax(0,1fr) 320px}.pattern-sidebar{position:sticky;top:calc(var(--nav-h) + var(--sp-4))}.abbreviations-card{display:flex;flex-direction:column;max-height:calc(100dvh - var(--nav-h) - var(--sp-4) - var(--sp-5))}.abbreviations-card>:not(.abbrev-list){flex:none}.abbrev-list{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-soft) #fff0;padding-right:var(--sp-2);background:linear-gradient(var(--paper-light) 30%,#fff0) center top / 100% 36px,linear-gradient(#fff0,var(--paper-light) 70%) center bottom / 100% 36px,radial-gradient(farthest-side at 50% 0,rgb(43 33 24 / .22),#fff0) center top / 100% 12px,radial-gradient(farthest-side at 50% 100%,rgb(43 33 24 / .22),#fff0) center bottom / 100% 12px;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}}@media (max-width:1099.98px){.pattern-sidebar{position:fixed;z-index:128;top:0;right:0;bottom:0;width:min(360px, 88vw);overflow-y:auto;padding:var(--sp-5) var(--sp-4);background:var(--paper-light);border-left:var(--bw-thick) solid var(--line);box-shadow:-10px 0 0 rgb(43 33 24 / .16);translate:100% 0;visibility:hidden;transition:translate var(--t) var(--ease-out),visibility 0s linear var(--t)}.pattern-sidebar.open{translate:0 0;visibility:visible;transition:translate var(--t) var(--ease-out),visibility 0s linear 0s}.pattern-sidebar[inert]{visibility:hidden}.sidebar-close-wrap{display:flex;justify-content:flex-end;margin-bottom:var(--sp-3)}.sidebar-close-btn{display:grid;place-items:center;width:48px;height:48px;font-family:var(--display);font-size:1.5rem;line-height:1;color:var(--on-red);background:var(--red);border:var(--bw) solid var(--line);border-radius:50%;box-shadow:var(--pop-sm);cursor:pointer}.sidebar-close-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.mobile-abbrev-toggle{display:inline-flex}.abbreviations-card{border:0;box-shadow:none;padding:0;background:#fff0}}@media (max-width:760px){.pattern-card{padding:var(--sp-5) var(--sp-4)}.pattern-action-bar{gap:var(--sp-2)}.pab-btn{flex:1 1 46%;rotate:0deg;padding:12px var(--sp-3)}.hero-plate{margin-inline:0}.hero-roundel{--roundel-size:74px;top:calc(-1 * var(--sp-4));right:calc(-1 * var(--sp-2))}.hero-thumbnail-grid[data-count="2"],.hero-thumbnail-grid[data-count="3"]{grid-template-columns:1fr}.why-love-images-grid{grid-template-columns:1fr}.hero-tile,.why-love-tile{rotate:0deg}.row-instruction{padding:var(--sp-4) var(--sp-5) var(--sp-4) var(--sp-4)}.row-tick{top:var(--sp-3);right:var(--sp-2);width:24px;height:24px}.global-progress{left:var(--sp-3);right:var(--sp-3);width:auto;bottom:calc(84px + var(--sp-banner-h, 0px) + env(safe-area-inset-bottom))}.mobile-abbrev-toggle{right:var(--sp-3);bottom:calc(var(--sp-3) + var(--sp-banner-h, 0px) + env(safe-area-inset-bottom))}.complete-badge{width:min(92vw, 420px);padding:var(--sp-4)}.content-title-mark{width:34px;height:34px;font-size:.85rem}.prose-block>p:first-of-type::first-letter{font-size:2.6em}}@media (prefers-reduced-motion:reduce){.sp-loading-mark{animation:none}.hero-tile,.why-love-tile,.pab-btn,.content-title-mark,.hero-roundel,.qa-badge,.complete-badge{rotate:0deg!important}.hero-tile:hover,.why-love-tile:hover,.material-item:hover,.row-instruction[data-round]:hover{translate:0 0!important}.hero-tile-zoom{opacity:1;scale:1}.progress-bar-fill,.global-progress-bar-fill{transition:none}}@media print{@page{margin:14mm}.navbar,.mobile-nav,.sp-tape,.sp-scallop,.sp-ribbon,.floating-elements,.decorative-elements,.float-item,.pattern-action-bar,.pab-toast,.skip-link,.newsletter-section,.footer-section,.back-row,.content-side,.global-progress,.complete-badge,.sp-modal,.mobile-overlay,.mobile-abbrev-toggle,.sidebar-close-wrap,.hero-roundel,.side-promo,.hero-tile-zoom,.row-tick,.material-tick,.progress-tracker-hint{display:none!important}html,body{background:#fff!important;color:#000!important}.hero-section,.content-section,.pattern-section,.qa-section,.intro-section{padding-block:0!important;background:#fff!important}.feature-card{background:#fff!important;border:1px solid #000!important;box-shadow:none!important;rotate:0deg!important;break-inside:avoid;page-break-inside:avoid}.feature-icon{display:none!important}.section-rubric{color:#000!important;text-shadow:none!important}.content-grid,.pattern-content-wrapper{display:block!important}.hero-title,.pattern-title,.part-title,.content-title,.qa-title,.sp-h2,.row-label{color:#000!important;text-shadow:none!important}.content-card,.pattern-card,.abbreviations-card,.row-instruction,.material-item,.progress-tracker,.conclusion,.tips-content-list li,.mistake-item{background:#fff!important;color:#000!important;border:1px solid #000!important;box-shadow:none!important;rotate:0deg!important}.sp-framed::before{display:none!important}.row-instruction,.material-item,.mistake-item,.tips-content-list li,.qa-item,.abbrev-item,.progress-tracker{break-inside:avoid;page-break-inside:avoid}.part-section{break-before:auto;page-break-inside:auto}.part-title{break-after:avoid;page-break-after:avoid}.row-count{color:#000!important;background:#fff!important;border:1.5px solid #000!important;box-shadow:none!important;font-weight:700}.row-instruction.completed{background:#f2f2f2!important}.row-instruction.completed::after{content:' ✓';font-weight:700}.pattern-sidebar{position:static!important;display:block!important;width:auto!important;translate:none!important;padding:0!important;margin-top:10mm;border:0!important;box-shadow:none!important;overflow:visible!important}.pattern-sidebar[inert]{pointer-events:auto}.abbreviations-card{max-height:none!important;display:block!important}.abbrev-list{overflow:visible!important;background:none!important}.qa-list .qa-item .qa-answer{display:block!important}.qa-icon{display:none!important}.progress-bar-track{border:1px solid #000!important;background:#fff!important}.progress-bar-fill{background:#999!important}a[href^="#"]::after,a[href^="/"]::after{content:""}}