. Together they make this file inert on the other 180 * pages AND unable to reach header.php or footer.php on this one. Nothing at * all is declared on . * * It reverts by deleting one line in inc/enqueue.php. */ /* * THE TOKENS LIVE ON

, NOT ON , AND THIS IS NOT COSMETIC. * * .su-page sits on , so anything declared there inherits into * header.php and footer.php as well as the page. Custom properties inherit * too, and --rule COLLIDES: tokens.css declares `--rule: 2px`, a border * width, and header.css and footer.css read var(--rule) seven times between * them. Declared on this block replaced that width with a COLOUR for * the whole chrome. * * On

they reach the page and stop. */ .su-page .su-main{ /* * LIGHT, like the rest of sharering.network. Navy is #0A1F44, the value the * 2026 media kits use and the value already baked into me-modules and prove * in the theme. --ctx is the industry accent as drawn on a dark phone screen; * --ctxd is that accent mixed toward navy so it survives on white, which the * pastel end of the set does not. */ --ink:#0A1F44; --ink-2:#46586f; --ink-3:#6f8199; /* * --ink-3-aa IS --ink-3 DARKENED JUST FAR ENOUGH TO CLEAR WCAG AA, AND IT IS * A SECOND TOKEN ON PURPOSE. * * Measured on the rendered page: --ink-3 is 3.68 to 1 on --ground-2 and 3.98 * to 1 on white, and small text needs 4.5. Eight elements on this page were * under it, the two workflow half-labels and the six news dates. * * Moving --ink-3 itself would have darkened quiet type across the whole site, * which is a design change nobody asked for, so the token stays where it is * and this one is used by exactly two rules. It is --ink-3 mixed 15 per cent * toward navy, which is the smallest step that clears the line with margin: * 4.67 to 1 on --ground-2 and 5.05 to 1 on white, against --ink-2 at 6.73 and * 7.28. The hierarchy survives, because it is still visibly lighter than * --ink-2 beside it in the same row. */ --ink-3-aa:#5e708a; --ground:#ffffff; --ground-2:#f4f6fa; --screen:#0b1a2a; --rule:rgba(10,31,68,.16); --rule-2:rgba(10,31,68,.08); --ctx:#2CE5A7; --ctxd:#12795a; --cta:#010ED0; --draft:#8a9a00; --maxw:1180px; --display:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --phone:clamp(158px,17vw,206px); --phoneH:calc(var(--phone) * 2.165); --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E"); } .su-page .su-main *{box-sizing:border-box} /* * NOTHING IS DECLARED ON , AND THAT IS THE POINT OF THIS FILE'S SCOPE. * * .su-page sits on , so every declaration made there reaches header.php * and footer.php as well as the page. This file used to keep three on it: * margin, background and overflow-x. All three are already set by base.css for * every page on the site, `body { margin: 0 }` and `html, body { overflow-x: * clip }` and `body { background: var(--sr-canvas) }`, which is the same * #ffffff, so the page loses nothing by not repeating them and the chrome * gains a guarantee: with this file enqueued and dequeued, every computed * value outside

is identical. * * The scope for everything here is therefore `.su-page .su-main`, which is * also 0-2-0 and beats `.elementor-kit-5` at 0-1-0 and `.elementor-kit-5 a` * and `.elementor-kit-5 button` at 0-1-1 wherever the subject is an element * rather than a class. */ .su-page .su-main{background:var(--ground);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased} /* * THE ONE THAT ACTUALLY BROKE THE NAV. On this reached all 37 images * in the chrome. max-width:100% on .sr-product__word squeezed the DigitalMe * menu item from 195px to 166px, so the eye mark and the wordmark overlapped * and it read as "Digitalme" with the glyph sitting on the letters. */ .su-page .su-main img,.su-page .su-main video{max-width:100%;display:block} .su-page .su-main .su-wrap{max-width:var(--maxw);margin:0 auto;padding-inline:20px} .su-page .su-main .su-layer{position:relative;z-index:1} /* * WHY THE SCOPE IS TWO CLASSES AND NOT ONE. Read this before adding a * component here, because the next template in this theme will hit both * halves of it. * * HALF ONE, THE ELEMENTOR KIT. Elementor's global kit prints this in * post-5.css: * * .elementor-kit-5 button, * .elementor-kit-5 input[type="button"], * .elementor-kit-5 input[type="submit"], * .elementor-kit-5 .elementor-button { * background-color: var(--e-global-color-vamtam_accent_1); #010ED0 * color: var(--e-global-color-vamtam_accent_5); * border-radius: 4px; padding: 14px 24px; font-family: ... } * * .elementor-kit-5 a { color: var(--e-global-color-vamtam_accent_6); } #0A0557 * * The body carries elementor-kit-5 on EVERY page of this site, this page * included, so both rules reach every bare