/* Tactile surfaces. Colour remains owned by the Provod theme. */
.b2b .b2b-button,.b2b-dialog .b2b-button,.example-arrows button,.example-viewer button,.example-expand,#reel-play,.button{background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 48%,rgba(0,0,0,.065)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.055'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");box-shadow:inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(0,0,0,.13),0 2px 3px rgba(35,41,27,.13),0 6px 14px rgba(35,41,27,.065);border-radius:7px;transition:box-shadow 150ms cubic-bezier(.2,0,0,1),transform 150ms cubic-bezier(.2,0,0,1)}
.b2b .b2b-primary{border-top-color:#566049;border-bottom-color:#1d2418}.b2b .b2b-simple-result .b2b-primary{border-top-color:#edf5d6;border-bottom-color:#aaba7e}.b2b .b2b-final-cta{border:1px solid #343b2b;border-top-color:#626d55}.example-arrows button{border-color:#b3bba4}.example-expand{border-radius:7px!important}.b2b .editorial-secondary{display:inline-flex;align-items:center;gap:18px;min-height:54px;padding:14px 18px;border:1px solid #cbcdbf;border-top-color:#fff;border-bottom-color:#b4b9a5;border-radius:7px;background-color:#eeeee5;background-image:linear-gradient(180deg,#ffffff80,#ffffff00),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.055'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");box-shadow:inset 0 1px 0 #ffffffd0,0 2px 3px #383f2612,0 6px 12px #383f2608;color:#4a5140;text-decoration:none;font-size:12px}.editorial-secondary::after{content:'↗';font-size:15px}.editorial-actions{gap:14px}
.editorial-note,.content-example-note,.b2b .b2b-plan-note{display:table;max-width:100%;padding:12px 16px;border:1px solid #d8dacb;border-top-color:#fff;border-radius:5px;background-color:#eceee3;background-image:linear-gradient(180deg,#ffffff50,#ffffff00),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.055'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");box-shadow:inset 0 1px 0 #ffffffb0,0 2px 5px #3e48240a;color:#69705c;font-size:12px;line-height:1.6}.editorial-note{border-left:3px solid #9eaa7c;padding-left:13px}.content-example-note{font-size:11px}.b2b .b2b-plan-note{margin-bottom:28px}.b2b .b2b-simple-result>.b2b-small{background-color:#ffffff08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.055'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");border:1px solid #ffffff12;border-radius:5px;padding:10px 12px;box-shadow:inset 0 1px 0 #ffffff08;color:#d0d9c2}.b2b .b2b-method summary{padding:12px 15px;background-color:#eef0e4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.055'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");border:1px solid #cdd3bc;border-top-color:#fff;border-radius:5px;box-shadow:inset 0 1px 0 #ffffff90,0 2px 4px #38482208;color:#606b4f;list-style-position:inside}
@media(hover:hover) and (pointer:fine){.b2b .b2b-button:hover,.b2b .editorial-secondary:hover,.example-arrows button:hover,.example-viewer button:hover,.button:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #00000018,0 3px 5px #20271922,0 9px 18px #20271912}.b2b .b2b-button:hover{background-image:linear-gradient(180deg,#ffffff20,#ffffff00 50%,#0000000a),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.055'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}}
.b2b .b2b-button:active,.b2b .editorial-secondary:active,.example-arrows button:active,.example-viewer button:active,.button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000024,0 1px 1px #00000012}.b2b .b2b-button:focus-visible,.b2b .editorial-secondary:focus-visible,.example-arrows button:focus-visible,.example-viewer button:focus-visible,.button:focus-visible{transform:none;transition:none;outline:3px solid #84974e;outline-offset:4px}.example-viewer button:focus-visible{outline-color:#b9ff00}
@media(prefers-reduced-motion:reduce){.b2b .b2b-button,.b2b .editorial-secondary,.example-arrows button,.example-viewer button,.example-expand,#reel-play,.button{transition:none;transform:none!important}}
@media(max-width:760px){.editorial-note,.content-example-note,.b2b .b2b-plan-note{font-size:11px;padding:10px 12px}.b2b .editorial-secondary{font-size:11px;padding:13px 15px}.editorial-actions{gap:12px}}