:root{--ink:#1d1d1f;--mut:#5b5b63;--line:#e4e2dd;--bg:#faf8f4;--card:#fff;--red:#c8102e;--redl:#fbeaec;--tip:#eef6f1;--tipb:#2f7d55;--key:#fff5e0;--keyb:#d08a00;--warn:#fdf0ef;--warnb:#b3261e;--note:#eef3fb;--noteb:#2c5aa0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#ecebe8;--mut:#a9a8a3;--line:#34332f;--bg:#161615;--card:#1f1f1d;--redl:#3a1a1e;--tip:#18291f;--key:#2e2410;--warn:#331b19;--note:#18233a}
:root:not([data-theme="light"]) .fig img{filter:invert(1) hue-rotate(180deg);mix-blend-mode:normal}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.top{position:sticky;top:0;z-index:5;background:var(--card);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px;flex-wrap:wrap}
.brand{font-weight:600;font-size:18px;color:inherit;text-decoration:none}
a.mlink{color:inherit;text-decoration:none}a.mlink:hover,a.brand:hover{text-decoration:underline}.mk{color:var(--red);font-weight:800;letter-spacing:.06em;margin-right:4px}
.rem{font-size:13px;color:var(--mut)}.rem b{color:var(--ink)}
.layout{display:grid;grid-template-columns:250px 1fr;gap:40px;padding-top:28px}
.toc{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow:auto;font-size:14px;padding-bottom:40px}
.toc ul{list-style:none;margin:0 0 14px;padding:0}.toc li a,.toc .tl{display:block;padding:4px 10px;border-radius:6px;color:var(--mut);text-decoration:none}
.toc a:hover{background:var(--redl);color:var(--ink)}.tg{margin:12px 10px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--red)}
main{min-width:0;padding-bottom:120px}
h1{font-size:34px;line-height:1.15;margin:0 0 10px;letter-spacing:-.01em}
.lead{font-size:18px;color:var(--mut);max-width:62ch}
.kh{font-size:20px;margin:28px 0 12px}
.keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.kcard{display:block;background:var(--key);border-left:4px solid var(--keyb);border-radius:10px;padding:14px 16px;color:var(--ink);text-decoration:none}
.kcard b{display:block;margin-bottom:4px}.kcard span{font-size:14px;color:var(--mut)}
h2.group{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--red);margin:56px 0 0;padding-top:16px;border-top:2px solid var(--red)}
.sec{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 26px;margin:18px 0}
.sec h2{font-size:23px;margin:0 0 12px;line-height:1.25}
.sec h3{font-size:17px;margin:20px 0 6px}
.cols{display:grid;grid-template-columns:1fr;gap:28px}
.hasfig .cols{grid-template-columns:minmax(0,1fr) minmax(220px,340px)}
.figs{align-self:start;position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.fig{margin:0;background:#fff;border-radius:10px;padding:10px;border:1px solid var(--line)}
.photo{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#fff}.photo img{width:100%;height:auto;display:block}.photo figcaption{font-size:12.5px;color:#5b5b63;padding:6px 10px;background:#fff}
.herorow{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:center}.hero-ph{border:0;background:none}.hero-ph figcaption{display:none}
.fig img{width:100%;height:auto;display:block}
.intro{font-weight:500}
ol.steps{counter-reset:s;list-style:none;padding:0}
ol.steps li{counter-increment:s;position:relative;padding:6px 0 6px 40px}
ol.steps li::before{content:counter(s);position:absolute;left:0;top:6px;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center}
ol.parts{columns:2;column-gap:28px;padding-left:24px}ol.parts li{break-inside:avoid}
.lbl{font-size:13px;color:var(--mut);margin-bottom:0;text-transform:uppercase;letter-spacing:.06em}
.key,.note,.warn,.tips{border-radius:10px;padding:12px 16px;margin:14px 0;font-size:15px}
.key b,.note b,.warn b,.tips b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}
.key{background:var(--key);border-left:4px solid var(--keyb)}.key b{color:var(--keyb)}
.note{background:var(--note);border-left:4px solid var(--noteb)}.note b{color:var(--noteb)}
.warn{background:var(--warn);border-left:4px solid var(--warnb)}.warn b{color:var(--warnb)}
.tips{background:var(--tip);border-left:4px solid var(--tipb)}.tips b{color:var(--tipb)}
.warn ul,.tips ul{margin:4px 0 0;padding-left:18px}
.askbtn{margin-top:8px;background:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;color:var(--red);cursor:pointer}
.askbtn:hover{background:var(--redl)}
.tw{overflow-x:auto;margin:8px 0}table{border-collapse:collapse;width:100%;font-size:14px}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}th{background:var(--redl)}
td ul{margin:0;padding-left:16px}
.foot{font-size:13px;color:var(--mut);margin-top:40px}
.fab{position:fixed;right:20px;bottom:20px;z-index:20;background:var(--red);color:#fff;border:0;border-radius:999px;padding:14px 22px;font:600 15px system-ui,sans-serif;box-shadow:0 6px 24px rgba(0,0,0,.2);cursor:pointer;display:flex;align-items:center;gap:8px}
.dot{width:9px;height:9px;border-radius:50%;background:#7CFFB2}
.adv{position:fixed;right:20px;bottom:20px;z-index:30;width:380px;max-width:calc(100vw - 32px);height:min(620px,calc(100vh - 40px));background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden}
.adv[hidden]{display:none}
.ahd{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--red);color:#fff}
.ahd small{display:block;font-size:12px;opacity:.85}.ahd button{background:none;border:0;color:#fff;font-size:26px;cursor:pointer;line-height:1}
.alog{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.m{max-width:88%;padding:10px 13px;border-radius:14px;font-size:14.5px;white-space:pre-wrap}
.m.bot{background:var(--bg);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}
.m.me{background:var(--red);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.m img{max-width:100%;border-radius:8px;display:block;margin-bottom:6px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 11px;font:inherit;font-size:13px;cursor:pointer}
.aprev{padding:6px 14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut)}
.aprev[hidden]{display:none}
/* links to the VIP shop inside the text, and the getting started class (25/10/2026) */
a.buy1{color:var(--red);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.buyp{font-size:.85em;color:var(--mut);white-space:nowrap}
.acad{margin:10px 0 18px;padding:14px 16px;border-radius:10px;background:#fff7ec;border:1px solid #f3d6ad;border-left:5px solid #ff7a00;line-height:1.5}
.acad b{display:block;margin-bottom:2px}
.aprev img{height:48px;border-radius:6px}.aprev button{border:0;background:none;color:var(--red);cursor:pointer}
.af{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line);align-items:center}
.af input#aq,.af textarea#aq{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font:inherit;font-size:15px;background:var(--bg);color:var(--ink)}
.af textarea#aq{border-radius:18px;resize:none;line-height:1.35;max-height:150px;overflow-y:auto;display:block}
.af{align-items:flex-end}
.cam{color:var(--mut);cursor:pointer;padding:6px;display:flex}.cam:hover{color:var(--red)}
.send{background:var(--red);color:#fff;border:0;border-radius:999px;padding:10px 16px;font:600 14px system-ui,sans-serif;cursor:pointer}
@media (max-width:860px){.layout{grid-template-columns:1fr}.toc{display:none}.hasfig .cols{grid-template-columns:1fr}.figs{position:static;max-width:380px;order:-1}.herorow{grid-template-columns:1fr}.hero-ph{max-width:340px}ol.parts{columns:1}.sec{padding:18px}h1{font-size:28px}}
/* logo, search and print in the header; powered by in the footer (25/10/2026) */
.top .logo img{height:42px;width:auto;display:block}
.tools{display:flex;gap:8px;align-items:center;position:relative;margin-left:auto}
#msearch{width:230px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font:inherit;font-size:14px;background:#fff}
#mprint{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:600}
#mprint:hover{border-color:var(--red);color:var(--red)}
.tools .orig{font-size:12px;color:var(--mut);text-decoration:underline;white-space:nowrap}
.sres{position:absolute;right:0;top:46px;width:min(440px,92vw);max-height:65vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.14);z-index:30}
.sres[hidden]{display:none}
.sres a{display:block;padding:10px 14px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;font-size:14px}
.sres a:hover{background:#faf6ef}.sres a b{display:block;margin-bottom:2px}.sres a span{font-size:13px;color:var(--mut)}
.sres p{margin:0;padding:12px 14px;font-size:14px;color:var(--mut)}.sres mark{background:#ffe9a8;color:inherit}
.pwr{margin-top:14px}.pwr img{height:22px;width:auto;vertical-align:middle;margin-left:4px}
@media (max-width:700px){.tools{width:100%}#msearch{flex:1;width:auto}.sres{left:0;right:0;width:auto}}
/* product cards, Learn more pop-up and the VIP basket (25/10/2026) */
.pc{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);margin:6px 0;max-width:560px;flex-wrap:wrap}
.pc img{width:52px;height:52px;object-fit:contain;flex:none;border-radius:8px;background:#fff}
.pcm{flex:1;min-width:140px;display:flex;flex-direction:column;line-height:1.3}
.pcn{font-weight:600;color:var(--ink);text-decoration:none}.pcn:hover{text-decoration:underline}
.pcp{font-size:13px;color:var(--red);font-weight:700;margin-top:2px}
.pcb{display:flex;gap:6px;flex-wrap:wrap}
.pcb button,.mmt .pca,.tadd{border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink)}
.pcb .pca,.mmt .pca,.tadd{background:#588D1B;border-color:#588D1B;color:#fff}.pcb .pca:hover,.mmt .pca:hover,.tadd:hover{background:#4a7816}
.pcb button:disabled{opacity:.7;cursor:wait}
.tadd{padding:11px 20px;font-size:15px;margin-left:8px}
li .pc{margin:6px 0 10px}
.ac .pcb{margin-top:10px}.ac .pcb button{flex:1}.ac>a{color:inherit;text-decoration:none;display:flex;flex-direction:column}
#mbask{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:600}
#mbask b{display:inline-block;min-width:20px;margin-left:4px;padding:0 6px;border-radius:999px;background:var(--line);font-size:12px}
#mbask.has b{background:#588D1B;color:#fff}
.mbp{position:absolute;right:0;top:46px;width:min(380px,92vw);max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.16);z-index:31;padding:4px 0}
.mbp[hidden]{display:none}
.mbh{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.mbx{border:0;background:none;font-size:22px;cursor:pointer;line-height:1;color:var(--mut)}
.mbe,.mbn{padding:12px 14px;margin:0;font-size:13px;color:var(--mut)}
.mbl{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.mbl img{width:44px;height:44px;object-fit:contain;flex:none;border-radius:6px}
.mbt{flex:1;font-size:13px;line-height:1.3}.mbt small{display:block;color:var(--mut)}
.mbq{display:flex;align-items:center;gap:6px}.mbq button{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:700}
.mbs{display:flex;justify-content:space-between;padding:12px 14px;font-size:15px}
.mbgo{display:block;margin:0 14px;text-align:center;background:#588D1B;color:#fff;text-decoration:none;font-weight:700;padding:12px;border-radius:999px}
.mbgo:hover{background:#4a7816}
.mtoast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#1d1d1f;color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;z-index:60;transition:opacity .5s;max-width:90vw}
.mtoast.go{opacity:0}
.mmod{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:55;display:flex;align-items:center;justify-content:center;padding:16px}
.mmod[hidden]{display:none}
.mmb{position:relative;background:#fff;border-radius:16px;max-width:640px;width:100%;max-height:88vh;overflow:auto;padding:22px}
.mmx{position:absolute;right:10px;top:8px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--mut)}
.mmt{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}
.mmt img{width:140px;height:140px;object-fit:contain;border-radius:10px;border:1px solid var(--line);flex:none}
.mmt h3{margin:0 24px 6px 0;font-size:18px;line-height:1.3}.mmp{font-weight:700;color:var(--red);font-size:17px;margin:0 0 10px}
.mml{font-size:13px;color:var(--mut);margin-left:6px}
.mmd{font-size:14.5px;line-height:1.55;border-top:1px solid var(--line);padding-top:12px}.mmd img{max-width:100%;height:auto}.mmd table{max-width:100%}
@media (max-width:560px){.mmt{flex-direction:column}.mmt img{width:100%;height:200px}}
/* Print: an A4 copy of the instructions - no shop, advisor or buttons (25/10/2026) */
@page{size:A4;margin:14mm 12mm}
@media print{
 body{background:#fff!important;color:#000;font-size:10.5pt}
 .top{position:static;border:0}.top .tools{display:none}
 .toc,.fab,.adv,.askbtn,.rels,.acs,.shopnote,#shop,#turtle,.acad,.sres,.buyp,.vid,.pcb,#mbask,.mbp,.mmod,.mtoast{display:none!important}
 .pc{border:0;padding:0;margin:2px 0}.pc img{display:none}
 .layout{display:block}.wrap{max-width:none;padding:0}
 .sec{break-inside:auto;page-break-inside:auto}.sec h2,h3{break-after:avoid;page-break-after:avoid}
 figure,table,tr,.tips,.warn,.note,li{break-inside:avoid;page-break-inside:avoid}
 .figs img,figure img{max-width:75%;max-height:95mm}
 a,a.buy1{color:#000!important;text-decoration:none!important;font-weight:inherit}
 .group{break-before:auto}
}

.turtle{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:center;margin:28px 0 0;padding:26px;border-radius:16px;background:#14301f;color:#f2f7f3}
.turtle h2{font-size:26px;margin:2px 0 10px;color:#fff}.turtle p{color:#d6e6da}.ey{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#8fd6a6!important;margin:0}
.turtle .ti{width:100%;border-radius:12px;display:block}
ul.ticks{list-style:none;padding:0;margin:12px 0}ul.ticks li{padding:3px 0 3px 26px;position:relative}ul.ticks li::before{content:"";position:absolute;left:2px;top:9px;width:12px;height:7px;border-left:2.5px solid #7CFFB2;border-bottom:2.5px solid #7CFFB2;transform:rotate(-45deg)}
.turtle blockquote{margin:14px 0;padding:10px 14px;border-left:3px solid #7CFFB2;background:rgba(255,255,255,.06);border-radius:8px;font-style:italic}
.turtle cite{display:block;font-size:13px;font-style:normal;color:#a9c4b0;margin-top:4px}
.buy{display:flex;align-items:center;gap:16px;margin-top:12px}.pr{font-size:24px;font-weight:700;color:#fff}
.btn{background:#588D1B;color:#fff;text-decoration:none;padding:11px 22px;border-radius:999px;font-weight:600}.btn:hover{background:#4a7816}
.rels{margin:14px 0 4px}.rels .lbl{margin:0 0 6px}
.rl{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);margin-bottom:6px;max-width:420px}
.rl:hover{border-color:var(--red)}.rl img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:6px}.rl span{font-size:14px;color:var(--mut)}.rl b{display:block;color:var(--ink);font-weight:600}
.shopnote{color:var(--mut);margin:8px 0 14px}
.acs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.ac{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;text-decoration:none;color:var(--ink);transition:border-color .15s}
.ac:hover{border-color:var(--red)}.ac img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px;margin-bottom:10px}
.ac b{font-size:15px;line-height:1.3}.ac span{font-size:13px;color:var(--mut);margin:4px 0 8px;flex:1}.ac em{font-style:normal;font-weight:700;color:var(--red)}
@media (max-width:860px){.turtle{grid-template-columns:1fr;padding:20px}.turtle .ti{max-width:320px;order:-1}.acs{grid-template-columns:repeat(2,1fr)}}

ol.num{padding-left:26px}ol.num li{padding:3px 0}
#safety h3{color:var(--warnb)}
.m.typing::after{content:"";display:inline-block;width:18px;animation:dots 1.2s steps(4) infinite;overflow:hidden;vertical-align:bottom;white-space:nowrap}
@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.af input#aq,.af textarea#aq{font-size:16px}
/* VIP prices with our usual price crossed out (25/10/2026) */
.vp{color:var(--red);font-weight:700}
s.was{color:var(--mut);font-weight:400;font-size:.9em;margin-left:2px}
/* The sticky basket bar */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.1);padding:10px 16px}
.mbar[hidden]{display:none}
.mbw{max-width:1100px;margin:0 auto;display:flex;gap:12px;align-items:center}
.mbv{flex:1;min-width:0;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:var(--ink);font:inherit;display:flex;flex-direction:column}
.mbc{font-size:15px}.mbc b{color:var(--red)}
.mbi{font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbar .mbgo{flex:none;margin:0;padding:11px 22px}
body.hasbar{padding-bottom:76px}
body.hasbar .fab{bottom:86px}
body.hasbar .adv{bottom:86px;height:min(620px,calc(100vh - 106px))}
.mbbtn{display:flex;flex-direction:column;gap:8px;padding:0 14px}
.mbbtn .mbgo{margin:0}
.mbsh{display:block;text-align:center;padding:11px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600;margin:0 0 8px}
.mbsh:hover{background:var(--bg)}
/* Popular accessories: one row that scrolls sideways */
.acs.scr{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:14px;padding:2px 2px 12px;-webkit-overflow-scrolling:touch}
.acs.scr .ac{flex:0 0 210px;scroll-snap-align:start}
.acend{justify-content:center;align-items:center;text-align:center;gap:12px;background:var(--redl)!important;border-color:var(--red)!important}
.acend span{font-size:14px;color:var(--ink)}.acend b{color:var(--red);font-size:16px}
.acall{display:inline-block;margin:0 0 12px;color:var(--red);font-weight:700;text-decoration:none}
.acall:hover{text-decoration:underline}
.acnav{display:flex;justify-content:flex-end;gap:8px;margin:-40px 0 10px}
.acnav button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
@media (max-width:700px){.acnav{display:none}.acs.scr .ac{flex-basis:170px}}
/* Bigger pictures */
main figure img,.pc>img,.ac img,.mmt img,.mbl img{cursor:zoom-in}
.mlb{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.mlb[hidden]{display:none}
.mlb img{max-width:min(1100px,100%);max-height:calc(100vh - 110px);object-fit:contain;background:#fff;border-radius:10px}
.mlb p{color:#fff;margin:12px 0 0;font-size:14px;text-align:center;max-width:800px}
.mlx{position:absolute;top:12px;right:16px;background:none;border:0;color:#fff;font-size:36px;cursor:pointer}
/* Contact us under Shop in the contents */
.toc .tl.tcon{margin-top:10px;text-align:center;border:1px solid var(--red);color:var(--red);font-weight:600}
.toc .tl.tcon:hover{background:var(--redl)}
.rem a{color:var(--ink);font-weight:700;text-decoration:none}.rem a:hover{text-decoration:underline}
@media print{.mbar,.mlb,.acnav,.acall,.acend{display:none!important}body.hasbar{padding-bottom:0}}
/* Live Sewing Advisor banner under the header (25/10/2026) */
.lsa{background:linear-gradient(90deg,#c8102e,#9e0c24);color:#fff}
.lsa .wrap{display:flex;align-items:center;gap:14px;padding-top:12px;padding-bottom:12px}
.lsa p{margin:0;flex:1;font-size:14.5px;line-height:1.45}
.lsa b{font-size:15.5px}
.lsa-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#5ee07a;box-shadow:0 0 0 0 rgba(94,224,122,.7);animation:lsap 2s infinite}
@keyframes lsap{70%{box-shadow:0 0 0 9px rgba(94,224,122,0)}100%{box-shadow:0 0 0 0 rgba(94,224,122,0)}}
.lsa-go{flex:none;background:#fff;color:#c8102e;border:0;border-radius:999px;padding:10px 20px;font:700 14px system-ui,sans-serif;cursor:pointer}
.lsa-go:hover{background:#fbeaec}
@media (max-width:640px){.lsa .wrap{flex-wrap:wrap}.lsa p{flex-basis:calc(100% - 30px)}.lsa-go{margin-left:24px}}
@media print{.lsa{display:none!important}}
/* The sales team chat inside the advisor panel (25/10/2026) */
.tmbtn{display:flex;align-items:center;gap:8px;margin-top:10px;background:#588D1B;color:#fff;border:0;border-radius:999px;padding:10px 16px;font:700 14px system-ui,sans-serif;cursor:pointer}
.tmbtn .dot{width:8px;height:8px;border-radius:50%;background:#b9f5c6}
.tmw{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--card);z-index:3}
.tmw[hidden]{display:none}
.tmh{display:flex;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--bg)}
.tmb{background:none;border:0;color:var(--red);font:600 14px system-ui,sans-serif;cursor:pointer;padding:6px 4px}
.tmw iframe{flex:1;width:100%;border:0}
.adv{position:fixed}
.tmh{justify-content:space-between}.tmx{background:none;border:0;font-size:26px;line-height:1;color:var(--mut);cursor:pointer;padding:0 6px}

/* A- / A+ text size */
.tsz{display:inline-flex;border:1.5px solid var(--ink);border-radius:999px;overflow:hidden;margin-right:6px}
.tsz button{background:var(--card);color:var(--ink);border:0;padding:6px 12px;font:700 16px system-ui,sans-serif;cursor:pointer;line-height:1}
.tsz button+button{border-left:1.5px solid var(--ink);font-size:20px}
.tsz button sup{font-size:.6em;margin-left:1px}
.tsz button:hover{background:var(--redl)}
.tsz button:disabled{opacity:.35;cursor:default;background:var(--card)}
/* On phones the Live Sewing Advisor fills the screen (same page, no new tab) */
@media (max-width:600px){.adv,body.hasbar .adv{right:0;bottom:0;top:0;left:0;width:100%;max-width:none;height:100%;border-radius:0;border:0}}
@media print{.tsz{display:none!important}main{zoom:1!important}}

/* "Index" at the top of the contents (25/10/2026) */
.toc .tix{margin:0 0 8px 10px;font:800 13px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
@media print{#toc{zoom:1!important}}

/* "Interactive Manual" in the header (25/10/2026) */
.brand .imt{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:999px;background:var(--red);color:#fff;font-size:.62em;font-weight:700;letter-spacing:.03em;vertical-align:middle;text-transform:uppercase}
@media (max-width:600px){.brand .imt{display:block;width:max-content;margin:4px auto 0}}

/* The Live Sewing Advisor in the style of our website chat (25/10/2026) */
.adv{--cbrand:#c8102e;--ctint:#fdeef0;--cink:#16181c;--csoft:#646b75;--cline:#e6e8ec;--cbg:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;color:var(--cink);border-color:var(--cline)}
.ahd{background:#fff;color:var(--cink);border-bottom:1px solid var(--cline);padding:14px 14px 12px 16px;gap:12px;justify-content:flex-start}
.ahd .alg{width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid var(--cline);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.ahd .alg img{max-width:36px;max-height:36px}
.ahd .anm{flex:1;min-width:0}
.ahd .anm b{display:block;font-size:16px}
.ahd small{font-size:13px;color:var(--csoft);opacity:1;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ahd small:before{content:"";width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18);flex:none}
.ahd button{color:var(--csoft);width:36px;height:36px;border-radius:10px;flex:none;font-size:24px}
.ahd button:hover{background:var(--cbg);color:var(--cink)}
.alog{background:#fafafb;padding:18px 14px 8px;gap:8px}
.adv .m{border-radius:18px;padding:9px 13px;font-size:15px;line-height:1.45;max-width:85%}
.adv .m.bot{background:#fff;border:1px solid var(--cline);border-bottom-left-radius:6px;color:var(--cink)}
.adv .m.me{background:var(--ctint);color:var(--cink);border:1px solid rgba(0,0,0,.05);border-bottom-right-radius:6px}
.adv .chips button{background:#fff;border-color:var(--cline);color:var(--cink)}
.adv .chips button:hover{border-color:var(--cbrand);background:var(--ctint)}
.af{border-top:1px solid var(--cline);padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));background:#fff}
.abox{flex:1;display:flex;align-items:flex-end;gap:6px;background:var(--cbg);border-radius:22px;padding:5px 5px 5px 6px;min-width:0}
.af .abox textarea#aq,.af .abox input#aq{border:0;background:transparent;border-radius:0;padding:8px 4px;font-size:16px;color:var(--cink)}
.af .abox textarea#aq:focus{outline:none}
.abox .cam{width:36px;height:36px;border-radius:50%;padding:0;align-items:center;justify-content:center;color:var(--csoft);flex:none}
.abox .cam:hover{background:var(--cline);color:var(--cink)}
.abox .send{width:38px;height:38px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:var(--cbrand);flex:none}
.adv .aprev{background:#fff}
/* Videos (25/10/2026) */
.vid{margin:14px 0}
.vbtn{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--red);color:var(--red);border-radius:999px;padding:9px 16px 9px 10px;font:700 14px system-ui,sans-serif;cursor:pointer}
.vbtn:hover{background:var(--redl)}
.vpl{width:26px;height:26px;border-radius:50%;background:var(--red);position:relative;flex:none}
.vpl:after{content:"";position:absolute;left:10px;top:7px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.vid.big .vthumb{position:relative;display:flex;width:100%;max-width:720px;aspect-ratio:16/9;padding:0;border:0;border-radius:14px;background-size:cover;background-position:center;align-items:center;justify-content:center;flex-direction:column;gap:10px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.15)}
.vid.big .vthumb:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}
.vid.big .vpl{width:68px;height:68px;position:relative;z-index:1;box-shadow:0 4px 16px rgba(0,0,0,.3)}
.vid.big .vpl:after{left:26px;top:20px;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}
.vid.big .vtx{position:relative;z-index:1;color:#fff;font-size:17px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.vfr{position:relative;width:100%;max-width:720px;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.vfr iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vidsec p{color:var(--mut)}
/* Basket button only once something is in it */
#mbask:not(.has){display:none}

/* Boxes by importance, with icons (Jason, 25/10/2026: "make the coloured boxes different colours for the
   importance of the tip, you can use icons"). Most important first: Important/Warning (red), Key point
   (amber), Note (blue), Tips from us (green). */
.key b,.note b,.warn b,.tips b{display:flex;align-items:center;gap:8px;font-size:12.5px}
.key b:before,.note b:before,.warn b:before,.tips b:before{content:"";width:20px;height:20px;flex:none;background:no-repeat center/contain}
.warn{border:2px solid var(--warnb);border-left-width:6px;box-shadow:0 2px 10px rgba(179,38,30,.12)}
.warn b{font-size:13.5px;font-weight:800}
.warn b:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b3261e%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.3%203.9%201.8%2018a2%202%200%200%200%201.7%203h17a2%202%200%200%200%201.7-3L13.7%203.9a2%202%200%200%200-3.4%200z%22/%3E%3Cpath%20d%3D%22M12%209v4M12%2017h.01%22/%3E%3C/svg%3E");width:22px;height:22px}
.key{border-left-width:6px}
.key b:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b06f00%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202l3.1%206.3%206.9%201-5%204.9%201.2%206.8L12%2017.8%205.8%2021l1.2-6.8-5-4.9%206.9-1z%22/%3E%3C/svg%3E")}
.note b:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232c5aa0%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M12%2016v-4M12%208h.01%22/%3E%3C/svg%3E")}
.tips b:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232f7d55%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6M10%2022h4%22/%3E%3Cpath%20d%3D%22M12%202a7%207%200%200%200-4%2012.7c.6.5%201%201.3%201%202.1V17h6v-.2c0-.8.4-1.6%201-2.1A7%207%200%200%200%2012%202z%22/%3E%3C/svg%3E")}
.kcard{position:relative}

/* Icons (Jason, 25/10/2026: "i think we need icons too" - the index, the Main things to know cards,
 buttons and links). Line icons drawn as masks, so they take the colour of the text. */
.toc a:before,.kcard b:before,#mprint:before,#mbask:before,a.orig:before,.tcon:before,.lsa-go:before,.pcl:before,.pca:before,.mbgo:before,.mbsh:before,.acall:before,.mml:before{content:"";display:inline-block;width:1.05em;height:1.05em;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.17em;margin-right:.45em;flex:none}
.toc li a,.toc a.tl{display:flex;align-items:flex-start;gap:0}.toc li a:before,.toc a.tl:before{margin-top:.15em;opacity:.75}
.toc a.tcon{justify-content:center}
.kcard b{display:flex;align-items:flex-start;gap:2px}.kcard b:before{width:1.35em;height:1.35em;margin-top:-.05em;color:var(--keyb)}
#mprint,#mbask,.lsa-go,.pcl,.pca,.mbgo,.mbsh{display:inline-flex;align-items:center;justify-content:center}
#mbask:not(.has){display:none}
.pcl:before,.pca:before{width:.95em;height:.95em;margin-right:.35em}
#msearch{padding-left:34px!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238a8a90%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22/%3E%3Cpath%20d%3D%22M21%2021l-4.3-4.3%22/%3E%3C/svg%3E") 11px center/16px no-repeat}
.toc a[href="#start"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010.5%2012%203l9%207.5V21h-6v-6H9v6H3z%22/%3E%3C/svg%3E")}
.toc a[href="#owners-class"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%227%204%2020%2012%207%2020%207%204%22/%3E%3C/svg%3E")}
.toc a[href="#safety"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22/%3E%3Cpath%20d%3D%22M12%208v4M12%2016h.01%22/%3E%3C/svg%3E")}
.toc a[href="#parts-front"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2020h18%22/%3E%3Cpath%20d%3D%22M5%2020V8a3%203%200%200%201%203-3h10a2%202%200%200%201%202%202v3h-8v10%22/%3E%3Cpath%20d%3D%22M12%2013v2%22/%3E%3C/svg%3E")}
.toc a[href="#parts-back"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2020h18%22/%3E%3Cpath%20d%3D%22M5%2020V8a3%203%200%200%201%203-3h10a2%202%200%200%201%202%202v3h-8v10%22/%3E%3Cpath%20d%3D%22M12%2013v2%22/%3E%3C/svg%3E")}
.toc a[href="#power"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%202v6M15%202v6M6%208h12v3a6%206%200%200%201-12%200z%22/%3E%3Cpath%20d%3D%22M12%2017v5%22/%3E%3C/svg%3E")}
.toc a[href="#presser-foot"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%202v9M14%202v9%22/%3E%3Cpath%20d%3D%22M5%2015h14l-2%205H7z%22/%3E%3C/svg%3E")}
.toc a[href="#accessories"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%208%2012%203%203%208v8l9%205%209-5z%22/%3E%3Cpath%20d%3D%22M3%208l9%205%209-5M12%2013v8%22/%3E%3C/svg%3E")}
.toc a[href="#bobbin-winding"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E")}
.toc a[href="#bobbin-insert"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E")}
.toc a[href="#upper-thread"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12M6%2021h12%22/%3E%3Crect%20x%3D%228%22%20y%3D%223%22%20width%3D%228%22%20height%3D%2218%22/%3E%3Cpath%20d%3D%22M8%208l8%203M8%2013l8%203%22/%3E%3C/svg%3E")}
.toc a[href="#threader"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204%206%2018M6%2018l-2%202%22/%3E%3Cpath%20d%3D%22M17%205.5l1.5%201.5%22/%3E%3C/svg%3E")}
.toc a[href="#bobbin-thread"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E")}
.toc a[href="#tension"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021v-7M4%2010V3M12%2021v-9M12%208V3M20%2021v-5M20%2012V3M1%2014h6M9%208h6M17%2016h6%22/%3E%3C/svg%3E")}
.toc a[href="#patterns"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012c2-4%204-4%206%200s4%204%206%200%204-4%206%200%22/%3E%3C/svg%3E")}
.toc a[href="#needle-position"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%207%203%2012l5%205M16%207l5%205-5%205M3%2012h18%22/%3E%3C/svg%3E")}
.toc a[href="#width-length"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%228%22%20width%3D%2220%22%20height%3D%228%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M6%208v3M10%208v4M14%208v3M18%208v4%22/%3E%3C/svg%3E")}
.toc a[href="#straight"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012h3M8%2012h3M14%2012h3M20%2012h2%22/%3E%3C/svg%3E")}
.toc a[href="#reverse"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204v6h6%22/%3E%3Cpath%20d%3D%22M3.5%2015a9%209%200%201%200%202.1-9.4L3%2010%22/%3E%3C/svg%3E")}
.toc a[href="#stretch"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2016l4-8%204%208%204-8%204%208%204-8%22/%3E%3C/svg%3E")}
.toc a[href="#blind-hem"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M3%2011h18%22/%3E%3Cpath%20d%3D%22M3%2018l3-3%203%203%203-3%203%203%203-3%203%203%22/%3E%3C/svg%3E")}
.toc a[href="#buttonhole"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%228%22%20rx%3D%224%22/%3E%3Cpath%20d%3D%22M7%2012h10%22/%3E%3C/svg%3E")}
.toc a[href="#buttonhole-balance"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021v-7M4%2010V3M12%2021v-9M12%208V3M20%2021v-5M20%2012V3M1%2014h6M9%208h6M17%2016h6%22/%3E%3C/svg%3E")}
.toc a[href="#buttons"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%229.5%22%20r%3D%22.8%22/%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%229.5%22%20r%3D%22.8%22/%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%2214.5%22%20r%3D%22.8%22/%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%2214.5%22%20r%3D%22.8%22/%3E%3C/svg%3E")}
.toc a[href="#keep-box"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%208%2012%203%203%208v8l9%205%209-5z%22/%3E%3Cpath%20d%3D%22M3%208l9%205%209-5M12%2013v8%22/%3E%3C/svg%3E")}
.toc a[href="#turtle"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2014l4-4%22/%3E%3Cpath%20d%3D%22M3.3%2019a10%2010%200%201%201%2017.4%200%22/%3E%3C/svg%3E")}
.toc a[href="#extension-table"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-6l-2%203h-4l-2-3H2%22/%3E%3Cpath%20d%3D%22M5.5%205h13L22%2012v6a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-6z%22/%3E%3C/svg%3E")}
.toc a[href="#presser-foot-shank"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%202v9M14%202v9%22/%3E%3Cpath%20d%3D%22M5%2015h14l-2%205H7z%22/%3E%3C/svg%3E")}
.toc a[href="#needle-chart"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M3%2010h18M9%204v16%22/%3E%3C/svg%3E")}
.toc a[href="#feed-dogs"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2013l5%205%205-5M7%206l5%205%205-5%22/%3E%3C/svg%3E")}
.toc a[href="#needles"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204%206%2018M6%2018l-2%202%22/%3E%3Cpath%20d%3D%22M17%205.5l1.5%201.5%22/%3E%3C/svg%3E")}
.toc a[href="#troubleshooting"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.8-3.8a6%206%200%200%201-7.9%207.9l-6.9%206.9a2.1%202.1%200%200%201-3-3l6.9-6.9a6%206%200%200%201%207.9-7.9z%22/%3E%3C/svg%3E")}
.toc a[href="#shop"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22/%3E%3Cpath%20d%3D%22M3%206h18M16%2010a4%204%200%200%201-8%200%22/%3E%3C/svg%3E")}
.toc a.tcon{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.4%208.4%200%200%201-9%208.4%208.5%208.5%200%200%201-3.8-.9L3%2021l1.9-5.7A8.4%208.4%200%200%201%2012%203a8.5%208.5%200%200%201%209%208.5z%22/%3E%3C/svg%3E")}
.kcard[href="#needle-position"] b{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%207%203%2012l5%205M16%207l5%205-5%205M3%2012h18%22/%3E%3C/svg%3E")}
.kcard[href="#feed-dogs"] b{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2011l-5-5-5%205M17%2018l-5-5-5%205%22/%3E%3C/svg%3E")}
.kcard[href="#upper-thread"] b{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%204v6h-6%22/%3E%3Cpath%20d%3D%22M20.5%2015a9%209%200%201%201-2.1-9.4L21%2010%22/%3E%3C/svg%3E")}
.kcard[href="#power"] b{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18.4%206.6a9%209%200%201%201-12.8%200%22/%3E%3Cpath%20d%3D%22M12%202v10%22/%3E%3C/svg%3E")}
.kcard[href="#keep-box"] b{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%208%2012%203%203%208v8l9%205%209-5z%22/%3E%3Cpath%20d%3D%22M3%208l9%205%209-5M12%2013v8%22/%3E%3C/svg%3E")}
#mprint{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209V2h12v7%22/%3E%3Cpath%20d%3D%22M6%2018H4a2%202%200%200%201-2-2v-5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202h-2%22/%3E%3Crect%20x%3D%226%22%20y%3D%2214%22%20width%3D%2212%22%20height%3D%228%22/%3E%3C/svg%3E")}
#mbask{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22/%3E%3Cpath%20d%3D%22M3%206h18M16%2010a4%204%200%200%201-8%200%22/%3E%3C/svg%3E")}
a.orig{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22/%3E%3Cpath%20d%3D%22M14%202v6h6M8%2013h8M8%2017h5%22/%3E%3C/svg%3E")}
.lsa-go{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.4%208.4%200%200%201-9%208.4%208.5%208.5%200%200%201-3.8-.9L3%2021l1.9-5.7A8.4%208.4%200%200%201%2012%203a8.5%208.5%200%200%201%209%208.5z%22/%3E%3C/svg%3E")}
.pcl{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M12%2016v-4M12%208h.01%22/%3E%3C/svg%3E")}
.pca{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22/%3E%3Cpath%20d%3D%22M3%206h18M16%2010a4%204%200%200%201-8%200%22/%3E%3C/svg%3E")}
.mbgo{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2211%22%20width%3D%2216%22%20height%3D%2210%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%2011V7a4%204%200%200%201%208%200v4%22/%3E%3C/svg%3E")}
.mbsh{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209l1.5-5h15L21%209%22/%3E%3Cpath%20d%3D%22M3%209h18v2a3%203%200%200%201-6%200%203%203%200%200%201-6%200%203%203%200%200%201-6%200z%22/%3E%3Cpath%20d%3D%22M5%2013v8h14v-8%22/%3E%3C/svg%3E")}
.acall{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209l1.5-5h15L21%209%22/%3E%3Cpath%20d%3D%22M3%209h18v2a3%203%200%200%201-6%200%203%203%200%200%201-6%200%203%203%200%200%201-6%200z%22/%3E%3Cpath%20d%3D%22M5%2013v8h14v-8%22/%3E%3C/svg%3E")}
.mml{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209l1.5-5h15L21%209%22/%3E%3Cpath%20d%3D%22M3%209h18v2a3%203%200%200%201-6%200%203%203%200%200%201-6%200%203%203%200%200%201-6%200z%22/%3E%3Cpath%20d%3D%22M5%2013v8h14v-8%22/%3E%3C/svg%3E")}
@media print{.toc a:before,.kcard b:before{display:none}}
.vnote{font-size:13.5px;background:var(--note);border-left:4px solid var(--noteb);padding:8px 12px;border-radius:8px}
.pcw{display:block;margin:8px 0 4px}.pcw .pc{margin:0}
/* Product cards inside a coloured box keep their own look - the box's label styles are for its heading only */
.key .pc b,.note .pc b,.warn .pc b,.tips .pc b,.key .ac b,.note .ac b,.warn .ac b,.tips .ac b{display:inline;font-size:inherit;text-transform:none;letter-spacing:0;margin:0;color:inherit;font-weight:700}
.key .pc b.vp,.note .pc b.vp,.warn .pc b.vp,.tips .pc b.vp{color:var(--red)}
.key .pc b:before,.note .pc b:before,.warn .pc b:before,.tips .pc b:before,.key .ac b:before,.note .ac b:before,.warn .ac b:before,.tips .ac b:before{display:none}
.vid.step .vthumb,.vid.step .vfr{max-width:560px}

/* Important tips (from spectips.asp, as on the order tracking page) */
.itipsec{border:2px solid #f1b5b0;border-left:6px solid #c62828;background:#fdecec}
.itipsec h2{color:#b3261e}
.tipl{margin:10px 0 0;padding-left:0;list-style:none}
.tipl li{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:10px;padding:10px 12px;margin:0 0 12px;line-height:1.5;font-size:15px;color:var(--ink)}
.tipl li .ti{font-size:20px;line-height:1.2;flex:0 0 26px;text-align:center}
.tipl li b{display:inline-block;margin-bottom:2px}
.tipl li.hl,.tipl li.tone-amber{background:#fff4d6;border-left:4px solid #e0a100}
.tipl li.tone-green{background:#e6f6ec;border-left:4px solid #1f9d55}
.tipl li.tone-blue{background:#e3eefc;border-left:4px solid #2f6fdb}
.tipl li.tone-red{background:#fff;border-left:4px solid #d93025}
.tipl li.tone-purple{background:#f1e9fb;border-left:4px solid #7c3aed}
.toc a.tlimp{color:#b3261e;font-weight:700}
.toc a[href="#important"]{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.3%203.9%201.8%2018a2%202%200%200%200%201.7%203h17a2%202%200%200%200%201.7-3L13.7%203.9a2%202%200%200%200-3.4%200z%22/%3E%3Cpath%20d%3D%22M12%209v4M12%2017h.01%22/%3E%3C/svg%3E")}
@media print{.tipl li{break-inside:avoid}}

/* The public manual: no basket, no Add to basket (products link to the main website) */
body.pub .pca,body.pub #mbask,body.pub .mbar,body.pub .mbp,body.pub .tadd{display:none!important}
body.pub .pc .pcb,body.pub .ac .pcb{justify-content:flex-start}
body.pub a.lsa-go{text-decoration:none}
.alock{white-space:pre-line}.alogin{display:block;margin-top:12px;text-align:center;background:var(--cbrand,#c8102e);color:#fff;text-decoration:none;font-weight:700;padding:11px 16px;border-radius:999px}
.alogin:hover{filter:brightness(1.08)}
/* Turtle inside Important - please read */
.tipl li.tlt{display:block;padding:0;background:none}
.tipl li.tlt .turtle{margin:0}
/* Accessories row: no snapping - it made the row jump while scrolling and loading */
.acs.scr{scroll-snap-type:none;overscroll-behavior-x:contain}
.acs.scr .ac{scroll-snap-align:none}
.acs.scr .ac img{width:100%;height:auto;aspect-ratio:1}
#start figure img{cursor:pointer}
/* Turtle inside the Important list keeps its own look (white heading on the dark green) */
.itipsec .turtle h2{color:#fff}
.tipl .turtle ul.ticks li{display:block;background:none;border:0;border-radius:0;padding:3px 0 3px 26px;margin:0;color:#f2f7f3;font-size:15px;line-height:1.5}
.tipl .turtle img.ti{flex:none;font-size:inherit;width:100%;text-align:left}
.tipl .turtle p.ey{color:#7CFFB2}

/* A plain dot for index entries and cards without their own icon */
.toc a,.kcard b{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E")}

/* Phones (Jason, 25/10/2026: "on mobile the print icon is making the page scroll and also the index
   should be in a burger menu"). The tools wrap instead of running off the screen, Print is just its
   icon, and the Index opens from a button as a panel from the left. */
#mmenu,#tocx{display:none}
@media (max-width:860px){
 #mmenu{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 12px;border-radius:999px;border:1.5px solid var(--ink);background:var(--card);color:var(--ink);font:700 15px system-ui,sans-serif;cursor:pointer;line-height:1}
 #mmenu:before{content:"";display:block;width:16px;height:2px;background:currentColor;border-radius:1px;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}
 .toc.open{display:block!important;position:fixed!important;top:0!important;left:0;bottom:0;width:min(86vw,340px);height:100vh;height:100dvh;max-height:none!important;z-index:2147483000;background:var(--card);box-shadow:0 0 40px rgba(0,0,0,.35);padding:14px 10px 40px;overflow:auto;-webkit-overflow-scrolling:touch;zoom:1!important;font-size:16px;box-sizing:border-box}
 .toc.open #tocx{display:block;position:sticky;top:0;float:right;border:0;background:var(--card);font-size:32px;line-height:1;cursor:pointer;color:var(--mut);padding:0 6px;margin:-4px 0 0;z-index:1}
 .toc.open li a,.toc.open a.tl{padding:8px 10px}
 #tocbg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2147482999}
 html.tocopen,html.tocopen body{overflow:hidden}
}
@media (max-width:700px){
 .cols>*,.txt{min-width:0}.tw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .tools{flex-wrap:wrap;min-width:0;gap:8px}
 #msearch{order:5;flex:1 1 calc(100% - 60px);width:auto;min-width:0}#mprint{order:6}
 #mprint{font-size:0;padding:8px 11px}#mprint:before{width:18px;height:18px;margin:0}
 .tsz{margin-right:0}
}

/* Print-friendly copy of the page (Jason, 25/10/2026: "go back just to normal printing the manual page
   but just have a print friendly version that strips out some of the formatting"). Plain black on
   white: no coloured boxes, cards, icons, banners or videos; boxes become a thin rule down the left. */
@media print{
 @page{size:A4;margin:14mm}
 *,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
 html,body,main,.wrap,.layout,header,.top,.sec,.txt,.cols,figure,figcaption{background:#fff!important;color:#000!important}
 body,main{font-size:10.5pt!important;line-height:1.45}
 h1,h2,h3,h4,p,li,td,th,b,strong,em,span,div,figcaption,.group,.tg,.brand,.mk,.rem{color:#000!important}
 .logo,.lsa,#owners-class,.vnote,.tipl .ti,.askbtn,#mmenu,#tocx,#tocbg,#mlog,#pw,.pwtease,.tsz,.fab,.adv{display:none!important}
 .brand .imt{background:none!important;color:#000!important;padding:0!important;border:0!important;border-radius:0!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;display:inline!important;margin:0 0 0 2mm!important}
 .brand .imt:before{content:"- "}
 h1{font-size:18pt!important;margin:2mm 0!important}
 .sec{border:0!important;border-radius:0!important;padding:0!important;margin:0 0 5mm!important}
 .sec h2{font-size:13.5pt!important;border-bottom:1pt solid #000;padding-bottom:1mm;margin:6mm 0 2mm!important}
 h2.group{font-size:10.5pt!important;text-transform:uppercase;letter-spacing:.08em;margin:9mm 0 1mm!important;border:0!important;padding:0!important}
 .warn,.key,.note,.tips,.tipl li,.kcard,.keys a{background:none!important;border:0!important;border-left:1.5pt solid #000!important;border-radius:0!important;padding:.8mm 0 .8mm 3.5mm!important;margin:2mm 0!important;color:#000!important}
 .tipl{padding:0!important;list-style:none!important}.tipl li{display:block!important}
 .warn b:before,.key b:before,.note b:before,.tips b:before,.kcard b:before,.toc a:before{display:none!important}
 ol li::before{background:none!important;color:#000!important;border:1pt solid #000!important}
 table th,table td{border:.75pt solid #888!important;background:none!important;color:#000!important}
 img{filter:grayscale(1)}
 .fig,figure{border:0!important;border-radius:0!important;padding:0!important}
 .hero-ph,.herorow img{max-width:55mm!important}
 a{color:#000!important;text-decoration:none!important}
}