/* Sixteen background tools across 02 / 06 / 09 / 11 (4 / 5 / 4 / 3). No layout space.
   The approved four foreground pricing-card wrenches are separate. */
.sf02 .sf02-guide,.sf02 .sf02-repair,.sf02 .sf02-access,.sf02 .sf02-conditions,.sf02 .sf02-craft,.sf02 .sf02-form{isolation:isolate}
.sf02 .sf02-workshop{--tool-width:160px;--tool-left:-34px;--tool-right:auto;--tool-top:42%;--tool-bottom:auto;--tool-angle:-8deg;position:absolute;inset:0;z-index:-1;display:block;overflow:clip;margin:0;padding:0;pointer-events:none;user-select:none;opacity:.6;mask-image:linear-gradient(90deg,#000 3%,transparent 22%);-webkit-mask-image:linear-gradient(90deg,#000 3%,transparent 22%)}
.sf02 .sf02-workshop img{position:absolute;display:block;width:var(--tool-width);height:auto;max-width:none;left:var(--tool-left);right:var(--tool-right);top:var(--tool-top);bottom:var(--tool-bottom);transform:rotate(var(--tool-angle));pointer-events:none;user-select:none}
.sf02 .sf02-workshop--guide-pliers{--tool-width:200px;--tool-left:auto;--tool-right:-18px;--tool-top:45%;--tool-angle:22deg;opacity:.54;mask-image:linear-gradient(90deg,transparent 76%,#000 97%);-webkit-mask-image:linear-gradient(90deg,transparent 76%,#000 97%)}
.sf02 .sf02-workshop--guide-wrench{--tool-width:115px;--tool-left:36%;--tool-top:0px;--tool-angle:-34deg;opacity:.46;mask-image:none;-webkit-mask-image:none}
.sf02 .sf02-workshop--repair{--tool-width:190px;--tool-left:auto;--tool-right:-18px;--tool-top:56px;--tool-angle:-18deg;opacity:.58;mask-image:linear-gradient(90deg,transparent 78%,#000 97%);-webkit-mask-image:linear-gradient(90deg,transparent 78%,#000 97%)}
.sf02 .sf02-workshop--repair-tape{--tool-width:140px;--tool-left:-30px;--tool-top:53%;--tool-angle:16deg;opacity:.52}
.sf02 .sf02-workshop--repair-wrench{--tool-width:115px;--tool-left:auto;--tool-right:-22px;--tool-top:auto;--tool-bottom:76px;--tool-angle:-28deg;opacity:.5;mask-image:linear-gradient(90deg,transparent 80%,#000 97%);-webkit-mask-image:linear-gradient(90deg,transparent 80%,#000 97%)}
.sf02 .sf02-workshop--access{--tool-width:150px;--tool-left:-34px;--tool-top:55%;--tool-angle:16deg;opacity:.55}
.sf02 .sf02-workshop--access-tape{--tool-width:140px;--tool-left:auto;--tool-right:-24px;--tool-top:24px;--tool-angle:-22deg;opacity:.55;mask-image:linear-gradient(90deg,transparent 80%,#000 97%);-webkit-mask-image:linear-gradient(90deg,transparent 80%,#000 97%)}
.sf02 .sf02-workshop--access-pliers{--tool-width:175px;--tool-left:36%;--tool-top:auto;--tool-bottom:32px;--tool-angle:32deg;opacity:.48;mask-image:none;-webkit-mask-image:none}
.sf02 .sf02-workshop--guide-pipe{--tool-width:175px;--tool-left:-12px;--tool-top:72%;--tool-angle:8deg;opacity:.52}
.sf02 .sf02-workshop--repair-pipe{--tool-width:155px;--tool-left:43%;--tool-top:24px;--tool-angle:12deg;opacity:.5;mask-image:none;-webkit-mask-image:none}
.sf02 .sf02-workshop--repair-impact{--tool-width:150px;--tool-left:auto;--tool-right:-22px;--tool-top:50%;--tool-angle:10deg;opacity:.5;z-index:0;mask-image:linear-gradient(90deg,transparent 78%,#000 97%);-webkit-mask-image:linear-gradient(90deg,transparent 78%,#000 97%)}
.sf02 .sf02-workshop--access-impact{--tool-width:130px;--tool-left:45%;--tool-top:20px;--tool-angle:-8deg;opacity:.5;mask-image:none;-webkit-mask-image:none}
/* Form ornaments stay behind the opaque input panel; no new wrapper or spacing. */
.sf02 .sf02-workshop--form-pipe{--tool-width:190px;--tool-left:14px;--tool-top:70px;--tool-angle:-12deg;opacity:.55}
.sf02 .sf02-workshop--form-impact{--tool-width:200px;--tool-left:auto;--tool-right:14px;--tool-top:45%;--tool-angle:10deg;opacity:.55;mask-image:linear-gradient(90deg,transparent 78%,#000 97%);-webkit-mask-image:linear-gradient(90deg,transparent 78%,#000 97%)}
.sf02 .sf02-workshop--form-tape{--tool-width:155px;--tool-left:46px;--tool-top:auto;--tool-bottom:5px;--tool-angle:18deg;opacity:.55}
/* HOME flow linework: preserve white via brightness(.75) then contrast(2),
   strengthening the pale ink without creating a tinted rectangular surface. */
.sf02 .sf02-plan-background{--plan-size:1080px;--plan-x:calc(100% + 80px);--plan-y:-150px;position:absolute;inset:0;z-index:-1;display:block;pointer-events:none;user-select:none;background:url('/wp-content/themes/smile-base/assets/images/home-flow-blueprint-bg-v1.webp') var(--plan-x) var(--plan-y)/var(--plan-size) auto no-repeat;filter:brightness(.75) contrast(2);mix-blend-mode:multiply;opacity:.9;mask-image:linear-gradient(90deg,transparent 22%,#000 76%);-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 76%)}
.sf02 .sf02-plan-background--craft{--plan-size:1200px;--plan-x:-70px;--plan-y:calc(100% + 8px);opacity:.85;mask-image:linear-gradient(90deg,#000,transparent 90%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 90%)}
@media(max-width:800px){
 .sf02 .sf02-form .sf02-workshop--form-pipe{--tool-width:160px;--tool-left:-64px;--tool-right:auto;--tool-top:52%;--tool-angle:-12deg;opacity:.55;mask-image:linear-gradient(90deg,#000,transparent 30%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 30%)}
 .sf02 .sf02-form .sf02-workshop--form-impact{--tool-width:125px;--tool-left:auto;--tool-right:-16px;--tool-top:15px;--tool-angle:10deg;opacity:.55}
 .sf02 .sf02-form .sf02-workshop--form-tape{--tool-width:135px;--tool-left:-35px;--tool-right:auto;--tool-top:auto;--tool-bottom:-40px;--tool-angle:18deg;opacity:.55;mask-image:linear-gradient(90deg,#000,transparent 32%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 32%)}
 .sf02 .sf02-workshop{--tool-width:130px;--tool-left:auto;--tool-right:-20px;--tool-top:16px;opacity:.55;mask-image:linear-gradient(90deg,transparent 64%,#000 97%);-webkit-mask-image:linear-gradient(90deg,transparent 64%,#000 97%)}
 .sf02 .sf02-workshop--guide-pliers{--tool-width:155px;--tool-left:-52px;--tool-right:auto;--tool-top:47%;--tool-angle:35deg;opacity:.5;mask-image:linear-gradient(90deg,#000,transparent 32%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 32%)}
 .sf02 .sf02-workshop--guide-wrench{--tool-width:100px;--tool-left:auto;--tool-right:-23px;--tool-top:auto;--tool-bottom:90px;--tool-angle:-28deg;opacity:.46}
 .sf02 .sf02-workshop--repair{--tool-width:142px;--tool-top:18px;--tool-right:-16px;opacity:.55}
 .sf02 .sf02-workshop--repair-tape{--tool-width:120px;--tool-left:-36px;--tool-right:auto;--tool-top:46%;opacity:.5;mask-image:linear-gradient(90deg,#000,transparent 32%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 32%)}
 .sf02 .sf02-workshop--repair-wrench{--tool-width:96px;--tool-right:-24px;--tool-top:auto;--tool-bottom:90px;opacity:.46}
 .sf02 .sf02-workshop--access{--tool-width:122px;--tool-left:-30px;--tool-right:auto;--tool-top:56%;opacity:.5;mask-image:linear-gradient(90deg,#000,transparent 33%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 33%)}
 .sf02 .sf02-workshop--access-tape{--tool-width:118px;--tool-right:-30px;--tool-top:40px;opacity:.52}
 .sf02 .sf02-workshop--access-pliers{--tool-width:148px;--tool-left:auto;--tool-right:-30px;--tool-top:auto;--tool-bottom:22px;--tool-angle:-18deg;opacity:.46}
 .sf02 .sf02-workshop--guide-pipe{--tool-width:140px;--tool-left:-16px;--tool-right:auto;--tool-top:73%;--tool-angle:8deg;opacity:.5;mask-image:linear-gradient(90deg,#000,transparent 35%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 35%)}
 .sf02 .sf02-workshop--repair-pipe{--tool-width:140px;--tool-left:-20px;--tool-right:auto;--tool-top:33%;--tool-angle:-8deg;opacity:.5;mask-image:linear-gradient(90deg,#000,transparent 35%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 35%)}
 .sf02 .sf02-workshop--repair-impact{--tool-width:132px;--tool-right:-22px;--tool-top:57%;--tool-angle:10deg;opacity:.5}
 .sf02 .sf02-workshop--access-impact{--tool-width:124px;--tool-left:auto;--tool-right:-25px;--tool-top:35%;--tool-angle:-8deg;opacity:.5}
 .sf02 .sf02-plan-background{--plan-size:820px;--plan-x:calc(100% + 100px);--plan-y:-110px;opacity:.78;mask-image:linear-gradient(90deg,transparent 10%,#000 85%);-webkit-mask-image:linear-gradient(90deg,transparent 10%,#000 85%)}
 .sf02 .sf02-plan-background--craft{--plan-size:880px;--plan-x:-180px;--plan-y:calc(100% + 10px);opacity:.7;mask-image:linear-gradient(90deg,#000,transparent 96%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 96%)}
}