@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin.woff2)format("woff2");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree-latin.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}:root{color-scheme:light;--paper:#faf6f3;--surface:#f0e6eb;--card:#fffcfa;--ink:#5b2346;--muted:#725867;--line:#deced7;--brand:#5b2346;--accent:#f2a93b;--accent-text:#754300;--on-accent:#2a1020;--accent-hover:#eca02d;--result:#5b2346;--result-ink:#fff8fc;--fabric:#ecdce6;--fabric-ink:#80576f;--soft:#f0e6eb;--shadow:0 1px 2px #5b234614,0 8px 24px #5b23460f;--max:1200px;--ease:cubic-bezier(.2,.7,.2,1);--data-forest:#3a7058;--data-sage:#8db38a;--data-denim:#3f72af;--data-plum:#85599b}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#1c0f18;--surface:#352331;--card:#291a25;--ink:#f6ecf2;--muted:#ccb8c5;--line:#604656;--brand:#edc3dc;--accent:#f5b95a;--accent-text:#f5b95a;--on-accent:#2a1020;--accent-hover:#ffc976;--result:#54263f;--result-ink:#fff8fc;--fabric:#49303f;--fabric-ink:#d0a6bd;--soft:#412738;--shadow:0 1px 2px #0002,0 8px 24px #0002;--data-forest:#7fb58a;--data-denim:#7fa8da;--data-plum:#b892cc}}*{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font:400 17px/1.65 Figtree,system-ui,-apple-system,Segoe UI,sans-serif}img,svg{max-width:100%}img{height:auto}a{color:inherit;text-underline-offset:4px;overflow-wrap:anywhere}a:hover{color:var(--accent-text)}button,input,select,textarea{font:inherit;touch-action:manipulation}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}h1,h2,h3,.wordmark,.result-value{font-optical-sizing:auto;letter-spacing:-.025em;text-wrap:balance;font-family:Fraunces,Iowan Old Style,Georgia,serif;font-weight:600;line-height:1.12}h1{font-size:clamp(2.25rem,4.4vw,3.75rem)}h2{font-size:clamp(1.6rem,3vw,2.4rem)}h3{font-size:1.35rem}p{max-width:68ch}p+p{margin-top:1em}li+li{margin-top:.5em}ul,ol{padding-left:1.4em}small,.fine,.updated,figcaption{color:var(--muted);font-size:14px}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--brand);outline-offset:4px}main:focus{outline:none}::selection{background:var(--accent);color:var(--on-accent)}button,.button{background:var(--accent);min-width:44px;min-height:48px;color:var(--on-accent);cursor:pointer;transition:background .18s var(--ease),transform .18s var(--ease);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--accent-hover);color:var(--on-accent)}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:default}button.secondary,.button.secondary{background:var(--surface);color:var(--ink)}button.secondary:hover,.button.secondary:hover{background:var(--fabric)}label{margin-bottom:8px;font-size:16px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--muted);background:var(--card);width:100%;min-height:48px;color:var(--ink);border-radius:10px;padding:12px;font-size:16px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--accent)}fieldset{border:0;min-width:0;padding:0}legend{margin-bottom:16px;font-weight:600}summary{cursor:pointer;min-height:44px;padding-block:8px}table{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;min-height:48px;padding:14px 16px}thead th{background:var(--surface);z-index:1;position:sticky;top:0}caption{text-align:left;padding:16px;font-weight:600}.table-wrap{background:var(--card);max-width:100%;box-shadow:var(--shadow);border-radius:20px;margin:24px 0;overflow:auto;container-type:inline-size}.table-wrap caption{max-width:100cqw;position:sticky;left:0}hr{border:0;border-top:1px solid var(--line);margin:32px 0}.skip{z-index:60;background:var(--card);padding:16px;position:fixed;top:-100px}.skip:focus{top:0}.header{background:var(--paper);z-index:20;position:relative}.nav-wrap{max-width:var(--max);justify-content:space-between;align-items:center;gap:24px;min-height:76px;margin:auto;padding:0 24px;display:flex}.wordmark{letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:0;font-size:26px;font-weight:650;text-decoration:none;display:inline-flex}.wordmark img{width:36px;height:36px;margin-right:10px}.wordmark .stitch-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin:13px 2px 0;display:inline-block}.header nav{align-items:center;gap:20px;display:flex}.header nav a,.header nav>span{align-items:center;min-height:44px;font-size:16px;text-decoration:none;display:flex}.header nav [aria-current]{box-shadow:inset 0 -3px var(--accent)}.header-actions{gap:8px;min-width:44px;min-height:44px;display:flex}.header-action{background:var(--surface);color:var(--ink);min-height:44px;padding:10px}.header-action svg{width:20px;height:20px}.header-action kbd{font:14px Figtree,sans-serif}.menu-toggle{display:none}.reading-progress{background:var(--surface);width:100%;height:3px;position:absolute;bottom:0;left:0}.reading-progress span{background:var(--accent);width:0;height:3px;transition:width .24s var(--ease);display:block}.page,.wrap{max-width:var(--max);margin:auto;padding:32px 24px 64px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.breadcrumbs a{align-items:center;min-height:44px;display:inline-flex}.intro{margin-bottom:32px}.intro h1{max-width:24ch}.lede{color:var(--muted);max-width:65ch;margin-top:16px;font-size:18px;line-height:1.65}.eyebrow{color:var(--muted);margin-bottom:16px;font-size:16px;font-weight:600}.section{padding-top:64px;padding-bottom:64px}.section-top{justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px;display:flex}.section-top p{max-width:44ch;color:var(--muted)}.text-link{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.hub-header{background:var(--surface);border-radius:20px;grid-template-columns:1fr 240px;align-items:center;gap:40px;margin-bottom:32px;padding:40px;display:grid}.hub-header .intro{margin:0}.hub-header .spot{justify-self:center;width:224px;height:192px}.spot{width:100%;height:auto;color:var(--ink);flex-shrink:0;display:block}.illustrated-grid,.visual-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.illustrated-card,.visual-index article{background:var(--card);min-width:0;box-shadow:var(--shadow);border-radius:20px;padding:24px}.illustrated-card{min-height:44px;transition:transform .2s var(--ease);flex-direction:column;align-items:flex-start;gap:12px;text-decoration:none;display:flex}.illustrated-card:hover{color:var(--ink);transform:translateY(-3px)}.illustrated-card .spot{width:96px;height:96px}.illustrated-card h2,.illustrated-card h3,.visual-index h2,.visual-index h3{margin:8px 0;font-size:1.4rem}.illustrated-card p,.visual-index p{color:var(--muted);font-size:16px}.illustrated-card .card-title{font-size:16px;font-weight:600}.visual-index article>a{text-decoration:none;display:block}.visual-index article>a:after{content:"";border-radius:20px;position:absolute;inset:0}.visual-index article{position:relative}.visual-index article a{position:static}.visual-index .coverage-drawing,.visual-index .stitch-drawing{box-shadow:none;background:var(--surface);margin:0;padding:8px}.visual-index figure svg{height:176px}.visual-index figcaption{display:none}.learning-group,.stitch-group{margin-top:48px}.learning-group>h2,.stitch-group>h2{margin-bottom:24px}.lesson-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.lesson-link{background:var(--card);box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:16px;padding:24px;text-decoration:none;display:flex}.lesson-link h2,.lesson-link h3{font-size:1.4rem}.lesson-link p{color:var(--muted);margin-top:12px;font-size:16px}.lesson-link .arrow{margin-left:auto}.hub-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.hub-tabs a,.hub-tabs>span{background:var(--surface);border-radius:24px;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:16px;text-decoration:none;display:inline-flex}.hub-tabs [aria-current]{background:var(--accent);color:var(--on-accent)}.hub-tabs .spot{width:24px;height:24px}.start-path{counter-reset:path;gap:8px;margin:32px 0;padding:0;list-style:none;display:flex;overflow:auto}.start-path li{counter-increment:path;flex:1;min-width:140px;margin:0}.start-path a{background:var(--card);border-radius:16px;flex-direction:column;gap:8px;min-height:100%;padding:16px;font-size:16px;text-decoration:none;display:flex}.start-path a:before{content:counter(path);font:600 24px Fraunces,serif}.start-path .is-saved{background:var(--accent);color:var(--on-accent)}.hero{max-width:var(--max);grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin:auto;padding:48px 24px 32px;display:grid}.hero h1{max-width:10ch;font-size:clamp(2.75rem,7vw,5.5rem)}.hero .lede{max-width:36ch;margin:24px 0}.hero-art{align-self:stretch;align-items:center;display:flex}.hero-art .spot{height:460px}.resume-card{background:var(--card);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:48px 1fr;gap:16px;margin-top:32px;padding:24px;display:grid}.resume-card h2{font-size:1.2rem}.resume-card .spot{width:48px;height:48px}.resume-links{flex-wrap:wrap;grid-column:1/-1;gap:8px 16px;margin-top:12px;display:flex}.resume-links a{align-items:center;min-height:44px;font-size:16px;display:inline-flex}.home-hubs{padding-top:16px}.home-hubs .illustrated-card{grid-template-columns:80px 1fr;column-gap:16px;padding:24px;display:grid}.home-hubs .spot{grid-row:1/3;width:80px;height:80px}.home-hubs h2{font-size:1.3rem}.home-hubs p{font-size:16px}.feature{background:var(--surface)}.feature-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.feature-grid p{margin-block:24px}.paths,.supply-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.path,.supply-cards article{background:var(--card);box-shadow:var(--shadow);border-radius:20px;padding:24px}.path p,.supply-cards p{margin-top:16px}.supply-name{font-weight:600}.plan-count .illustrated-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.article-grid{grid-template-columns:minmax(0,1fr) 224px;gap:64px;display:grid}.article-body,.coverage-article{min-width:0;max-width:800px}.article-body section,.coverage-article>section{margin-top:40px}.article-body h2,.coverage-article h2{margin-bottom:20px}.article-body h3,.coverage-article h3{margin:24px 0 16px}.article-body p,.coverage-article p{margin-bottom:16px}.toc{background:var(--surface);border-radius:20px;align-self:start;padding:24px;position:sticky;top:24px}.toc h2{letter-spacing:0;margin-bottom:16px;font:600 14px/1.5 Figtree,sans-serif}.toc a{min-height:44px;padding:8px 0;font-size:16px;display:block}.mobile-contents{display:none}.answer-first,.note,.buying-notice{background:var(--surface);border-radius:16px;margin:24px 0;padding:20px 24px}.answer-first>strong{font-size:16px}.answer-first p{margin:8px 0 0}.term-strip{flex-wrap:wrap;gap:8px;margin:24px 0;font-size:16px;display:flex}.term-strip>span,.fact-chip{background:var(--surface);border-radius:24px;padding:8px 16px}.prerequisites{font-size:16px}.stitch-drawing,.coverage-drawing{background:var(--card);box-shadow:var(--shadow);border-radius:20px;margin:24px 0;padding:24px}.stitch-drawing svg,.coverage-drawing svg{width:100%;height:auto;display:block}.stitch-drawing figcaption,.coverage-drawing figcaption{margin-top:16px;line-height:1.5}.handed-view{margin:24px 0}.handed-controls{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.handed-controls [aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.steps{counter-reset:steps;padding:0;list-style:none}.steps>li{counter-increment:steps;background:var(--card);box-shadow:var(--shadow);border-radius:20px;margin:16px 0;padding:24px 24px 24px 64px;position:relative}.steps>li:before{content:counter(steps);color:var(--accent-text);font:600 24px Fraunces,serif;position:absolute;top:24px;left:24px}.steps h3{margin:0 0 12px}.lesson-workspace{margin-block:16px;padding:16px 0}.workspace-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.workspace-heading h2{margin:0;font-size:1.2rem}.lesson-workspace p{margin:12px 0;font-size:14px}.progress-track{background:var(--line);border-radius:4px;height:4px;overflow:hidden}.progress-track span{background:var(--accent);height:100%;transition:width .24s var(--ease);display:block}.step-chooser{gap:8px;margin:16px 0;display:flex;overflow:auto}.step-chooser button{flex-shrink:0}.step-chooser [aria-current]{background:var(--accent);color:var(--on-accent)}.lesson-actions{gap:8px;display:flex}.focused-step{animation:step-in .24s var(--ease);scroll-margin-top:24px}.focus-lesson.steps>li:before{content:attr(data-step-number)}.step-ring{background:conic-gradient(var(--accent) var(--progress,0%),var(--line) 0);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:inline-flex}.step-ring span{background:var(--card);border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.pattern-opening{background:var(--card);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:24px;display:grid}.pattern-opening .coverage-drawing{box-shadow:none;background:var(--surface);margin:0}.pattern-page{max-width:100%}.pattern-page>section{max-width:800px}.pattern-actions{flex-wrap:wrap;gap:12px;margin:0;display:flex}.pattern-opening .term-strip{margin:20px 0 16px}.pattern-progress{justify-content:space-between;align-items:center;gap:16px;margin:24px 0;display:flex}.pattern-progress p{margin:0;font-size:16px}.pattern-check{cursor:pointer;align-items:flex-start;gap:16px;min-height:44px;margin:0;font-size:17px;font-weight:400;display:flex}.pattern-check input{flex-shrink:0;margin:3px 0 0}.pattern-check:has(:checked){color:var(--muted)}.pattern-check:has(:checked) span{animation:step-in .2s var(--ease)}.materials-list{background:var(--card);border-radius:20px;padding:24px;list-style:none}.materials-list label{align-items:center;gap:16px;min-height:44px;font-weight:400;display:flex}.materials-list input{flex-shrink:0}.count-strip{background:var(--surface);border-radius:16px;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px;display:flex}.count-strip span{font-variant-numeric:lining-nums tabular-nums}.count-ticks{flex-wrap:wrap;gap:8px;display:flex}.count-tick{background:var(--card);color:var(--ink);border:1px solid var(--line);font-variant-numeric:lining-nums tabular-nums;padding:8px 12px}.count-tick[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.count-note{margin-top:8px}.related-pages{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.related-pages h2{font-size:1.6rem}.related-pages ul{grid-template-columns:1fr 1fr;gap:8px 24px;padding:0;list-style:none;display:grid}.related-pages li{margin:0}.related-pages a{align-items:center;min-height:44px;display:inline-flex}.related-pages p a{display:inline}.first-result{max-width:420px}.first-result svg{height:160px}.tool-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.tool-form{background:var(--card);box-shadow:var(--shadow);border-radius:20px;min-width:0;padding:32px}.input-drawing{background:var(--surface);border-radius:16px;margin-bottom:24px;padding:16px;overflow:hidden}.input-drawing .spot{height:128px}.input-drawing [data-dimension]{transition:stroke .2s var(--ease);stroke:var(--fabric-ink)}.input-drawing[data-active=width] [data-dimension=width],.input-drawing[data-active=height] [data-dimension=height],.input-drawing[data-active=length] [data-dimension=length]{stroke:var(--accent)}.fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}.full{grid-column:1/-1}.field-help{color:var(--muted);margin-top:8px;font-size:16px;display:block}.tool-form button{margin-top:24px;margin-right:8px}.gauge-example{background:var(--surface);border-radius:12px;margin-bottom:24px;padding:16px}.gauge-group{margin-block:32px}.gauge-group legend{font:600 24px Fraunces,serif}.gauge-group>.field-help{margin-bottom:16px}.check-line{align-items:center;gap:12px;min-height:44px;font-weight:400;display:flex}.check-line input{flex-shrink:0}.result{background:var(--result);min-width:0;color:var(--result-ink);box-shadow:var(--shadow);font-variant-numeric:lining-nums tabular-nums;border-radius:20px;padding:32px;scroll-margin-top:24px;position:sticky;top:24px}.result h2{letter-spacing:0;font:500 17px/1.45 Figtree,sans-serif}.result-value{overflow-wrap:anywhere;font-variant-numeric:lining-nums tabular-nums;margin:16px 0;font-size:clamp(3rem,6vw,4.5rem);line-height:1.12}.result p,.result li,.result summary{font-size:16px}.result p{margin-top:16px}.result .fine,.result figcaption{color:var(--result-ink)}.result details{margin-top:24px}.result.error{background:var(--result)}.result-visual{color:var(--accent);margin-top:24px}.result-visual svg{width:100%;height:140px;display:block}.result-visual figcaption{margin-top:12px;font-size:14px}.result-visual rect[fill=currentColor]{transform-box:fill-box;transform-origin:0 100%;animation:grow .24s var(--ease)}.tool-explanation{max-width:800px;margin-top:48px}.tool-explanation h2{margin:32px 0 20px}.tool-explanation h3{margin:24px 0 16px}.tool-explanation p,.tool-explanation li{max-width:64ch}.worksheet{grid-template-columns:1fr 1fr;gap:24px;display:grid}.worksheet .fields{grid-template-columns:1fr}.sub-summary{min-width:0;position:sticky;top:24px}.sub-summary .result{position:static;margin-top:0!important}.sub-summary .result h2{font:600 clamp(2rem,4vw,3rem)/1.15 Fraunces,serif}.sub-summary>button{width:100%}.verdict-chip{background:var(--accent);width:64px;height:8px;animation:grow .18s var(--ease);border-radius:8px;margin-bottom:24px}.verdict-close{background:var(--data-forest)}.planning-tool .result h2{font:600 clamp(2rem,5vw,3rem)/1.15 Fraunces,serif}.planning-detail{max-width:800px;margin-top:32px}.planning-detail h2{margin-bottom:24px}.planning-detail ol{max-height:440px;overflow:auto}.stripe-preview{border-radius:16px;flex-direction:column;width:min(100%,500px);height:340px;margin-bottom:24px;display:flex;overflow:hidden}.stripe-preview>div{min-height:0;animation:grow .24s var(--ease)}.counter-panel{background:var(--result);max-width:720px;color:var(--result-ink);box-shadow:var(--shadow);border-radius:20px;padding:32px}.counter-panel .fine{color:var(--result-ink)}.count-output{align-items:baseline;gap:24px;display:flex}.count-output #row-count{font-variant-numeric:lining-nums tabular-nums;font:600 clamp(5rem,22vw,8rem)/1.2 Figtree,sans-serif}.counter-actions{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.counter-actions #count-up{width:100%;min-height:76px;font-size:20px}.counter-panel form{margin:24px 0}.inline-fields{gap:16px;display:flex}.inline-fields input{min-width:0}.counter-strip{align-items:center;gap:6px;height:32px;display:flex}.counter-strip svg{width:24px;height:24px;color:var(--accent);animation:step-in .2s var(--ease)}.counter-empty{width:80px;height:80px;color:var(--result-ink)}.row-roll{animation:step-in .18s var(--ease)}.filters{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px;display:grid}.project-filters,.reference-search{background:var(--surface);border-radius:20px;margin-bottom:24px;padding:24px}.project-filters,.reference-search{max-width:800px}.reference-search button{margin:16px 8px 0 0}.reference-page table tbody th{font:600 22px/1.4 Fraunces,serif}.empty-state{background:var(--surface);border-radius:20px;align-items:center;gap:24px;padding:24px;display:flex}.empty-state .spot{width:96px;height:96px}.catalog-row{background:var(--card);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:1fr 1fr;gap:32px;margin:24px 0;padding:32px;display:grid}.catalog-identity,.catalog-decision{min-width:0}.catalog-row h2{margin-bottom:16px;font-size:1.6rem}.catalog-row h3{margin-bottom:8px;font:600 17px Figtree,sans-serif}.catalog-row .brand{color:var(--muted);font-size:14px}.catalog-row .tradeoff{margin-top:16px}.catalog-decision>.button{margin-top:24px}.product-photo{min-width:0;max-width:100%;margin:0 0 24px}.product-photo>a{background:#fff;border-radius:16px;display:block;overflow:hidden}.product-photo img{object-fit:contain;background:#fff;width:100%;height:240px;padding:16px;display:block}.product-photo figcaption,.product-photo .photo-credit{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.5}.catalog-identity .product-photo img{height:160px}.supply-heading{background:var(--surface);border-radius:20px;margin-bottom:32px;padding:32px}.supply-heading:has(.product-photo:not([hidden])){grid-template-columns:1fr 280px;align-items:center;gap:32px;display:grid}.supply-heading .intro,.supply-heading .product-photo{margin:0}.product-layout{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}.product-layout h2{margin:32px 0 16px}.specs{background:var(--card);box-shadow:var(--shadow);border-radius:20px;align-self:start;margin:0;padding:24px}.spec-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:16px;padding:16px 0;font-size:16px;display:grid}.spec-row dt{color:var(--muted)}.spec-row dd{overflow-wrap:anywhere;margin:0}.source-list{color:var(--muted);font-size:14px}.source-list a{align-items:center;min-height:44px;margin-right:16px;display:inline-flex}.comparison-page th:first-child{background:var(--card);z-index:1;min-width:180px;position:sticky;left:0}.comparison-page thead th:first-child{z-index:2;background:var(--surface)}.comparison-page table{min-width:800px}.comparison-controls{max-width:600px;margin-block:24px}.comparison-page>section{max-width:800px;margin:32px 0}.comparison-links{margin-top:40px}.source-entry h3{font:600 17px/1.5 Figtree,sans-serif}.source-entry+.source-entry{margin-top:24px}.reading-page{max-width:68ch;margin:auto}.reading-page .intro{background:var(--surface);border-radius:20px;padding:32px}.reading-page section{margin-top:40px}.reading-page h2{margin-bottom:20px}.reading-page .lede{font-size:18px}.contact-wrap{max-width:800px;margin:auto}.contact-wrap form{margin-top:32px}.not-found{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.not-found .spot{height:340px}.not-found .task-actions{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.printable-worksheet{gap:24px}.printable-worksheet textarea{resize:vertical;min-height:90px}.sheet-print{display:none}.print-button{margin-block:16px}.print-date{color:var(--muted);margin-top:24px;font-size:14px}.footer-wrap{max-width:var(--max);grid-template-columns:1.3fr 2fr;gap:32px;margin:auto;padding:48px 24px;display:grid}footer{background:var(--surface)}footer p{color:var(--muted);margin-top:16px;font-size:14px}.footer-links{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.footer-links h2{margin-bottom:12px;font:600 16px Figtree,sans-serif}.footer-links a,.footer-links span{align-items:center;min-height:44px;font-size:14px;display:flex}.footer-disclosure,.footer-wrap>.fine{grid-column:1/-1}.footer-disclosure{border-top:1px solid var(--line);padding-top:24px}.site-search{background:var(--card);color:var(--ink);width:calc(100% - 32px);max-width:640px;max-height:85dvh;box-shadow:var(--shadow);border:0;border-radius:20px;padding:24px}.site-search::backdrop{background:#1c0f18aa}.search-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-heading h2{font-size:1.6rem}.site-search ul{padding:0;list-style:none}.site-search li{margin:0}.site-search li a{border-bottom:1px solid var(--line);flex-direction:column;min-height:44px;padding:16px 8px;text-decoration:none;display:flex}.site-search small{font-size:14px}.result-flash{animation:result-in .24s var(--ease)}@keyframes result-in{0%{opacity:.8}to{opacity:1}}@keyframes step-in{0%{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}@media (width<=1000px){.header nav{gap:12px}.header nav a,.header nav>span{font-size:14px}.nav-wrap{gap:16px}.wordmark{font-size:24px}.article-grid{grid-template-columns:1fr}.toc{display:none}.mobile-contents{background:var(--surface);border-radius:16px;margin:24px 0;padding:16px;display:block}.mobile-contents a{min-height:44px;padding:8px;display:block}.illustrated-grid,.visual-index{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hubs .illustrated-card{display:flex}.plan-count .illustrated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{gap:32px}}@media (width<=900px){.tool-grid{grid-template-columns:1fr}.tool-grid>.result,.tool-grid>.sub-summary{order:-1;position:static}.tool-form{padding:24px}.header nav{display:none}.nav-wrap{flex-wrap:wrap;min-height:64px;padding:0 24px}.has-js .nav-wrap{flex-wrap:nowrap}.header nav.is-open,html:not(.has-js) .header nav{background:var(--card);grid-template-columns:repeat(2,1fr);width:100%;padding:16px;display:grid}.has-js .header nav.is-open{box-shadow:var(--shadow);position:absolute;top:64px;left:0}.header nav a,.header nav>span{font-size:16px}.menu-toggle{display:inline-flex}.header-action kbd{display:none}.header-actions{min-width:96px}.hero{gap:16px}.hero-art .spot{height:360px}.footer-wrap{grid-template-columns:1fr}.home-hubs .illustrated-card{padding:20px}.hub-header{grid-template-columns:1fr 180px;gap:24px;padding:32px}.hub-header .spot{width:180px}}@media (width<=650px){.page,.wrap{padding:24px 20px 48px}.hero{grid-template-columns:1fr;padding:32px 20px}.hero h1{max-width:10ch;font-size:3.5rem}.hero .lede{margin:20px 0}.hero-art{grid-row:2}.hero-art .spot{height:230px}.hero-inner{display:contents}.hero-inner h1,.hero-inner>.lede,.hero-inner>.button{grid-column:1}.hero-inner h1{grid-row:1}.hero-inner>.lede{grid-row:3;margin:0}.hero-inner>.button{grid-row:4;justify-self:start}.resume-card{grid-area:5/1;margin-top:8px;padding:20px}.home-hubs{padding-top:0}.home-hubs .illustrated-grid{grid-template-columns:1fr 1fr;gap:16px}.home-hubs .illustrated-card{gap:8px;padding:16px}.home-hubs .spot{width:72px;height:72px}.home-hubs h2{font-size:1.2rem}.home-hubs p{font-size:14px}.section-top{margin-bottom:24px;display:block}.section-top p{margin-top:16px}.section{padding-top:40px;padding-bottom:40px}.feature-grid,.paths,.supply-cards,.lesson-list,.illustrated-grid,.visual-index,.product-layout,.catalog-row,.supply-heading:has(.product-photo:not([hidden])),.pattern-opening,.not-found{grid-template-columns:1fr}.feature-grid{gap:24px}.hub-header{flex-direction:column-reverse;gap:20px;padding:24px;display:flex}.hub-header .spot{width:180px;height:160px}.hub-header h1{font-size:2.25rem}.hub-header .lede{font-size:17px}.reference-cards{grid-template-columns:1fr 1fr;gap:16px}.reference-cards .illustrated-card{padding:16px}.reference-cards .illustrated-card h2{font-size:1.2rem}.reference-cards .spot{width:48px;height:48px}.tool-grid{gap:24px}.result{padding:24px}.result-value{font-size:clamp(3rem,9vw,4.5rem)}.result-visual svg{height:110px}.fields{gap:16px}.worksheet{grid-template-columns:1fr}.filters{grid-template-columns:1fr;gap:16px}.article-body section,.coverage-article>section{margin-top:32px}.stitch-drawing,.coverage-drawing{padding:16px}.pattern-opening{padding:20px}.pattern-progress{flex-wrap:wrap}.pattern-check{font-size:17px}.steps>li{padding:20px 20px 20px 52px}.steps>li:before{top:22px;left:20px}.related-pages ul{grid-template-columns:1fr}.focus-lesson .focused-step{background:var(--card);border-radius:20px;padding:24px}.focus-lesson.steps>.focused-step{padding-left:52px}.lesson-workspace:has(.lesson-actions:not([hidden])){padding-bottom:64px}.lesson-workspace:has(.lesson-actions:not([hidden])) .lesson-actions{z-index:30;background:var(--card);justify-content:space-between;align-items:center;gap:8px;height:56px;padding:4px 16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #1c0f1815}.lesson-actions button{min-height:44px;padding:8px 12px}.lesson-actions .reset-progress,.step-chooser{display:none}.lesson-workspace .workspace-heading h2{font-size:17px}.lesson-workspace .workspace-heading button{font-size:16px}.counter-panel{padding:24px}.counter-strip{gap:3px}.counter-actions .secondary{width:100%}.inline-fields{flex-wrap:wrap}.inline-fields input{flex:1;min-width:140px}.catalog-row{gap:24px;padding:24px}.supply-heading{padding:24px}.supply-heading .product-photo img{height:220px}.comparison-page table,.comparison-page tbody,.comparison-page tr,.comparison-page td,.comparison-page th{min-width:0;display:block}.comparison-page thead{display:none}.comparison-page tr{background:var(--card);border-radius:16px;margin-bottom:24px;padding:16px}.comparison-page th:first-child{background:0 0;padding:8px 0 16px;font-size:18px;position:static}.comparison-page td{grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;display:grid}.comparison-page td:before{content:attr(data-label);font-weight:600}.comparison-page .table-wrap{box-shadow:none;background:0 0;overflow:visible;container-type:normal}.comparison-page caption{width:100%;padding:0 0 16px;display:block}.footer-wrap{padding:40px 20px}.footer-links{grid-template-columns:1fr 1fr;gap:16px}.footer-links nav:last-child{flex-wrap:wrap;grid-column:1/-1;gap:0 16px;display:flex}.footer-links nav:last-child h2{width:100%}.footer-links a{min-width:44px}.not-found .spot{height:240px}.reading-page .intro{padding:24px}.contact-form__challenge{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{@page{size:A4;margin:14mm}:root{--paper:#fff;--card:#fff;--surface:#eee;--ink:#111;--muted:#333;--brand:#111;--accent:#555;--accent-text:#333;--result:#eee;--result-ink:#111;--fabric:#eee;--fabric-ink:#555;--shadow:none;color-scheme:light}.header,footer,.skip,.toc,.breadcrumbs,button,.button,.site-search,.lesson-workspace,.pattern-progress,.project-filters,.reference-search,.hub-tabs,.related-pages,.comparison-controls{display:none!important}body{font-size:11pt}.page,.wrap{padding:0}.article-grid,.tool-grid,.product-layout{display:block}.result,.sub-summary{position:static}.focus-lesson>[hidden]{display:block!important}.table-wrap{overflow:visible}.stitch-drawing,.coverage-drawing{break-inside:avoid;max-width:400px}.steps>li{break-inside:avoid}.pattern-check input{display:none}.pattern-check{color:#111}.planning-detail ol{max-height:none;overflow:visible}.printable-worksheet{grid-template-columns:1fr 1fr;display:grid}.printable-worksheet textarea{height:48px;min-height:48px}.printable-worksheet textarea.is-filled{display:none}.printable-worksheet .sheet-print:not(:empty){white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--muted);border-radius:10px;min-height:48px;padding:12px;font-size:16px;display:block}.result details>*{display:block!important}.result details>summary{display:none}.page h1{font-size:28pt}}.teaching-drawing{margin:1.5rem 0}.teaching-drawing svg{color:var(--ink)}.chart-key{flex-wrap:wrap;gap:1.5rem;margin-top:.7rem;display:flex}.chart-key span{align-items:center;gap:.25rem;font-size:1rem;display:flex}.chart-key svg{fill:none;stroke:currentColor;stroke-width:2px;width:30px;height:30px}.article-body .teaching-drawing figcaption{margin-bottom:0}.diagram-annotation{font-size:1rem;line-height:1.6;display:block;margin:.6rem 0!important}.diagram-motion{margin:0 0 .8rem;padding-left:1.25rem}.diagram-motion li{margin:.35rem 0}.contact-form{gap:24px;max-width:48rem;margin:24px 0;display:grid}.contact-form__field{flex-direction:column;gap:8px;display:flex}.contact-form__help,.contact-form__boundary,.contact-form__challenge-message,.contact-form__status{color:var(--muted);font-size:16px}.contact-form textarea{resize:vertical;min-height:160px}.contact-form__honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-form__consent{align-items:flex-start;gap:12px;display:flex}.contact-form__consent input{flex-shrink:0}.contact-form__status[data-state=error]{color:var(--ink)}.contact-form__actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.contact-form__challenge{min-height:70px}@media (width>=680px){.contact-form{grid-template-columns:1fr 1fr}.contact-form__field--wide{grid-column:1/-1}}.visual-index article:has(>.illustrated-card){box-shadow:none;background:0 0;padding:0}.visual-index .illustrated-card{height:100%;display:block}.visual-index .illustrated-card>div[slot=art]{width:100%}.visual-index article>a:after{display:none}.step-position{white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.step-position .step-ring{flex:none}.result-value,#row-count,table{font-variant-numeric:lining-nums tabular-nums}.lesson-step-art{margin:0 0 16px}.lesson-step-art svg{width:100%;height:auto;max-height:220px}.lesson-step-art figcaption{font-size:14px}.progress-ring{flex:none;width:32px;height:32px;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke:var(--line);stroke-width:4px}.progress-ring .filled{stroke:var(--accent);stroke-dasharray:88;stroke-dashoffset:calc(88 * (1 - var(--fraction,0)));transition:stroke-dashoffset .24s var(--ease)}@media (width<=650px){.focused-step .handed-view{margin:0 0 16px}.focused-step .stitch-drawing{box-shadow:none;padding:8px}.focused-step .stitch-drawing svg{max-height:150px}.focused-step .handed-view [data-hand-panel]>p{font-size:14px}.focused-step .handed-controls{margin-bottom:8px}.focused-step .handed-controls button,.focused-step .stitch-drawing figcaption{font-size:14px}.hero-art .spot{height:190px}}.result-value{font-family:Figtree,system-ui,sans-serif;font-weight:600}.product-photo .photo-credit{color:#725867;background:#fff;margin:0;padding:4px 12px 12px}.supply-heading{grid-template-columns:1fr 280px;align-items:center;gap:32px;display:grid}.product-image-well{place-items:center;min-width:0;height:400px;display:grid;position:relative}.product-image-well>.spot{width:180px;height:180px}.product-image-well>.product-photo{margin:0;position:absolute;inset:0}.product-image-well:has(.product-photo:not([hidden]))>.spot{visibility:hidden}.product-image-well .product-photo img{height:240px}@media (width<=650px){.supply-heading{grid-template-columns:1fr}.product-image-well{height:360px}.product-image-well .product-photo img{height:220px}}.resume-links a{background:var(--surface);border-radius:10px;padding:8px 12px;text-decoration:none}.sub-summary .result-flash h2{animation:step-in .2s var(--ease) 60ms both}.stripe-preview>div{transform-origin:bottom;animation:band-grow .24s var(--ease)}@keyframes band-grow{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}.steps:not(.focus-lesson) .lesson-step-art{display:none}.lesson-instruction{display:block}.drawing-phone-annotation{display:none}.lesson-step-art{box-shadow:none;background:0 0;margin:0 0 16px;padding:0}.lesson-step-art svg{max-height:none}.lesson-step-art figcaption{font-size:14px;line-height:1.45}.comparison-links .illustrated-grid{margin-top:24px}@media (width<=650px){.focused-step .stitch-drawing svg{max-height:none}.focus-lesson.steps>.focused-step{padding:24px}.focus-lesson.steps>.focused-step:before{margin-bottom:12px;display:block;position:static}.drawing-long-label{display:none}.drawing-phone-annotation{margin:12px 0 0;font-size:14px;line-height:1.5;display:block}.lesson-step-art figcaption{margin-top:12px}.focused-step .lesson-instruction{font-size:17px}}.focused-step .lesson-step-art [stroke="var(--accent)"]{animation:working-loop .24s var(--ease)}@keyframes working-loop{0%{stroke:var(--fabric-ink)}to{stroke:var(--accent)}}.pattern-check input{appearance:none;border:2px solid var(--fabric-ink);background:var(--card);border-radius:6px;place-content:center;width:24px;min-width:24px;height:24px;display:grid}.pattern-check input:checked{background:var(--accent);border-color:var(--accent)}.pattern-check input:checked:after{content:"";border:solid var(--on-accent);width:7px;height:12px;animation:check-in .2s var(--ease);border-width:0 2px 2px 0;transform:translateY(-2px)rotate(45deg)}@keyframes check-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (width<=650px){.hero-art{border-radius:20px;height:190px;display:block;overflow:hidden}.hero-art .spot{width:480px;max-width:none;height:400px;transform:translate(-90px,-116px)}}#planning-result h2{font-variant-numeric:lining-nums tabular-nums;font-family:Figtree,system-ui,sans-serif;font-size:clamp(2rem,6vw,2.5rem);font-weight:600}.steps>li:before{font-variant-numeric:lining-nums tabular-nums;font-family:Figtree,system-ui,sans-serif}.reference-search button.secondary{background:var(--card);border:1px solid var(--line)}.reference-search button.secondary:hover{background:var(--fabric)}@media screen and (width>=768px){.article-body .stitch-drawing,.article-body .coverage-drawing,.coverage-article[data-lesson] .stitch-drawing,.coverage-article[data-lesson] .coverage-drawing{max-width:560px;margin-inline:auto}.article-body .first-result{margin-inline:auto}.article-body .stitch-drawing svg text,.article-body .coverage-drawing svg text,.coverage-article[data-lesson] .stitch-drawing svg text,.coverage-article[data-lesson] .coverage-drawing svg text{font-size:24px}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.stitch-visuals{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:20px;margin:20px 0 24px;display:grid}.stitch-motion{background:var(--card);box-shadow:var(--shadow);border-radius:20px;margin:0;padding:16px}.stitch-motion .handed-controls{margin-bottom:12px}.motion-stage>svg{background:var(--paper);cursor:pointer;border-radius:14px;width:100%;height:auto;display:block}.motion-controls{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:12px;display:flex}.motion-play{min-width:112px}.motion-play svg{flex:none;width:18px;height:18px}.motion-scrub{flex:140px;margin:0}.motion-scrub input{accent-color:var(--brand);background:0 0;border:0;min-height:44px;padding:0}.motion-steps{flex-wrap:wrap;gap:6px;display:flex}.motion-steps button{width:44px;min-width:44px;padding:0}.motion-steps button[aria-pressed=true],.motion-steps button[aria-pressed=true]:hover{background:var(--brand);color:var(--paper)}.motion-caption{min-height:4.5em;margin-top:12px;font-size:16px;line-height:1.5}.motion-caption strong{margin-right:.35em}.motion-frames{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:none}.motion-frames li+li{margin-top:0}.motion-frame{margin:0}.motion-frame svg{background:var(--paper);border-radius:12px;width:100%;height:auto;display:block}.motion-frame figcaption{color:var(--ink);margin-top:8px;font-size:14px;line-height:1.45}.lesson-step-art.motion-frame{background:var(--card);border-radius:16px;max-width:520px;margin:0 0 12px;padding:10px}.lesson-step-art.motion-frame figcaption{display:none}.swatch,.finished-object{background:var(--card);box-shadow:var(--shadow);border-radius:20px;margin:0;padding:16px}.swatch svg,.finished-object svg{width:100%;height:auto;display:block}.swatch figcaption,.finished-object figcaption{color:var(--ink);margin-top:12px;font-size:16px;line-height:1.5}.swatch figcaption strong{margin-bottom:4px;font-family:Fraunces,Iowan Old Style,Georgia,serif;font-size:1.25rem;font-weight:600;display:block}.swatch figcaption .fine{margin-top:6px;display:block}.next-visuals{min-width:0}.next-visuals .swatch{margin-top:24px}.feature-grid:has(.next-visuals){align-items:start}.feature-grid:has(.next-visuals)>div:first-child{padding-top:48px}@media (width<=650px){.feature-grid:has(.next-visuals)>div:first-child{padding-top:0}}.finished-object figcaption{color:var(--muted);font-size:14px}.swatch.compact,.finished-object:not(.with-caption){box-shadow:none;background:0 0;border-radius:0;padding:0}.visual-index .swatch,.visual-index .finished-object{background:var(--surface);border-radius:14px;width:100%;padding:8px}.visual-index .swatch svg,.visual-index .finished-object svg{height:176px}.pattern-opening .finished-object{background:var(--surface);box-shadow:none}.construction-figure{max-width:420px;margin:20px 0}.construction-figure .coverage-drawing{margin:0}.construction-figure .fine{margin-top:8px}.feature-grid .stitch-motion{max-width:620px}@media (prefers-reduced-motion:reduce){.stitch-motion .motion-stage{display:none}.stitch-motion .motion-frames{display:grid}}@media (width<=900px){.stitch-visuals{grid-template-columns:1fr}.stitch-visuals .swatch{grid-template-columns:minmax(0,200px) 1fr;align-items:center;gap:16px;display:grid}.stitch-visuals .swatch figcaption{margin-top:0}}@media (width<=650px){.stitch-motion{border-radius:16px;padding:10px}.motion-play{min-width:96px}.stitch-visuals .swatch{grid-template-columns:120px 1fr;gap:12px;padding:12px}.stitch-visuals .swatch figcaption strong{font-size:1.1rem}}@media print{.stitch-motion .motion-stage,.stitch-motion .handed-controls{display:none}.stitch-motion .motion-frames{grid-template-columns:repeat(3,1fr);display:grid}}.hook-chart{margin-top:8px}.hook-picker-wrap{align-items:center;gap:12px;margin:0 0 16px;display:flex}.picker-label{flex:none;font-weight:600}.hook-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hook-picker button{font-variant-numeric:tabular-nums;min-height:44px;padding:8px 14px}.hook-picker button[aria-pressed=true],.hook-picker button[aria-pressed=true]:hover{background:var(--brand);color:var(--paper)}.hook-mine{background:var(--result);color:var(--result-ink);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:4px 24px;margin-bottom:16px;padding:20px 24px;display:grid}.hook-mine .mine-size{font-variant-numeric:lining-nums tabular-nums;grid-row:span 2;margin:0;font:600 clamp(2.4rem,5vw,3.4rem)/1 Fraunces,Georgia,serif}.hook-mine p{margin:0}.hook-mine .fine{color:var(--result-ink);opacity:.9}.hook-mine figure{color:var(--accent);grid-column:1/-1;margin:4px 0 0}.hook-mine figure svg{width:100%;height:80px}.hook-mine figcaption{font-size:14px}.hook-table td,.hook-table th{white-space:nowrap;vertical-align:middle;padding:4px 14px}.hook-table thead th{padding:12px 14px}.hook-table td:last-child{white-space:normal;min-width:180px}.hook-sources{margin-top:24px}.hook-sources+.table-wrap{margin-top:8px}.hook-table .row-pick{all:unset;cursor:pointer;font-variant-numeric:tabular-nums;align-items:center;gap:10px;min-width:96px;min-height:44px;font-weight:600;display:inline-flex}.hook-table .row-pick:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}.hook-dot{width:var(--d);height:var(--d);background:var(--accent);border-radius:50%;flex:none;display:inline-block}.hook-table tr.is-mine th,.hook-table tr.is-mine td{background:var(--fabric)}.hook-convert{margin-top:48px}.hook-convert>h2{margin-bottom:20px}.faq{margin:0}.faq div{border-bottom:1px solid var(--line);padding:16px 0}.faq dt{font-weight:600}.faq dd{max-width:64ch;margin:6px 0 0}@media (width<=650px){.hook-table td,.hook-table th{padding:4px 10px}.hook-picker-wrap{display:block}.picker-label{margin-bottom:8px;display:block}.hook-picker{padding-bottom:6px;scrollbar-width:thin;flex-wrap:nowrap;margin-inline:-20px;padding-inline:20px;overflow-x:auto}.hook-picker button{flex:none}.hook-mine{grid-template-columns:1fr}.hook-mine .mine-size{grid-row:auto}}.weight-list{gap:14px;margin:24px 0;padding:0;list-style:none;display:grid}.weight-list li+li{margin-top:0}.weight-row{background:var(--card);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:230px minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:8px 24px;padding:18px 22px;scroll-margin-top:96px;display:grid}.weight-art{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.weight-symbol{width:52px;height:52px}.weight-strand{width:210px;max-width:100%;height:auto}.weight-name h3{margin:0;font-size:1.35rem}.weight-name p{margin:4px 0 0;font-size:16px}.weight-name .fine{font-size:14px}.weight-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0;display:grid}.weight-facts dt{color:var(--muted);font-size:14px}.weight-facts dd{font-variant-numeric:lining-nums tabular-nums;margin:0;font-weight:600}.weight-facts dd span{color:var(--muted);font-size:14px;font-weight:400;display:block}.weight-yarns{color:var(--muted);grid-column:1/-1;margin:4px 0 0;font-size:15px}.weight-yarns a{color:var(--ink)}@media (width<=900px){.weight-row{grid-template-columns:1fr 1fr}.weight-facts{grid-column:1/-1}}@media (width<=650px){.weight-row{grid-template-columns:1fr;padding:16px}.weight-art{flex-direction:row;align-items:center}.weight-strand{width:150px}}.symbol-chart{margin:24px 0 8px}.symbol-chart h2{margin:24px 0 16px}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.symbol-grid li{background:var(--card);box-shadow:var(--shadow);color:var(--ink);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:56px 1fr;align-items:center;column-gap:10px;margin:0;padding:10px 14px;display:grid}.symbol-grid svg{grid-row:span 2;width:56px;height:77px}.symbol-grid strong{align-self:end;font-size:18px}.symbol-grid span{color:var(--muted);align-self:start;font-size:14px;line-height:1.35}.height-chart{background:var(--card);box-shadow:var(--shadow);color:var(--ink);border-radius:20px;margin:0;padding:16px 20px}.height-chart svg{width:100%;height:auto;display:block}.height-chart figcaption{margin-top:10px}.term-converter{margin:24px 0}.term-converter h2{margin-bottom:16px}.term-converter .direction{gap:8px;margin-bottom:16px;display:grid}.term-converter .direction legend{margin-bottom:8px}.term-converter textarea{min-height:110px;font-size:17px;line-height:1.5}.term-result{background:var(--result);color:var(--result-ink);border-radius:16px;margin-top:16px;padding:18px 20px}.term-result h3{margin-bottom:6px;font:600 15px/1.4 Figtree,sans-serif}.term-output{white-space:pre-wrap;margin:0;font-size:18px;line-height:1.6}.term-output mark{background:var(--accent);color:var(--on-accent);border-radius:4px;padding:0 3px}.term-result .fine{color:var(--result-ink)}.term-result button{margin-top:12px}@media (width<=650px){.symbol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.term-converter input[type=radio]{width:24px;height:24px;min-height:24px;accent-color:var(--brand);margin:0}.yarn-extra{background:var(--surface);border-radius:14px;margin:8px 0 16px;padding:4px 16px 12px}.yarn-extra summary{font-weight:600}.plan-actions{flex-wrap:wrap;gap:8px;display:flex}.hat-plan,.temp-plan{max-width:800px;margin-top:40px}.hat-plan h2,.temp-plan h2{margin-bottom:16px}.hat-rounds{background:var(--card);box-shadow:var(--shadow);border-radius:20px;padding:20px 20px 20px 44px}.hat-rounds li span{color:var(--muted);white-space:nowrap}.hat-plan details{margin-top:16px}.temp-key{gap:8px;margin:0 0 24px;padding:0;list-style:none;display:grid}.temp-key li{background:var(--card);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:0;padding:8px 12px;display:grid}.temp-key input[type=color]{cursor:pointer;border-radius:10px;width:48px;height:44px;min-height:44px;padding:2px}.temp-key input[type=text]{min-height:44px}.temp-range{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.temp-count{color:var(--muted);white-space:nowrap;font-size:15px}.temp-year{background:var(--card);max-width:360px;box-shadow:var(--shadow);border-radius:20px;margin:0;padding:16px 16px 16px 56px;position:relative}.temp-year svg{border-radius:6px;width:100%;height:420px;display:block}.temp-months{width:40px;position:absolute;top:16px;bottom:56px;left:12px}.temp-months span{color:var(--muted);font-size:13px;position:absolute;transform:translateY(-2px)}.temp-year figcaption{margin-top:10px}@media (width<=650px){.temp-key li{grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr)}.temp-key .temp-range{grid-column:2}.temp-key .temp-count{grid-column:2;margin-top:-6px}.temp-key input[type=color]{grid-row:span 3}}.chart-maker{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);grid-template-areas:"bar bar""tools tools""stage out";gap:16px 28px;margin-top:8px;display:grid}.cm-toolbar{background:var(--card);box-shadow:var(--shadow);border-radius:20px;flex-wrap:wrap;grid-area:bar;align-items:end;gap:12px 16px;padding:16px 20px;display:flex}.cm-toolbar>div{min-width:150px}.cm-toolbar .cm-size{width:120px;min-width:0}.cm-toolbar label{margin-bottom:6px;font-size:15px}.cm-tools{flex-wrap:wrap;grid-area:tools;align-items:center;gap:12px 20px;display:flex}.cm-palette{flex-wrap:wrap;gap:8px;display:flex}.cm-swatch{background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:8px;min-height:44px;margin:0;padding:4px 12px 4px 4px;font-weight:600;display:inline-flex}.cm-swatch input{opacity:0;width:1px;height:1px;position:absolute}.cm-swatch span{border:2px solid var(--fabric-ink);border-radius:9px;width:34px;height:34px}.cm-swatch:has(input:checked){background:var(--brand);color:var(--paper)}.cm-swatch:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}.cm-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cm-mode{gap:6px;display:flex}.cm-mode label{background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:6px;min-height:44px;margin:0;padding:0 12px;font-weight:600;display:inline-flex}.cm-mode input{width:18px;height:18px;min-height:18px;accent-color:var(--brand)}.cm-colours{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cm-colours input[type=color]{border-radius:10px;width:44px;height:44px;min-height:44px;padding:2px}.cm-stage{grid-area:stage;min-width:0}.cm-canvas-wrap{background:var(--card);box-shadow:var(--shadow);border-radius:20px;max-height:80vh;padding:14px;overflow:auto}.cm-canvas-wrap canvas{touch-action:none;cursor:crosshair;image-rendering:pixelated;margin:auto;display:block}.cm-canvas-wrap canvas:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.cm-static{width:100%;max-width:560px;margin:auto;display:block}.cm-out{grid-area:out;min-width:0}.cm-out h2{margin:0 0 10px;font-size:1.5rem}.cm-out section+section{margin-top:20px}.cm-counts{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.cm-counts li{font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:0;display:flex}.cm-dot{border:1.5px solid var(--fabric-ink);border-radius:5px;width:18px;height:18px}.cm-rows{background:var(--card);max-height:420px;box-shadow:var(--shadow);font-variant-numeric:tabular-nums;border-radius:16px;padding:14px 14px 14px 40px;font-size:15px;overflow:auto}.cm-rows li+li{margin-top:4px}.cm-export{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}@media (width<=900px){.chart-maker{grid-template-columns:1fr;grid-template-areas:"bar""tools""stage""out"}}@media print{.chart-maker .cm-toolbar,.chart-maker .cm-tools,.chart-maker .cm-stage,.chart-maker .cm-export{display:none}.cm-rows{max-height:none;box-shadow:none;overflow:visible}}.amigurumi-start{margin-top:40px}.amigurumi-start .coverage-drawing{max-width:420px}.method-visual{margin:20px 0 24px}.method-visual.one{max-width:440px}.method-tiles{background:var(--card);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.method-tiles.many{grid-template-columns:repeat(3,minmax(0,1fr))}.method-tiles:has(>div:only-of-type){grid-template-columns:minmax(0,420px)}.method-tiles svg{width:100%;height:auto;display:block}.method-tiles p{margin:6px 0 0;font-size:15px;font-weight:600}.method-tiles figcaption{grid-column:1/-1}@media (width<=650px){.method-tiles.many{grid-template-columns:repeat(2,minmax(0,1fr))}}.quick-pace{background:var(--card);max-width:460px;box-shadow:var(--shadow);border-radius:20px;margin:8px 0 28px;padding:20px}.quick-time{font-weight:600;color:var(--ink)!important}.buy-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.amazon-block{flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;display:flex}.amazon-block>.product-photo{width:100%;margin:0}.supply-card .amazon-block{margin:0}.catalog-identity .amazon-block{margin:8px 0 16px}@media (width>=1001px){.catalog-identity:has(.product-photo:not([hidden])){grid-template-rows:repeat(4,auto) 1fr;grid-template-columns:200px minmax(0,1fr);column-gap:24px;display:grid}.catalog-identity:has(.product-photo:not([hidden]))>*{grid-column:2}.catalog-identity:has(.product-photo:not([hidden]))>.amazon-block{grid-area:1/1/-1;margin:0}}.amazon-button{background:var(--accent);color:var(--on-accent)}.button.compact{min-height:44px;padding:8px 14px;font-size:15px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.catalog-grid .catalog-row{grid-template-columns:1fr;gap:16px;margin:0;padding:24px}.catalog-entry{flex-direction:column;gap:8px;min-width:0;display:flex}.catalog-entry[hidden]{display:none}.catalog-entry>.catalog-row{flex:1}.maker-link{margin:0;padding:0 8px;font-size:15px}.comparison-page .maker-link{margin-top:8px;padding:0;font:500 14px/1.4 Figtree,sans-serif;display:block}.supply-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.supply-starts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 24px;display:grid}.supply-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:16px 0;display:grid}.supply-card{background:var(--card);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:8px;padding:20px;display:flex}.supply-card h3{font:600 17px/1.35 Figtree,sans-serif}.supply-card .brand{color:var(--muted);margin:0;font-size:14px}.supply-card p{margin:0}.supply-card .buy-row{margin-top:auto;padding-top:8px}.supply-facts{color:var(--muted);margin:0;padding-left:1.1em;font-size:14px}.supply-facts li+li{margin-top:2px}.hook-type{margin-top:32px}.hook-type h2{margin-bottom:12px}.materials-yarns{margin-top:12px}@media (width<=900px){.catalog-grid{grid-template-columns:1fr}.supply-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.supply-starts,.supply-filters{grid-template-columns:1fr}}.starter-list .supply-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.buying-notice{margin:16px 0;padding:14px 20px}.buying-notice .text-link{min-height:0;display:inline}.hub-header{margin-bottom:24px;padding:24px 40px}.hub-header .spot{height:144px}.project-filters{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:12px 16px;padding:20px 24px;display:grid}.project-filters>div{min-width:0}.project-filters details{align-self:center}.project-filters details[open]{grid-area:2/1/auto/-1}.project-filters>button{margin:0}.project-filters .fields{margin:12px 0}.reference-search{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;column-gap:8px;padding:20px 24px;display:grid}.reference-search>label{grid-column:1/-1}.reference-search>input{grid-row:2}.reference-search>button{grid-row:2;margin:0}.reference-search>p{grid-area:3/1/auto/-1}#project-match-status:empty{display:none}.project-filters{margin-bottom:16px}.quick-link{margin:0 0 12px}.counter-panel{position:relative}.counter-panel .counter-empty{width:88px;height:88px;position:absolute;top:24px;right:32px}.count-output #row-count{line-height:1}.counter-actions{margin:16px 0}@media (width<=650px){.hub-header{margin-bottom:16px;padding:20px}.hub-header .spot{display:none}.hub-header h1{font-size:2rem}.hub-tabs{scrollbar-width:none;flex-wrap:nowrap;margin:0 -20px 16px;padding:0 20px 4px;overflow-x:auto}.hub-tabs::-webkit-scrollbar{display:none}.hub-tabs a,.hub-tabs>span{flex:none}.project-filters{grid-template-columns:minmax(0,1fr) auto;padding:16px}.project-filters>div{grid-column:1/-1}.reference-search{padding:16px}.reference-search>p{grid-row:4}.article-body .handed-view{flex-direction:column;display:flex}.article-body .handed-view>.handed-controls{order:1;margin:8px 0 0}.tool-form{flex-direction:column;display:flex}.tool-form>.input-drawing,.tool-form>[data-example-note],.tool-form>.gauge-example{order:1;margin:16px 0 0}.tool-form>button{order:2;align-self:flex-start}.result .result-value{font-size:2.25rem}.chart-maker{grid-template-areas:"pal""act""stage""col""bar""out"}.chart-maker .cm-tools{display:contents}.chart-maker .cm-palette{grid-area:pal}.chart-maker .cm-actions{grid-area:act}.chart-maker .cm-colours{grid-area:col}.cm-actions .secondary,.cm-mode label{padding:0 12px}.tool-grid{gap:12px}.tool-grid>.result,.tool-grid>.tool-form{padding:20px}.tool-grid>.result p,.result .result-value{margin:8px 0}.reference-search{grid-template-columns:minmax(0,1fr) auto}.reference-search>label{grid-area:1/1;align-self:center}.reference-search>#lesson-print{grid-area:1/2;margin:0 0 8px}.reference-search>input{grid-area:2/1/auto/-1}.reference-search>#reference-clear{grid-area:3/1;justify-self:start}.counter-panel .counter-empty{width:64px;height:64px;right:20px}}.hero-motion{place-self:center end;gap:12px;width:100%;min-width:0;max-width:540px;display:grid}.hero-motion .stitch-motion{max-width:none}.hero-motion .motion-caption{min-height:3em}.hero-motion-note{background:var(--card);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;padding:12px 16px;display:grid}.hero-motion-note .swatch{background:var(--surface);border-radius:12px;padding:6px}.hero-motion-note .eyebrow{margin:0 0 2px;font-size:14px}.hero-motion-note h2{font-size:1.2rem}.hero-motion-note p{color:var(--muted);margin:4px 0 0;font-size:15px}.hero-motion-note .text-link{min-height:36px}@media (width<=650px){.hero:has(.hero-motion){gap:12px;padding-top:24px}.hero-motion{display:contents}.hero-motion>.stitch-motion{grid-area:2/1}.hero-motion-note{grid-area:6/1;grid-template-columns:96px minmax(0,1fr);gap:12px}}@media (prefers-reduced-motion:reduce){.hero-motion .motion-frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-motion .motion-frame figcaption{font-size:13px}}.finished-object .object-note{color:var(--ink);margin-top:4px;display:block}.pattern-opening>.finished-object svg{max-height:270px}@media (width<=650px){.pattern-opening{gap:16px}.pattern-opening>.finished-object{order:-1;padding:8px 8px 10px}.pattern-opening>.finished-object svg{height:180px}.pattern-opening>.finished-object figcaption{margin:8px 4px 0;font-size:13px;line-height:1.45}.pattern-opening .pattern-actions{margin:0}}.first-hands{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:16px;margin-bottom:20px;display:grid}.first-hands .stitch-drawing{margin:0}@media (width<=650px){.first-hands{grid-template-columns:1fr;gap:12px}}.hands-first .lesson-workspace{margin-block:8px;padding:8px 0}.hands-first .lesson-workspace p{margin:6px 0 8px}.hands-first .workspace-heading+p{display:none}.hands-first>section:first-of-type h2{margin-bottom:16px}@media (width<=650px){.hands-first .mobile-contents{margin:8px 0 12px;padding:2px 12px}}.hub-header.plain{background:0 0;margin:0 0 20px;padding:0;display:block}.hub-header.plain .lede{margin-top:8px}.tile-facts{flex-wrap:wrap;gap:6px;margin:0;display:flex}.tile-facts span{color:var(--ink);background:var(--surface);border-radius:12px;padding:4px 10px;font-size:14px;line-height:1.3}.tile-facts .tile-evening{background:var(--accent);color:var(--on-accent);font-weight:600}@media (width<=650px){.hub-header.plain{margin-bottom:12px}.hub-header.plain .lede{display:none}.project-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-index article{padding:8px}.project-index .illustrated-card{gap:6px}.project-index .finished-object{padding:4px}.project-index .finished-object svg{height:112px}.project-index h2{margin:2px 0 0;font-size:1.05rem;line-height:1.25}.project-index .card-title{font-size:13px}.project-index .illustrated-card>p:not(.card-title):not(.tile-facts){display:none}.project-index .tile-facts span{padding:2px 8px;font-size:12px}.project-filters{margin-bottom:12px;padding:12px 14px}.project-filters label{font-size:15px}.quick-link{margin:0 0 8px}}.hub-find{flex-wrap:wrap;align-items:center;gap:0 24px;margin-bottom:16px;display:flex}.hub-find .project-filters{flex:560px;margin:0}.hub-find .quick-link{margin:0}@media (width<=650px){.hub-find{margin-bottom:12px;display:block}.hub-find .project-filters{margin-bottom:8px}.hub-header.plain h1{font-size:1.75rem}.project-filters label[for=project-search]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.hook-other{border-radius:12px;width:auto;min-height:44px;padding:8px 36px 8px 14px}.hook-table tr.is-mine th,.hook-table tr.is-mine td{background:var(--accent);color:var(--on-accent);font-weight:600}.hook-table tr.is-mine .hook-dot{background:var(--on-accent)}.hook-table tr.is-mine th{box-shadow:inset 6px 0 var(--brand)}.hook-table tr{scroll-margin-block:96px}@media (width<=650px){.hook-picker .hook-other{flex:100%;max-width:22rem;padding-right:28px}.hook-chart .hook-picker-wrap{margin-bottom:8px;display:block}.hook-chart .picker-label{margin:0 0 6px}.hook-chart .hook-picker{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow-x:visible}.hook-sources{margin-top:8px}}.weight-table th,.weight-table td{vertical-align:middle;padding:8px 14px}.weight-table td{font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;font-weight:600}.weight-table small{color:var(--muted);white-space:normal;font-size:13px;font-weight:400;display:block}.weight-cat{min-height:44px;color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.weight-cat .weight-symbol{flex:none;width:40px;height:40px}.weight-cat strong{font-size:16px;display:block}.weight-cat:hover strong{text-decoration:underline}.weight-table .weight-strand{width:150px;height:auto;display:block}.weight-strand-inline{display:none!important}.weight-details-title{margin:40px 0 0}@media (width<=650px){.weight-table th,.weight-table td{padding:6px 8px}.weight-table .weight-strand-col{display:none}.weight-strand-inline{margin-top:4px;width:96px!important;display:block!important}.weight-cat{align-items:flex-start;gap:8px}.weight-cat .weight-symbol{width:32px;height:32px}.weight-cat strong{font-size:15px}.weight-table td{white-space:normal;font-size:15px}.weight-table th[scope=row]{min-width:150px}.weight-table td:nth-child(3){min-width:96px}.weight-table thead th{font-size:14px}}.chart-maker{grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"pal out""act out""stage out""col out""bar out";align-items:start}.chart-maker .cm-tools{display:contents}.chart-maker .cm-palette{grid-area:pal}.chart-maker .cm-actions{grid-area:act}.chart-maker .cm-colours{grid-area:col}.cm-example{color:var(--ink);margin:10px 0 0;font-size:15px;font-weight:600}@media (width<=900px){.chart-maker{grid-template-rows:none;grid-template-areas:"stage""pal""act""col""out""bar"}}@media (width<=650px){.chart-maker{grid-template-areas:"stage""pal""act""out""col""bar"}}.decoded-line{background:var(--card);box-shadow:var(--shadow);border-radius:20px;margin:0 0 24px;padding:20px 24px}.decoded-line figcaption{color:var(--muted);margin-bottom:12px;font-size:15px;font-weight:600}.decoded-line ol{flex-wrap:wrap;gap:12px 8px;margin:0;padding:0;list-style:none;display:flex}.decoded-line li{background:var(--surface);border-radius:12px;flex-direction:column;flex:150px;gap:4px;max-width:240px;margin:0;padding:8px 10px;display:flex}.decoded-source{color:var(--ink);font:600 1.2rem/1.5 Fraunces,Georgia,serif}.decoded-line .decoded-source code{font:inherit;background:0 0;padding:0}.decoded-source{border-left:4px solid var(--accent);margin:0 0 14px;padding-left:12px}.decoded-line code{color:var(--ink);font:600 1.1rem/1.3 Fraunces,Georgia,serif}.decoded-line li span{color:var(--ink);font-size:14px;line-height:1.4}.decoded-line .fine{margin:12px 0 0}@media (width<=650px){.decoded-line{margin-bottom:16px;padding:14px}.decoded-line ol{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:6px 10px;display:grid}.decoded-source{margin-bottom:10px;font-size:1.05rem}.decoded-line li{display:contents}.decoded-line code{background:var(--surface);border-radius:8px;align-self:start;padding:2px 8px;font-size:1rem}.decoded-line li span{align-self:center;font-size:13.5px}}.quick-sizes{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;display:flex}.tool-form .quick-sizes button{font-variant-numeric:tabular-nums;min-height:44px;margin:0;padding:8px 14px}@media (width<=599px){.nav-wrap{padding:0 16px}}@media screen and (width>=600px) and (width<=650px){.page,.wrap,.hero,.footer-wrap,.lesson-workspace:has(.lesson-actions:not([hidden])) .lesson-actions{padding-inline:24px}}@media (width>=1001px){.article-body p,.coverage-article p,.amigurumi-start p,.article-body ul:not([class])>li,.coverage-article ul:not([class])>li{max-width:60ch}}.chart-maker{grid-template-rows:auto auto auto auto auto 1fr;grid-template-areas:"pic pic""pal out""act out""stage out""col out""bar out"}.chart-maker:has(>.cm-picture[hidden]){grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"pal out""act out""stage out""col out""bar out"}.cm-picture{background:var(--card);box-shadow:var(--shadow);border-radius:20px;grid-template:"head head head""src look sum""src look set"1fr/auto auto minmax(0,1fr);grid-area:pic;align-items:start;gap:12px 24px;padding:20px 24px;display:grid}.cm-picture[hidden]{display:none}.cm-pic-head{flex-wrap:wrap;grid-area:head;align-items:center;gap:8px 16px;display:flex}.cm-pic-head h2{margin:0;font-size:1.5rem}.cm-pic-head p{margin:0;font-size:15px}.cm-pic-source{grid-area:src;min-width:0;margin:0}.cm-pic-look{grid-area:look;min-width:0;margin:0}.cm-crop-frame{touch-action:none;cursor:crosshair;user-select:none;border-radius:8px;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.cm-crop-frame>svg{width:200px;max-width:100%;height:auto;display:block}.cm-crop-frame>canvas{max-width:100%;height:auto;display:block}.cm-crop{cursor:move;outline:2px solid #fffcfa;position:absolute;box-shadow:0 0 0 999px #1c0f186b}.cm-crop:focus-visible{outline:3px solid var(--accent)}.cm-crop span{background:#fffcfa;border:2px solid #5b2346;border-radius:4px;width:16px;height:16px;position:absolute}.cm-crop [data-corner=nw]{cursor:nwse-resize;top:-2px;left:-2px}.cm-crop [data-corner=ne]{cursor:nesw-resize;top:-2px;right:-2px}.cm-crop [data-corner=sw]{cursor:nesw-resize;bottom:-2px;left:-2px}.cm-crop [data-corner=se]{cursor:nwse-resize;bottom:-2px;right:-2px}.cm-pic-source figcaption,.cm-pic-look figcaption{color:var(--muted);max-width:240px;margin-top:8px;font-size:14px;line-height:1.45}.cm-pic-buttons{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.cm-look-frame{line-height:0}.cm-look-static{width:200px;max-width:100%;height:auto;display:block}.cm-look-frame canvas{max-width:100%;display:block}.cm-pic-summary{grid-area:sum}.cm-pic-summary p{margin:0;font-size:16px}.cm-pic-summary .cm-pic-dims{margin-bottom:4px;font:600 1.35rem/1.35 Fraunces,Georgia,serif}.cm-pic-settings{grid-area:set;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px 16px;min-width:0;display:grid}.cm-pic-settings>*{min-width:0}.cm-pic-pair{display:contents}.cm-pic-settings label{margin-bottom:6px;font-size:15px}.cm-pic-settings select,.cm-pic-settings input:not([type=checkbox]){width:100%}.cm-pic-settings .check-line{grid-column:1/-1;margin:0}.cm-pic-settings .cm-gauge{grid-column:1/-1}.cm-unit-field{align-items:center;gap:8px;display:flex}.cm-unit-field input{min-width:0}.cm-gauge{border:0;min-width:0;margin:0;padding:0}.cm-gauge legend{margin-bottom:8px;padding:0;font-weight:600}.cm-gauge-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;display:grid}.cm-gauge-fields input,.cm-gauge-fields select{width:100%}.cm-gauge-fields label{margin-bottom:6px;font-size:15px}.cm-gauge-note,.cm-gauge-error{margin:8px 0 0;font-size:15px}.cm-gauge-error{border-left:4px solid var(--accent);padding-left:10px;font-weight:600}.cm-size-line{margin:0 0 14px;font:600 1.25rem/1.4 Fraunces,Georgia,serif}.cm-gauge .check-line{margin:4px 0 0}.cm-size-box{margin-bottom:20px}.cm-select{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;display:flex}.cm-select[hidden]{display:none}.cm-select p{flex-basis:100%;margin:0;font-size:15px}.chart-maker.cm-dropping{outline:3px dashed var(--accent);outline-offset:8px;border-radius:12px}.text-button{min-width:0;min-height:0;color:inherit;font:inherit;text-underline-offset:3px;background:0 0;border-radius:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.text-button:hover{background:0 0}@media (width<=900px){.chart-maker{grid-template-rows:none;grid-template-areas:"pic""stage""pal""act""col""out""bar"}.chart-maker:has(>.cm-picture[hidden]){grid-template-areas:"stage""pal""act""col""out""bar"}.cm-picture{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""src look""sum sum""set set"}}@media (width<=650px){.chart-maker{grid-template-areas:"pic""stage""pal""act""out""col""bar"}.chart-maker:has(>.cm-picture[hidden]){grid-template-areas:"stage""pal""act""out""col""bar"}.cm-picture{grid-template-areas:"head head""sum sum""src look""set set";gap:10px 12px;padding:14px}.cm-pic-head{gap:6px 12px}.cm-pic-head h2{font-size:1.2rem}.cm-pic-head p{font-size:14px;line-height:1.45}.cm-pic-summary .cm-pic-dims{font-size:1.15rem}.cm-pic-source figcaption,.cm-pic-look figcaption{font-size:13px}.cm-gauge-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cm-gauge-fields>div:last-child{grid-column:1/-1}}@media print{.chart-maker .cm-picture,.cm-select{display:none!important}}.cm-print-box{background:var(--card);box-shadow:var(--shadow);border-radius:20px;padding:18px}.cm-print-answer{margin:0 0 12px;font-weight:600}.cm-p-map{border-radius:6px;width:100%;max-width:260px;height:auto;margin:0 0 14px;display:block}.cm-print-fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:10px 14px;margin-bottom:6px;display:grid}.cm-p-map rect{shape-rendering:crispedges}.cm-print-box .check-line{margin:6px 0 0}.cm-print-box .fine{margin:12px 0 0}.cm-print-box .cm-export{margin-top:14px}.cm-print-pages{display:none}@media print{html.cm-printing body>:not(.cm-print-pages){display:none!important}html.cm-printing body{background:#fff;margin:0;padding:0}html.cm-printing .cm-print-pages{display:block!important}.cm-print-page{break-after:page;page-break-after:always;overflow:hidden}.cm-print-page:last-child{break-after:auto;page-break-after:auto}.cm-print-page svg{width:100%;height:auto;display:block}}.colour-plan{background:var(--card);box-shadow:var(--shadow);font-variant-numeric:lining-nums tabular-nums;border-radius:20px;margin:40px 0 0;padding:28px}.colour-plan h2{margin:0 0 8px}.cp-intro{max-width:72ch;margin:0 0 16px}.cp-answer{background:var(--result);color:var(--result-ink);border-radius:16px;margin:0 0 10px;padding:16px 20px}.cp-answer p{margin:0}.cp-answer p+p{margin-top:6px}.cp-answer p:empty{display:none}.cp-answer .fine{color:inherit;font-size:15px}.cp-headline{font:600 1.35rem/1.35 Fraunces,Georgia,serif}.cp-example{margin:0 0 16px}.cp-shared{grid-template-columns:repeat(auto-fill,minmax(170px,220px));gap:12px 16px;margin:0 0 18px;display:grid}.cp-colours{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:16px;display:grid}.cp-colour{border:1.5px solid var(--fabric);border-radius:16px;min-width:0;margin:0;padding:10px 16px 14px}.cp-colour legend{align-items:center;gap:8px;padding:0 6px;font-weight:600;display:flex}.cp-amount{margin:0 0 8px}.cp-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:4px 12px;display:grid}.cp-fields label{margin-bottom:4px;font-size:15px}.cp-fields input{min-height:44px;padding:10px}.cp-result{margin:10px 0 0;font-weight:600}.cp-result.error{color:var(--accent-text)}.cp-buttons{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.cp-notes{margin-top:12px}.cp-notes ul{margin:8px 0 0}@media (width<=650px){.colour-plan{margin-top:28px;padding:18px}.cp-shared{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-shared>div:last-child{grid-column:1/-1}}@media print{.colour-plan{box-shadow:none;padding:0}.cp-buttons,#cp-reset,.cp-example{display:none!important}.cp-colour{break-inside:avoid}}