/* The same photographed floss texture and overlay blend as Shareable Image. */
.thread-palette{margin:0 0 30px;min-width:0}
.thread-palette__heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}
.thread-palette__heading h3{margin:0;font-family:var(--display);font-size:25px;line-height:1.2}
.thread-palette__heading>span{white-space:nowrap;font-size:12px;color:var(--muted)}
.thread-palette__swatches{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:0!important;list-style:none;margin:0!important;padding:0!important;border-radius:10px;overflow:hidden}
.thread-palette .thread-palette__swatches>li{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:112px;padding:16px 8px!important;background:var(--thread-color);color:var(--thread-ink);text-align:center;overflow:hidden}
.thread-palette__swatches>li:before{content:""!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-1;background:url('/thread-texture.jpeg') center/cover!important;mix-blend-mode:overlay;opacity:.55;border:0!important;transform:none!important;border-radius:0!important}
.thread-palette__swatches strong{font:750 12px/1.2 var(--body);color:inherit}
.thread-palette__swatches span{font:500 10px/1.35 var(--body);color:inherit;max-width:17ch;overflow-wrap:break-word}
.thread-palette__note{margin:10px 0 0!important;font:400 11px/1.6 var(--body)!important;color:var(--muted)}
.pattern-specifications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:12px 0 0}
.pattern-specifications__item{padding:16px 0;border-top:1px solid var(--line);min-width:0}
.pattern-specifications dt{font:600 11px/1.5 var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}
.pattern-specifications dd{margin:0;font:400 14px/1.65 var(--body);color:var(--ink);overflow-wrap:break-word}
.pattern-specifications dd>span{display:block}
.pattern-specifications__item--sizes{grid-column:1/-1}
.pattern-specifications__item--sizes dd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 28px}
@media(max-width:420px){.pattern-specifications{gap:0 16px}.pattern-specifications dd{font-size:13px}.pattern-specifications__item--sizes dd{grid-template-columns:1fr}}
.free-pattern-page .free-pattern-download{display:flex;flex-direction:column;align-items:stretch}
.free-pattern-page .free-pattern-download .btn-buy{text-align:center;border-radius:8px;padding:15px 22px;background:var(--accent);color:#fff;border:0;font:700 14px/1.4 var(--body);text-decoration:none}
.free-pattern-page .free-pattern-download button:disabled{opacity:.65;cursor:not-allowed}
.free-pattern-preview-note{font-size:12px;color:var(--muted);margin:8px 0 0}
.free-pattern-details{display:grid;grid-template-columns:minmax(200px,.6fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);padding-top:44px;margin-top:48px;border-top:1px solid var(--line);scroll-margin-top:110px}
.free-pattern-details h2{font:500 clamp(28px,3vw,44px)/1.15 var(--display);max-width:15ch;margin:0 0 20px}
.free-pattern-details p,.free-pattern-details li{font-size:14px;line-height:1.7;color:var(--muted)}
.free-pattern-details>div:first-child p{max-width:42ch}
.free-pattern-help{padding:23px 0;border-top:1px solid var(--line)}
.free-pattern-help h3{font:600 24px/1.2 var(--display);margin:0 0 14px}
.free-pattern-help ol{padding-left:22px;display:grid;gap:12px}
.free-pattern-help li::marker{color:var(--accent);font-weight:700}
.free-pattern-help a{color:var(--link);text-underline-offset:4px}
@media(max-width:720px){.thread-palette__swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.thread-palette__swatches>li{min-height:100px}.thread-palette__heading h3{font-size:22px}.free-pattern-details{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:30px;padding-top:30px}}
