/* Font declarations FIRST */
@font-face{/* Inter Variable - NORMAL (Upright) */
	font-family: 'Inter Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-opsz-normal.woff2) format('woff2-variations');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{/* Inter Variable - ITALIC */
	font-family: 'Inter Variable';
	font-style: italic;
	font-display: swap;
	font-weight: 100 900;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-opsz-italic.woff2) format('woff2-variations');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* CSS Custom Properties & Variables */
:root {
	--font-stack: 
	"Inter Variable", "Inter",                    /* Your brand font (variable → static) */
	system-ui,                                    /* Primary generic for native UI font */
	-apple-system,                                /* San Francisco (Apple) - legacy support */
	BlinkMacSystemFont,                           /* Chrome/Edge on macOS */
	"Segoe UI Variable", "Segoe UI",              /* Windows 11 & 10 (variable first) */
	"Roboto",                                     /* Android */
	"Helvetica Neue",                             /* Legacy macOS */
	"Arial",                                      /* Universal fallback */
	"Noto Sans", "Liberation Sans",               /* Linux & global script support */
	sans-serif,                                   /* Ultimate generic fallback */
	"Apple Color Emoji", "Noto Color Emoji",      /* macOS & cross-platform emoji */
	"Segoe UI Emoji", "Segoe UI Symbol";          /* Windows emoji */
	/* Critical for Vivaldi/Inter font synthesis */
	font-synthesis: none !important;
}
/* Core typography rendering for entire document */
html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
/* Document-level font inheritance */
html {
	font-family: var(--font-stack);
}
/* Content-level typography refinement */
body {
	/* Font synthesis & features */
	font-synthesis: none;
	font-kerning: normal;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variant-ligatures: common-ligatures contextual;
	font-variant-numeric: normal;
	font-variant-east-asian: normal;
	/* Text layout & spacing */
	text-align: start;
	text-align-last: auto;
	letter-spacing: normal;
	hyphens: auto;
	/* Word & line handling */
	word-break: normal;
	overflow-wrap: break-word;
	word-wrap: break-word;
}


:root {
  /* Viewport units (syncs with layout system) */
  --vh: 1vh;
  --dvh: 1dvh;

  @supports not (height: 1dvh) {
    --dvh: var(--vh);
  }

  /* Font size scale (20 steps) */
  --font-base: 2;

  --fs-01: calc(var(--font-base) * 0.3);
  --fs-02: calc(var(--font-base) * 0.42);
  --fs-03: calc(var(--font-base) * 0.56);
  --fs-04: calc(var(--font-base) * 0.68);
  --fs-05: calc(var(--font-base) * 0.76);
  --fs-06: calc(var(--font-base) * 0.82);
  --fs-07: calc(var(--font-base) * 0.87);
  --fs-08: calc(var(--font-base) * 0.92);
  --fs-09: calc(var(--font-base) * 0.96);
  --fs-10: calc(var(--font-base) * 1);
  --fs-11: calc(var(--font-base) * 1.06);
  --fs-12: calc(var(--font-base) * 1.14);
  --fs-13: calc(var(--font-base) * 1.24);
  --fs-14: calc(var(--font-base) * 1.38);
  --fs-15: calc(var(--font-base) * 1.56);
  --fs-16: calc(var(--font-base) * 1.8);
  --fs-17: calc(var(--font-base) * 2.1);
  --fs-18: calc(var(--font-base) * 2.5);
  --fs-19: calc(var(--font-base) * 3);
  --fs-20: calc(var(--font-base) * 3.7);

  --fw-01: 550;
  --fw-02: 500;
  --fw-03: 500;
  --fw-04: 450;
  --fw-05: 450;
  --fw-06: 450;
  --fw-07: 450;
  --fw-08: 450;
  --fw-09: 450;
  --fw-10: 450;
  --fw-11: 450;
  --fw-12: 450;
  --fw-13: 500;
  --fw-14: 550;
  --fw-15: 600;
  --fw-16: 600;
  --fw-17: 700;
  --fw-18: 750;
  --fw-19: 800;
  --fw-20: 900;

  /* Line height system */
  --lh-xs: 1.1;  /* Extra tight */
  --lh-sm: 1.2;  /* Tight */
  --lh-md: 1.4;  /* Normal */
  --lh-lg: 1.6;  /* Loose */
  --lh-xl: 1.8;  /* Extra loose */

  /* Letter spacing system */
  --ls-xs: -0.04em;   /* Tight (-4%) */
  --ls-sm: -0.01em;   /* Slightly tight (-1%) */
  --ls-md: 0em;       /* Normal */
  --ls-lg: 0.02em;    /* Loose (+2%) */
  --ls-xl: 0.05em;    /* Very loose (+5%) */
}

/* ============================================
   BASE STYLES (Mobile-first: 0px and up)
   ============================================ */
@media (min-width: 0px) {

  /* Base size classes (1-20) */
  /* base:1 */
  [suzhou*="base:1;"],
  [suzhou$="base:1"] {
    font-size: calc(var(--dvh) * var(--fs-01));
    font-variation-settings: 'wght' var(--fw-01);
    font-weight: var(--fw-01);
    line-height: var(--lh-xs);
    letter-spacing: var(--ls-xs);
  }

  /* base:2 */
  [suzhou*="base:2;"],
  [suzhou$="base:2"] {
    font-size: calc(var(--dvh) * var(--fs-02));
    font-variation-settings: 'wght' var(--fw-02);
    font-weight: var(--fw-02);
    line-height: var(--lh-xs);
    letter-spacing: var(--ls-xs);
  }

  /* base:3 */
  [suzhou*="base:3;"],
  [suzhou$="base:3"] {
    font-size: calc(var(--dvh) * var(--fs-03));
    font-variation-settings: 'wght' var(--fw-03);
    font-weight: var(--fw-03);
    line-height: var(--lh-xs);
    letter-spacing: var(--ls-sm);
  }

  /* base:4 */
  [suzhou*="base:4;"],
  [suzhou$="base:4"] {
    font-size: calc(var(--dvh) * var(--fs-04));
    font-variation-settings: 'wght' var(--fw-04);
    font-weight: var(--fw-04);
    line-height: var(--lh-xs);
    letter-spacing: var(--ls-sm);
  }

  /* base:5 */
  [suzhou*="base:5;"],
  [suzhou$="base:5"] {
    font-size: calc(var(--dvh) * var(--fs-05));
    font-variation-settings: 'wght' var(--fw-05);
    font-weight: var(--fw-05);
    line-height: var(--lh-sm);
    letter-spacing: var(--ls-md);
  }

  /* base:6 */
  [suzhou*="base:6;"],
  [suzhou$="base:6"] {
    font-size: calc(var(--dvh) * var(--fs-06));
    font-variation-settings: 'wght' var(--fw-06);
    font-weight: var(--fw-06);
    line-height: var(--lh-sm);
    letter-spacing: var(--ls-md);
  }

  /* base:7 */
  [suzhou*="base:7;"],
  [suzhou$="base:7"] {
    font-size: calc(var(--dvh) * var(--fs-07));
    font-variation-settings: 'wght' var(--fw-07);
    font-weight: var(--fw-07);
    line-height: var(--lh-sm);
    letter-spacing: var(--ls-md);
  }

  /* base:8 */
  [suzhou*="base:8;"],
  [suzhou$="base:8"] {
    font-size: calc(var(--dvh) * var(--fs-08));
    font-variation-settings: 'wght' var(--fw-08);
    font-weight: var(--fw-08);
    line-height: var(--lh-md);
    letter-spacing: var(--ls-md);
  }

  /* base:9 */
  [suzhou*="base:9;"],
  [suzhou$="base:9"] {
    font-size: calc(var(--dvh) * var(--fs-09));
    font-variation-settings: 'wght' var(--fw-09);
    font-weight: var(--fw-09);
    line-height: var(--lh-md);
    letter-spacing: var(--ls-md);
  }

  /* base:10 */
  [suzhou*="base:10;"],
  [suzhou$="base:10"] {
    font-size: calc(var(--dvh) * var(--fs-10));
    font-variation-settings: 'wght' var(--fw-10);
    font-weight: var(--fw-10);
    line-height: var(--lh-md);
    letter-spacing: var(--ls-md);
  }

  /* base:11 */
  [suzhou*="base:11;"],
  [suzhou$="base:11"] {
    font-size: calc(var(--dvh) * var(--fs-11));
    font-variation-settings: 'wght' var(--fw-11);
    font-weight: var(--fw-11);
    line-height: var(--lh-md);
    letter-spacing: var(--ls-md);
  }

  /* base:12 */
  [suzhou*="base:12;"],
  [suzhou$="base:12"] {
    font-size: calc(var(--dvh) * var(--fs-12));
    font-variation-settings: 'wght' var(--fw-12);
    font-weight: var(--fw-12);
    line-height: var(--lh-md);
    letter-spacing: var(--ls-md);
  }

  /* base:13 */
  [suzhou*="base:13;"],
  [suzhou$="base:13"] {
    font-size: calc(var(--dvh) * var(--fs-13));
    font-variation-settings: 'wght' var(--fw-13);
    font-weight: var(--fw-13);
    line-height: var(--lh-md);
    letter-spacing: var(--ls-md);
  }

  /* base:14 */
  [suzhou*="base:14;"],
  [suzhou$="base:14"] {
    font-size: calc(var(--dvh) * var(--fs-14));
    font-variation-settings: 'wght' var(--fw-14);
    font-weight: var(--fw-14);
    line-height: var(--lh-lg);
    letter-spacing: var(--ls-lg);
  }

  /* base:15 */
  [suzhou*="base:15;"],
  [suzhou$="base:15"] {
    font-size: calc(var(--dvh) * var(--fs-15));
    font-variation-settings: 'wght' var(--fw-15);
    font-weight: var(--fw-15);
    line-height: var(--lh-lg);
    letter-spacing: var(--ls-lg);
  }

  /* base:16 */
  [suzhou*="base:16;"],
  [suzhou$="base:16"] {
    font-size: calc(var(--dvh) * var(--fs-16));
    font-variation-settings: 'wght' var(--fw-16);
    font-weight: var(--fw-16);
    line-height: var(--lh-lg);
    letter-spacing: var(--ls-lg);
  }

  /* base:17 */
  [suzhou*="base:17;"],
  [suzhou$="base:17"] {
    font-size: calc(var(--dvh) * var(--fs-17));
    font-variation-settings: 'wght' var(--fw-17);
    font-weight: var(--fw-17);
    line-height: var(--lh-lg);
    letter-spacing: var(--ls-xl);
  }

  /* base:18 */
  [suzhou*="base:18;"],
  [suzhou$="base:18"] {
    font-size: calc(var(--dvh) * var(--fs-18));
    font-variation-settings: 'wght' var(--fw-18);
    font-weight: var(--fw-18);
    line-height: var(--lh-xl);
    letter-spacing: var(--ls-xl);
  }

  /* base:19 */
  [suzhou*="base:19;"],
  [suzhou$="base:19"] {
    font-size: calc(var(--dvh) * var(--fs-19));
    font-variation-settings: 'wght' var(--fw-19);
    font-weight: var(--fw-19);
    line-height: var(--lh-xl);
    letter-spacing: var(--ls-xl);
  }

  /* base:20 */
  [suzhou*="base:20;"],
  [suzhou$="base:20"] {
    font-size: calc(var(--dvh) * var(--fs-20));
    font-variation-settings: 'wght' var(--fw-20);
    font-weight: var(--fw-20);
    line-height: var(--lh-xl);
    letter-spacing: var(--ls-xl);
  }

  /* Weight overrides (100-900 in 50 increments) */
  /* weight:100 */
  [suzhou*="weight:100;"],
  [suzhou$="weight:100"] {
    font-variation-settings: 'wght' 100 !important;
    font-weight: 100 !important;
  }

  /* weight:150 */
  [suzhou*="weight:150;"],
  [suzhou$="weight:150"] {
    font-variation-settings: 'wght' 150 !important;
    font-weight: 150 !important;
  }

  /* weight:200 */
  [suzhou*="weight:200;"],
  [suzhou$="weight:200"] {
    font-variation-settings: 'wght' 200 !important;
    font-weight: 200 !important;
  }

  /* weight:250 */
  [suzhou*="weight:250;"],
  [suzhou$="weight:250"] {
    font-variation-settings: 'wght' 250 !important;
    font-weight: 250 !important;
  }

  /* weight:300 */
  [suzhou*="weight:300;"],
  [suzhou$="weight:300"] {
    font-variation-settings: 'wght' 300 !important;
    font-weight: 300 !important;
  }

  /* weight:350 */
  [suzhou*="weight:350;"],
  [suzhou$="weight:350"] {
    font-variation-settings: 'wght' 350 !important;
    font-weight: 350 !important;
  }

  /* weight:400 */
  [suzhou*="weight:400;"],
  [suzhou$="weight:400"] {
    font-variation-settings: 'wght' 400 !important;
    font-weight: 400 !important;
  }

  /* weight:450 */
  [suzhou*="weight:450;"],
  [suzhou$="weight:450"] {
    font-variation-settings: 'wght' 450 !important;
    font-weight: 450 !important;
  }

  /* weight:500 */
  [suzhou*="weight:500;"],
  [suzhou$="weight:500"] {
    font-variation-settings: 'wght' 500 !important;
    font-weight: 500 !important;
  }

  /* weight:550 */
  [suzhou*="weight:550;"],
  [suzhou$="weight:550"] {
    font-variation-settings: 'wght' 550 !important;
    font-weight: 550 !important;
  }

  /* weight:600 */
  [suzhou*="weight:600;"],
  [suzhou$="weight:600"] {
    font-variation-settings: 'wght' 600 !important;
    font-weight: 600 !important;
  }

  /* weight:650 */
  [suzhou*="weight:650;"],
  [suzhou$="weight:650"] {
    font-variation-settings: 'wght' 650 !important;
    font-weight: 650 !important;
  }

  /* weight:700 */
  [suzhou*="weight:700;"],
  [suzhou$="weight:700"] {
    font-variation-settings: 'wght' 700 !important;
    font-weight: 700 !important;
  }

  /* weight:750 */
  [suzhou*="weight:750;"],
  [suzhou$="weight:750"] {
    font-variation-settings: 'wght' 750 !important;
    font-weight: 750 !important;
  }

  /* weight:800 */
  [suzhou*="weight:800;"],
  [suzhou$="weight:800"] {
    font-variation-settings: 'wght' 800 !important;
    font-weight: 800 !important;
  }

  /* weight:850 */
  [suzhou*="weight:850;"],
  [suzhou$="weight:850"] {
    font-variation-settings: 'wght' 850 !important;
    font-weight: 850 !important;
  }

  /* weight:900 */
  [suzhou*="weight:900;"],
  [suzhou$="weight:900"] {
    font-variation-settings: 'wght' 900 !important;
    font-weight: 900 !important;
  }

  /* Line height overrides */
  /* height:xs */
  [suzhou*="height:xs;"],
  [suzhou$="height:xs"] {
    line-height: var(--lh-xs) !important;
  }

  /* height:sm */
  [suzhou*="height:sm;"],
  [suzhou$="height:sm"] {
    line-height: var(--lh-sm) !important;
  }

  /* height:md */
  [suzhou*="height:md;"],
  [suzhou$="height:md"] {
    line-height: var(--lh-md) !important;
  }

  /* height:lg */
  [suzhou*="height:lg;"],
  [suzhou$="height:lg"] {
    line-height: var(--lh-lg) !important;
  }

  /* height:xl */
  [suzhou*="height:xl;"],
  [suzhou$="height:xl"] {
    line-height: var(--lh-xl) !important;
  }

  /* Letter spacing overrides */
  /* spacing:xs */
  [suzhou*="spacing:xs;"],
  [suzhou$="spacing:xs"] {
    letter-spacing: var(--ls-xs) !important;
  }

  /* spacing:sm */
  [suzhou*="spacing:sm;"],
  [suzhou$="spacing:sm"] {
    letter-spacing: var(--ls-sm) !important;
  }

  /* spacing:md */
  [suzhou*="spacing:md;"],
  [suzhou$="spacing:md"] {
    letter-spacing: var(--ls-md) !important;
  }

  /* spacing:lg */
  [suzhou*="spacing:lg;"],
  [suzhou$="spacing:lg"] {
    letter-spacing: var(--ls-lg) !important;
  }

  /* spacing:xl */
  [suzhou*="spacing:xl;"],
  [suzhou$="spacing:xl"] {
    letter-spacing: var(--ls-xl) !important;
  }

  /* Font style overrides */
  /* style:normal */
  [suzhou*="style:normal;"],
  [suzhou$="style:normal"] {
    font-style: normal !important;
  }

  /* style:italic */
  [suzhou*="style:italic;"],
  [suzhou$="style:italic"] {
    font-style: italic !important;
  }

  /* style:oblique */
  [suzhou*="style:oblique;"],
  [suzhou$="style:oblique"] {
    font-style: oblique !important;
  }

  /* Text decoration lines (16 permutations) */
  /* line:under */
  [suzhou*="line:under;"],
  [suzhou$="line:under"] {
    text-decoration-line: underline !important;
  }

  /* line:over */
  [suzhou*="line:over;"],
  [suzhou$="line:over"] {
    text-decoration-line: overline !important;
  }

  /* line:through */
  [suzhou*="line:through;"],
  [suzhou$="line:through"] {
    text-decoration-line: line-through !important;
  }

  /* line:none */
  [suzhou*="line:none;"],
  [suzhou$="line:none"] {
    text-decoration-line: none !important;
  }

  /* line:over,under */
  [suzhou*="line:over,under;"],
  [suzhou$="line:over,under"] {
    text-decoration-line: overline underline !important;
  }

  /* line:under,over */
  [suzhou*="line:under,over;"],
  [suzhou$="line:under,over"] {
    text-decoration-line: overline underline !important;
  }

  /* line:over,through */
  [suzhou*="line:over,through;"],
  [suzhou$="line:over,through"] {
    text-decoration-line: overline line-through !important;
  }

  /* line:through,over */
  [suzhou*="line:through,over;"],
  [suzhou$="line:through,over"] {
    text-decoration-line: overline line-through !important;
  }

  /* line:under,through */
  [suzhou*="line:under,through;"],
  [suzhou$="line:under,through"] {
    text-decoration-line: underline line-through !important;
  }

  /* line:through,under */
  [suzhou*="line:through,under;"],
  [suzhou$="line:through,under"] {
    text-decoration-line: underline line-through !important;
  }

  /* line:over,under,through */
  [suzhou*="line:over,under,through;"],
  [suzhou$="line:over,under,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* line:over,through,under */
  [suzhou*="line:over,through,under;"],
  [suzhou$="line:over,through,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* line:under,over,through */
  [suzhou*="line:under,over,through;"],
  [suzhou$="line:under,over,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* line:under,through,over */
  [suzhou*="line:under,through,over;"],
  [suzhou$="line:under,through,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* line:through,over,under */
  [suzhou*="line:through,over,under;"],
  [suzhou$="line:through,over,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* line:through,under,over */
  [suzhou*="line:through,under,over;"],
  [suzhou$="line:through,under,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* Text transform */
  /* case:upper */
  [suzhou*="case:upper;"],
  [suzhou$="case:upper"] {
    text-transform: uppercase !important;
  }

  /* case:lower */
  [suzhou*="case:lower;"],
  [suzhou$="case:lower"] {
    text-transform: lowercase !important;
  }

  /* case:capitalize */
  [suzhou*="case:capitalize;"],
  [suzhou$="case:capitalize"] {
    text-transform: capitalize !important;
  }

  /* case:none */
  [suzhou*="case:none;"],
  [suzhou$="case:none"] {
    text-transform: none !important;
  }

}

/* ============================================
   BREAKPOINT m1: 280px
   ============================================ */
@media (min-width: 280px) {

  /* Base size overrides for m1 */
  [suzhou\:m1*="base:1;"],
  [suzhou\:m1$="base:1"] {
    font-size: calc(var(--dvh) * var(--fs-01)) !important;
    font-variation-settings: 'wght' var(--fw-01) !important;
    font-weight: var(--fw-01) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m1*="base:2;"],
  [suzhou\:m1$="base:2"] {
    font-size: calc(var(--dvh) * var(--fs-02)) !important;
    font-variation-settings: 'wght' var(--fw-02) !important;
    font-weight: var(--fw-02) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m1*="base:3;"],
  [suzhou\:m1$="base:3"] {
    font-size: calc(var(--dvh) * var(--fs-03)) !important;
    font-variation-settings: 'wght' var(--fw-03) !important;
    font-weight: var(--fw-03) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m1*="base:4;"],
  [suzhou\:m1$="base:4"] {
    font-size: calc(var(--dvh) * var(--fs-04)) !important;
    font-variation-settings: 'wght' var(--fw-04) !important;
    font-weight: var(--fw-04) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m1*="base:5;"],
  [suzhou\:m1$="base:5"] {
    font-size: calc(var(--dvh) * var(--fs-05)) !important;
    font-variation-settings: 'wght' var(--fw-05) !important;
    font-weight: var(--fw-05) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m1*="base:6;"],
  [suzhou\:m1$="base:6"] {
    font-size: calc(var(--dvh) * var(--fs-06)) !important;
    font-variation-settings: 'wght' var(--fw-06) !important;
    font-weight: var(--fw-06) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m1*="base:7;"],
  [suzhou\:m1$="base:7"] {
    font-size: calc(var(--dvh) * var(--fs-07)) !important;
    font-variation-settings: 'wght' var(--fw-07) !important;
    font-weight: var(--fw-07) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m1*="base:8;"],
  [suzhou\:m1$="base:8"] {
    font-size: calc(var(--dvh) * var(--fs-08)) !important;
    font-variation-settings: 'wght' var(--fw-08) !important;
    font-weight: var(--fw-08) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m1*="base:9;"],
  [suzhou\:m1$="base:9"] {
    font-size: calc(var(--dvh) * var(--fs-09)) !important;
    font-variation-settings: 'wght' var(--fw-09) !important;
    font-weight: var(--fw-09) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m1*="base:10;"],
  [suzhou\:m1$="base:10"] {
    font-size: calc(var(--dvh) * var(--fs-10)) !important;
    font-variation-settings: 'wght' var(--fw-10) !important;
    font-weight: var(--fw-10) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m1*="base:11;"],
  [suzhou\:m1$="base:11"] {
    font-size: calc(var(--dvh) * var(--fs-11)) !important;
    font-variation-settings: 'wght' var(--fw-11) !important;
    font-weight: var(--fw-11) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m1*="base:12;"],
  [suzhou\:m1$="base:12"] {
    font-size: calc(var(--dvh) * var(--fs-12)) !important;
    font-variation-settings: 'wght' var(--fw-12) !important;
    font-weight: var(--fw-12) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m1*="base:13;"],
  [suzhou\:m1$="base:13"] {
    font-size: calc(var(--dvh) * var(--fs-13)) !important;
    font-variation-settings: 'wght' var(--fw-13) !important;
    font-weight: var(--fw-13) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m1*="base:14;"],
  [suzhou\:m1$="base:14"] {
    font-size: calc(var(--dvh) * var(--fs-14)) !important;
    font-variation-settings: 'wght' var(--fw-14) !important;
    font-weight: var(--fw-14) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m1*="base:15;"],
  [suzhou\:m1$="base:15"] {
    font-size: calc(var(--dvh) * var(--fs-15)) !important;
    font-variation-settings: 'wght' var(--fw-15) !important;
    font-weight: var(--fw-15) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m1*="base:16;"],
  [suzhou\:m1$="base:16"] {
    font-size: calc(var(--dvh) * var(--fs-16)) !important;
    font-variation-settings: 'wght' var(--fw-16) !important;
    font-weight: var(--fw-16) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m1*="base:17;"],
  [suzhou\:m1$="base:17"] {
    font-size: calc(var(--dvh) * var(--fs-17)) !important;
    font-variation-settings: 'wght' var(--fw-17) !important;
    font-weight: var(--fw-17) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m1*="base:18;"],
  [suzhou\:m1$="base:18"] {
    font-size: calc(var(--dvh) * var(--fs-18)) !important;
    font-variation-settings: 'wght' var(--fw-18) !important;
    font-weight: var(--fw-18) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m1*="base:19;"],
  [suzhou\:m1$="base:19"] {
    font-size: calc(var(--dvh) * var(--fs-19)) !important;
    font-variation-settings: 'wght' var(--fw-19) !important;
    font-weight: var(--fw-19) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m1*="base:20;"],
  [suzhou\:m1$="base:20"] {
    font-size: calc(var(--dvh) * var(--fs-20)) !important;
    font-variation-settings: 'wght' var(--fw-20) !important;
    font-weight: var(--fw-20) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  /* Weight overrides for m1 */
  [suzhou\:m1*="weight:100;"],
  [suzhou\:m1$="weight:100"] {
    font-variation-settings: 'wght' 100 !important;
    font-weight: 100 !important;
  }

  [suzhou\:m1*="weight:150;"],
  [suzhou\:m1$="weight:150"] {
    font-variation-settings: 'wght' 150 !important;
    font-weight: 150 !important;
  }

  [suzhou\:m1*="weight:200;"],
  [suzhou\:m1$="weight:200"] {
    font-variation-settings: 'wght' 200 !important;
    font-weight: 200 !important;
  }

  [suzhou\:m1*="weight:250;"],
  [suzhou\:m1$="weight:250"] {
    font-variation-settings: 'wght' 250 !important;
    font-weight: 250 !important;
  }

  [suzhou\:m1*="weight:300;"],
  [suzhou\:m1$="weight:300"] {
    font-variation-settings: 'wght' 300 !important;
    font-weight: 300 !important;
  }

  [suzhou\:m1*="weight:350;"],
  [suzhou\:m1$="weight:350"] {
    font-variation-settings: 'wght' 350 !important;
    font-weight: 350 !important;
  }

  [suzhou\:m1*="weight:400;"],
  [suzhou\:m1$="weight:400"] {
    font-variation-settings: 'wght' 400 !important;
    font-weight: 400 !important;
  }

  [suzhou\:m1*="weight:450;"],
  [suzhou\:m1$="weight:450"] {
    font-variation-settings: 'wght' 450 !important;
    font-weight: 450 !important;
  }

  [suzhou\:m1*="weight:500;"],
  [suzhou\:m1$="weight:500"] {
    font-variation-settings: 'wght' 500 !important;
    font-weight: 500 !important;
  }

  [suzhou\:m1*="weight:550;"],
  [suzhou\:m1$="weight:550"] {
    font-variation-settings: 'wght' 550 !important;
    font-weight: 550 !important;
  }

  [suzhou\:m1*="weight:600;"],
  [suzhou\:m1$="weight:600"] {
    font-variation-settings: 'wght' 600 !important;
    font-weight: 600 !important;
  }

  [suzhou\:m1*="weight:650;"],
  [suzhou\:m1$="weight:650"] {
    font-variation-settings: 'wght' 650 !important;
    font-weight: 650 !important;
  }

  [suzhou\:m1*="weight:700;"],
  [suzhou\:m1$="weight:700"] {
    font-variation-settings: 'wght' 700 !important;
    font-weight: 700 !important;
  }

  [suzhou\:m1*="weight:750;"],
  [suzhou\:m1$="weight:750"] {
    font-variation-settings: 'wght' 750 !important;
    font-weight: 750 !important;
  }

  [suzhou\:m1*="weight:800;"],
  [suzhou\:m1$="weight:800"] {
    font-variation-settings: 'wght' 800 !important;
    font-weight: 800 !important;
  }

  [suzhou\:m1*="weight:850;"],
  [suzhou\:m1$="weight:850"] {
    font-variation-settings: 'wght' 850 !important;
    font-weight: 850 !important;
  }

  [suzhou\:m1*="weight:900;"],
  [suzhou\:m1$="weight:900"] {
    font-variation-settings: 'wght' 900 !important;
    font-weight: 900 !important;
  }

  /* Line height overrides for m1 */
  [suzhou\:m1*="height:xs;"],
  [suzhou\:m1$="height:xs"] {
    line-height: var(--lh-xs) !important;
  }

  [suzhou\:m1*="height:sm;"],
  [suzhou\:m1$="height:sm"] {
    line-height: var(--lh-sm) !important;
  }

  [suzhou\:m1*="height:md;"],
  [suzhou\:m1$="height:md"] {
    line-height: var(--lh-md) !important;
  }

  [suzhou\:m1*="height:lg;"],
  [suzhou\:m1$="height:lg"] {
    line-height: var(--lh-lg) !important;
  }

  [suzhou\:m1*="height:xl;"],
  [suzhou\:m1$="height:xl"] {
    line-height: var(--lh-xl) !important;
  }

  /* Letter spacing overrides for m1 */
  [suzhou\:m1*="spacing:xs;"],
  [suzhou\:m1$="spacing:xs"] {
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m1*="spacing:sm;"],
  [suzhou\:m1$="spacing:sm"] {
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m1*="spacing:md;"],
  [suzhou\:m1$="spacing:md"] {
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m1*="spacing:lg;"],
  [suzhou\:m1$="spacing:lg"] {
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m1*="spacing:xl;"],
  [suzhou\:m1$="spacing:xl"] {
    letter-spacing: var(--ls-xl) !important;
  }

  /* Font style overrides for m1 */
  [suzhou\:m1*="style:normal;"],
  [suzhou\:m1$="style:normal"] {
    font-style: normal !important;
  }

  [suzhou\:m1*="style:italic;"],
  [suzhou\:m1$="style:italic"] {
    font-style: italic !important;
  }

  [suzhou\:m1*="style:oblique;"],
  [suzhou\:m1$="style:oblique"] {
    font-style: oblique !important;
  }

  /* Text decoration lines for m1 */
  [suzhou\:m1*="line:under;"],
  [suzhou\:m1$="line:under"] {
    text-decoration-line: underline !important;
  }

  [suzhou\:m1*="line:over;"],
  [suzhou\:m1$="line:over"] {
    text-decoration-line: overline !important;
  }

  [suzhou\:m1*="line:through;"],
  [suzhou\:m1$="line:through"] {
    text-decoration-line: line-through !important;
  }

  [suzhou\:m1*="line:none;"],
  [suzhou\:m1$="line:none"] {
    text-decoration-line: none !important;
  }

  [suzhou\:m1*="line:over,under;"],
  [suzhou\:m1$="line:over,under"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m1*="line:under,over;"],
  [suzhou\:m1$="line:under,over"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m1*="line:over,through;"],
  [suzhou\:m1$="line:over,through"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m1*="line:through,over;"],
  [suzhou\:m1$="line:through,over"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m1*="line:under,through;"],
  [suzhou\:m1$="line:under,through"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m1*="line:through,under;"],
  [suzhou\:m1$="line:through,under"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m1*="line:over,under,through;"],
  [suzhou\:m1$="line:over,under,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m1*="line:over,through,under;"],
  [suzhou\:m1$="line:over,through,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m1*="line:under,over,through;"],
  [suzhou\:m1$="line:under,over,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m1*="line:under,through,over;"],
  [suzhou\:m1$="line:under,through,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m1*="line:through,over,under;"],
  [suzhou\:m1$="line:through,over,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m1*="line:through,under,over;"],
  [suzhou\:m1$="line:through,under,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* Text transform for m1 */
  [suzhou\:m1*="case:upper;"],
  [suzhou\:m1$="case:upper"] {
    text-transform: uppercase !important;
  }

  [suzhou\:m1*="case:lower;"],
  [suzhou\:m1$="case:lower"] {
    text-transform: lowercase !important;
  }

  [suzhou\:m1*="case:capitalize;"],
  [suzhou\:m1$="case:capitalize"] {
    text-transform: capitalize !important;
  }

  [suzhou\:m1*="case:none;"],
  [suzhou\:m1$="case:none"] {
    text-transform: none !important;
  }

}

/* ============================================
   BREAKPOINT m2: 558px
   ============================================ */
@media (min-width: 558px) {

  /* Base size overrides for m2 */
  [suzhou\:m2*="base:1;"],
  [suzhou\:m2$="base:1"] {
    font-size: calc(var(--dvh) * var(--fs-01)) !important;
    font-variation-settings: 'wght' var(--fw-01) !important;
    font-weight: var(--fw-01) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m2*="base:2;"],
  [suzhou\:m2$="base:2"] {
    font-size: calc(var(--dvh) * var(--fs-02)) !important;
    font-variation-settings: 'wght' var(--fw-02) !important;
    font-weight: var(--fw-02) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m2*="base:3;"],
  [suzhou\:m2$="base:3"] {
    font-size: calc(var(--dvh) * var(--fs-03)) !important;
    font-variation-settings: 'wght' var(--fw-03) !important;
    font-weight: var(--fw-03) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m2*="base:4;"],
  [suzhou\:m2$="base:4"] {
    font-size: calc(var(--dvh) * var(--fs-04)) !important;
    font-variation-settings: 'wght' var(--fw-04) !important;
    font-weight: var(--fw-04) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m2*="base:5;"],
  [suzhou\:m2$="base:5"] {
    font-size: calc(var(--dvh) * var(--fs-05)) !important;
    font-variation-settings: 'wght' var(--fw-05) !important;
    font-weight: var(--fw-05) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m2*="base:6;"],
  [suzhou\:m2$="base:6"] {
    font-size: calc(var(--dvh) * var(--fs-06)) !important;
    font-variation-settings: 'wght' var(--fw-06) !important;
    font-weight: var(--fw-06) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m2*="base:7;"],
  [suzhou\:m2$="base:7"] {
    font-size: calc(var(--dvh) * var(--fs-07)) !important;
    font-variation-settings: 'wght' var(--fw-07) !important;
    font-weight: var(--fw-07) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m2*="base:8;"],
  [suzhou\:m2$="base:8"] {
    font-size: calc(var(--dvh) * var(--fs-08)) !important;
    font-variation-settings: 'wght' var(--fw-08) !important;
    font-weight: var(--fw-08) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m2*="base:9;"],
  [suzhou\:m2$="base:9"] {
    font-size: calc(var(--dvh) * var(--fs-09)) !important;
    font-variation-settings: 'wght' var(--fw-09) !important;
    font-weight: var(--fw-09) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m2*="base:10;"],
  [suzhou\:m2$="base:10"] {
    font-size: calc(var(--dvh) * var(--fs-10)) !important;
    font-variation-settings: 'wght' var(--fw-10) !important;
    font-weight: var(--fw-10) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m2*="base:11;"],
  [suzhou\:m2$="base:11"] {
    font-size: calc(var(--dvh) * var(--fs-11)) !important;
    font-variation-settings: 'wght' var(--fw-11) !important;
    font-weight: var(--fw-11) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m2*="base:12;"],
  [suzhou\:m2$="base:12"] {
    font-size: calc(var(--dvh) * var(--fs-12)) !important;
    font-variation-settings: 'wght' var(--fw-12) !important;
    font-weight: var(--fw-12) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m2*="base:13;"],
  [suzhou\:m2$="base:13"] {
    font-size: calc(var(--dvh) * var(--fs-13)) !important;
    font-variation-settings: 'wght' var(--fw-13) !important;
    font-weight: var(--fw-13) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m2*="base:14;"],
  [suzhou\:m2$="base:14"] {
    font-size: calc(var(--dvh) * var(--fs-14)) !important;
    font-variation-settings: 'wght' var(--fw-14) !important;
    font-weight: var(--fw-14) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m2*="base:15;"],
  [suzhou\:m2$="base:15"] {
    font-size: calc(var(--dvh) * var(--fs-15)) !important;
    font-variation-settings: 'wght' var(--fw-15) !important;
    font-weight: var(--fw-15) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m2*="base:16;"],
  [suzhou\:m2$="base:16"] {
    font-size: calc(var(--dvh) * var(--fs-16)) !important;
    font-variation-settings: 'wght' var(--fw-16) !important;
    font-weight: var(--fw-16) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m2*="base:17;"],
  [suzhou\:m2$="base:17"] {
    font-size: calc(var(--dvh) * var(--fs-17)) !important;
    font-variation-settings: 'wght' var(--fw-17) !important;
    font-weight: var(--fw-17) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m2*="base:18;"],
  [suzhou\:m2$="base:18"] {
    font-size: calc(var(--dvh) * var(--fs-18)) !important;
    font-variation-settings: 'wght' var(--fw-18) !important;
    font-weight: var(--fw-18) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m2*="base:19;"],
  [suzhou\:m2$="base:19"] {
    font-size: calc(var(--dvh) * var(--fs-19)) !important;
    font-variation-settings: 'wght' var(--fw-19) !important;
    font-weight: var(--fw-19) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m2*="base:20;"],
  [suzhou\:m2$="base:20"] {
    font-size: calc(var(--dvh) * var(--fs-20)) !important;
    font-variation-settings: 'wght' var(--fw-20) !important;
    font-weight: var(--fw-20) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  /* Weight overrides for m2 */
  [suzhou\:m2*="weight:100;"],
  [suzhou\:m2$="weight:100"] {
    font-variation-settings: 'wght' 100 !important;
    font-weight: 100 !important;
  }

  [suzhou\:m2*="weight:150;"],
  [suzhou\:m2$="weight:150"] {
    font-variation-settings: 'wght' 150 !important;
    font-weight: 150 !important;
  }

  [suzhou\:m2*="weight:200;"],
  [suzhou\:m2$="weight:200"] {
    font-variation-settings: 'wght' 200 !important;
    font-weight: 200 !important;
  }

  [suzhou\:m2*="weight:250;"],
  [suzhou\:m2$="weight:250"] {
    font-variation-settings: 'wght' 250 !important;
    font-weight: 250 !important;
  }

  [suzhou\:m2*="weight:300;"],
  [suzhou\:m2$="weight:300"] {
    font-variation-settings: 'wght' 300 !important;
    font-weight: 300 !important;
  }

  [suzhou\:m2*="weight:350;"],
  [suzhou\:m2$="weight:350"] {
    font-variation-settings: 'wght' 350 !important;
    font-weight: 350 !important;
  }

  [suzhou\:m2*="weight:400;"],
  [suzhou\:m2$="weight:400"] {
    font-variation-settings: 'wght' 400 !important;
    font-weight: 400 !important;
  }

  [suzhou\:m2*="weight:450;"],
  [suzhou\:m2$="weight:450"] {
    font-variation-settings: 'wght' 450 !important;
    font-weight: 450 !important;
  }

  [suzhou\:m2*="weight:500;"],
  [suzhou\:m2$="weight:500"] {
    font-variation-settings: 'wght' 500 !important;
    font-weight: 500 !important;
  }

  [suzhou\:m2*="weight:550;"],
  [suzhou\:m2$="weight:550"] {
    font-variation-settings: 'wght' 550 !important;
    font-weight: 550 !important;
  }

  [suzhou\:m2*="weight:600;"],
  [suzhou\:m2$="weight:600"] {
    font-variation-settings: 'wght' 600 !important;
    font-weight: 600 !important;
  }

  [suzhou\:m2*="weight:650;"],
  [suzhou\:m2$="weight:650"] {
    font-variation-settings: 'wght' 650 !important;
    font-weight: 650 !important;
  }

  [suzhou\:m2*="weight:700;"],
  [suzhou\:m2$="weight:700"] {
    font-variation-settings: 'wght' 700 !important;
    font-weight: 700 !important;
  }

  [suzhou\:m2*="weight:750;"],
  [suzhou\:m2$="weight:750"] {
    font-variation-settings: 'wght' 750 !important;
    font-weight: 750 !important;
  }

  [suzhou\:m2*="weight:800;"],
  [suzhou\:m2$="weight:800"] {
    font-variation-settings: 'wght' 800 !important;
    font-weight: 800 !important;
  }

  [suzhou\:m2*="weight:850;"],
  [suzhou\:m2$="weight:850"] {
    font-variation-settings: 'wght' 850 !important;
    font-weight: 850 !important;
  }

  [suzhou\:m2*="weight:900;"],
  [suzhou\:m2$="weight:900"] {
    font-variation-settings: 'wght' 900 !important;
    font-weight: 900 !important;
  }

  /* Line height overrides for m2 */
  [suzhou\:m2*="height:xs;"],
  [suzhou\:m2$="height:xs"] {
    line-height: var(--lh-xs) !important;
  }

  [suzhou\:m2*="height:sm;"],
  [suzhou\:m2$="height:sm"] {
    line-height: var(--lh-sm) !important;
  }

  [suzhou\:m2*="height:md;"],
  [suzhou\:m2$="height:md"] {
    line-height: var(--lh-md) !important;
  }

  [suzhou\:m2*="height:lg;"],
  [suzhou\:m2$="height:lg"] {
    line-height: var(--lh-lg) !important;
  }

  [suzhou\:m2*="height:xl;"],
  [suzhou\:m2$="height:xl"] {
    line-height: var(--lh-xl) !important;
  }

  /* Letter spacing overrides for m2 */
  [suzhou\:m2*="spacing:xs;"],
  [suzhou\:m2$="spacing:xs"] {
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m2*="spacing:sm;"],
  [suzhou\:m2$="spacing:sm"] {
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m2*="spacing:md;"],
  [suzhou\:m2$="spacing:md"] {
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m2*="spacing:lg;"],
  [suzhou\:m2$="spacing:lg"] {
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m2*="spacing:xl;"],
  [suzhou\:m2$="spacing:xl"] {
    letter-spacing: var(--ls-xl) !important;
  }

  /* Font style overrides for m2 */
  [suzhou\:m2*="style:normal;"],
  [suzhou\:m2$="style:normal"] {
    font-style: normal !important;
  }

  [suzhou\:m2*="style:italic;"],
  [suzhou\:m2$="style:italic"] {
    font-style: italic !important;
  }

  [suzhou\:m2*="style:oblique;"],
  [suzhou\:m2$="style:oblique"] {
    font-style: oblique !important;
  }

  /* Text decoration lines for m2 */
  [suzhou\:m2*="line:under;"],
  [suzhou\:m2$="line:under"] {
    text-decoration-line: underline !important;
  }

  [suzhou\:m2*="line:over;"],
  [suzhou\:m2$="line:over"] {
    text-decoration-line: overline !important;
  }

  [suzhou\:m2*="line:through;"],
  [suzhou\:m2$="line:through"] {
    text-decoration-line: line-through !important;
  }

  [suzhou\:m2*="line:none;"],
  [suzhou\:m2$="line:none"] {
    text-decoration-line: none !important;
  }

  [suzhou\:m2*="line:over,under;"],
  [suzhou\:m2$="line:over,under"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m2*="line:under,over;"],
  [suzhou\:m2$="line:under,over"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m2*="line:over,through;"],
  [suzhou\:m2$="line:over,through"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m2*="line:through,over;"],
  [suzhou\:m2$="line:through,over"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m2*="line:under,through;"],
  [suzhou\:m2$="line:under,through"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m2*="line:through,under;"],
  [suzhou\:m2$="line:through,under"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m2*="line:over,under,through;"],
  [suzhou\:m2$="line:over,under,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m2*="line:over,through,under;"],
  [suzhou\:m2$="line:over,through,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m2*="line:under,over,through;"],
  [suzhou\:m2$="line:under,over,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m2*="line:under,through,over;"],
  [suzhou\:m2$="line:under,through,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m2*="line:through,over,under;"],
  [suzhou\:m2$="line:through,over,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m2*="line:through,under,over;"],
  [suzhou\:m2$="line:through,under,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* Text transform for m2 */
  [suzhou\:m2*="case:upper;"],
  [suzhou\:m2$="case:upper"] {
    text-transform: uppercase !important;
  }

  [suzhou\:m2*="case:lower;"],
  [suzhou\:m2$="case:lower"] {
    text-transform: lowercase !important;
  }

  [suzhou\:m2*="case:capitalize;"],
  [suzhou\:m2$="case:capitalize"] {
    text-transform: capitalize !important;
  }

  [suzhou\:m2*="case:none;"],
  [suzhou\:m2$="case:none"] {
    text-transform: none !important;
  }

}

/* ============================================
   BREAKPOINT m3: 786px
   ============================================ */
@media (min-width: 786px) {

  /* Base size overrides for m3 */
  [suzhou\:m3*="base:1;"],
  [suzhou\:m3$="base:1"] {
    font-size: calc(var(--dvh) * var(--fs-01)) !important;
    font-variation-settings: 'wght' var(--fw-01) !important;
    font-weight: var(--fw-01) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m3*="base:2;"],
  [suzhou\:m3$="base:2"] {
    font-size: calc(var(--dvh) * var(--fs-02)) !important;
    font-variation-settings: 'wght' var(--fw-02) !important;
    font-weight: var(--fw-02) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m3*="base:3;"],
  [suzhou\:m3$="base:3"] {
    font-size: calc(var(--dvh) * var(--fs-03)) !important;
    font-variation-settings: 'wght' var(--fw-03) !important;
    font-weight: var(--fw-03) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m3*="base:4;"],
  [suzhou\:m3$="base:4"] {
    font-size: calc(var(--dvh) * var(--fs-04)) !important;
    font-variation-settings: 'wght' var(--fw-04) !important;
    font-weight: var(--fw-04) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m3*="base:5;"],
  [suzhou\:m3$="base:5"] {
    font-size: calc(var(--dvh) * var(--fs-05)) !important;
    font-variation-settings: 'wght' var(--fw-05) !important;
    font-weight: var(--fw-05) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m3*="base:6;"],
  [suzhou\:m3$="base:6"] {
    font-size: calc(var(--dvh) * var(--fs-06)) !important;
    font-variation-settings: 'wght' var(--fw-06) !important;
    font-weight: var(--fw-06) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m3*="base:7;"],
  [suzhou\:m3$="base:7"] {
    font-size: calc(var(--dvh) * var(--fs-07)) !important;
    font-variation-settings: 'wght' var(--fw-07) !important;
    font-weight: var(--fw-07) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m3*="base:8;"],
  [suzhou\:m3$="base:8"] {
    font-size: calc(var(--dvh) * var(--fs-08)) !important;
    font-variation-settings: 'wght' var(--fw-08) !important;
    font-weight: var(--fw-08) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m3*="base:9;"],
  [suzhou\:m3$="base:9"] {
    font-size: calc(var(--dvh) * var(--fs-09)) !important;
    font-variation-settings: 'wght' var(--fw-09) !important;
    font-weight: var(--fw-09) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m3*="base:10;"],
  [suzhou\:m3$="base:10"] {
    font-size: calc(var(--dvh) * var(--fs-10)) !important;
    font-variation-settings: 'wght' var(--fw-10) !important;
    font-weight: var(--fw-10) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m3*="base:11;"],
  [suzhou\:m3$="base:11"] {
    font-size: calc(var(--dvh) * var(--fs-11)) !important;
    font-variation-settings: 'wght' var(--fw-11) !important;
    font-weight: var(--fw-11) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m3*="base:12;"],
  [suzhou\:m3$="base:12"] {
    font-size: calc(var(--dvh) * var(--fs-12)) !important;
    font-variation-settings: 'wght' var(--fw-12) !important;
    font-weight: var(--fw-12) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m3*="base:13;"],
  [suzhou\:m3$="base:13"] {
    font-size: calc(var(--dvh) * var(--fs-13)) !important;
    font-variation-settings: 'wght' var(--fw-13) !important;
    font-weight: var(--fw-13) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m3*="base:14;"],
  [suzhou\:m3$="base:14"] {
    font-size: calc(var(--dvh) * var(--fs-14)) !important;
    font-variation-settings: 'wght' var(--fw-14) !important;
    font-weight: var(--fw-14) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m3*="base:15;"],
  [suzhou\:m3$="base:15"] {
    font-size: calc(var(--dvh) * var(--fs-15)) !important;
    font-variation-settings: 'wght' var(--fw-15) !important;
    font-weight: var(--fw-15) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m3*="base:16;"],
  [suzhou\:m3$="base:16"] {
    font-size: calc(var(--dvh) * var(--fs-16)) !important;
    font-variation-settings: 'wght' var(--fw-16) !important;
    font-weight: var(--fw-16) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m3*="base:17;"],
  [suzhou\:m3$="base:17"] {
    font-size: calc(var(--dvh) * var(--fs-17)) !important;
    font-variation-settings: 'wght' var(--fw-17) !important;
    font-weight: var(--fw-17) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m3*="base:18;"],
  [suzhou\:m3$="base:18"] {
    font-size: calc(var(--dvh) * var(--fs-18)) !important;
    font-variation-settings: 'wght' var(--fw-18) !important;
    font-weight: var(--fw-18) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m3*="base:19;"],
  [suzhou\:m3$="base:19"] {
    font-size: calc(var(--dvh) * var(--fs-19)) !important;
    font-variation-settings: 'wght' var(--fw-19) !important;
    font-weight: var(--fw-19) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m3*="base:20;"],
  [suzhou\:m3$="base:20"] {
    font-size: calc(var(--dvh) * var(--fs-20)) !important;
    font-variation-settings: 'wght' var(--fw-20) !important;
    font-weight: var(--fw-20) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  /* Weight overrides for m3 */
  [suzhou\:m3*="weight:100;"],
  [suzhou\:m3$="weight:100"] {
    font-variation-settings: 'wght' 100 !important;
    font-weight: 100 !important;
  }

  [suzhou\:m3*="weight:150;"],
  [suzhou\:m3$="weight:150"] {
    font-variation-settings: 'wght' 150 !important;
    font-weight: 150 !important;
  }

  [suzhou\:m3*="weight:200;"],
  [suzhou\:m3$="weight:200"] {
    font-variation-settings: 'wght' 200 !important;
    font-weight: 200 !important;
  }

  [suzhou\:m3*="weight:250;"],
  [suzhou\:m3$="weight:250"] {
    font-variation-settings: 'wght' 250 !important;
    font-weight: 250 !important;
  }

  [suzhou\:m3*="weight:300;"],
  [suzhou\:m3$="weight:300"] {
    font-variation-settings: 'wght' 300 !important;
    font-weight: 300 !important;
  }

  [suzhou\:m3*="weight:350;"],
  [suzhou\:m3$="weight:350"] {
    font-variation-settings: 'wght' 350 !important;
    font-weight: 350 !important;
  }

  [suzhou\:m3*="weight:400;"],
  [suzhou\:m3$="weight:400"] {
    font-variation-settings: 'wght' 400 !important;
    font-weight: 400 !important;
  }

  [suzhou\:m3*="weight:450;"],
  [suzhou\:m3$="weight:450"] {
    font-variation-settings: 'wght' 450 !important;
    font-weight: 450 !important;
  }

  [suzhou\:m3*="weight:500;"],
  [suzhou\:m3$="weight:500"] {
    font-variation-settings: 'wght' 500 !important;
    font-weight: 500 !important;
  }

  [suzhou\:m3*="weight:550;"],
  [suzhou\:m3$="weight:550"] {
    font-variation-settings: 'wght' 550 !important;
    font-weight: 550 !important;
  }

  [suzhou\:m3*="weight:600;"],
  [suzhou\:m3$="weight:600"] {
    font-variation-settings: 'wght' 600 !important;
    font-weight: 600 !important;
  }

  [suzhou\:m3*="weight:650;"],
  [suzhou\:m3$="weight:650"] {
    font-variation-settings: 'wght' 650 !important;
    font-weight: 650 !important;
  }

  [suzhou\:m3*="weight:700;"],
  [suzhou\:m3$="weight:700"] {
    font-variation-settings: 'wght' 700 !important;
    font-weight: 700 !important;
  }

  [suzhou\:m3*="weight:750;"],
  [suzhou\:m3$="weight:750"] {
    font-variation-settings: 'wght' 750 !important;
    font-weight: 750 !important;
  }

  [suzhou\:m3*="weight:800;"],
  [suzhou\:m3$="weight:800"] {
    font-variation-settings: 'wght' 800 !important;
    font-weight: 800 !important;
  }

  [suzhou\:m3*="weight:850;"],
  [suzhou\:m3$="weight:850"] {
    font-variation-settings: 'wght' 850 !important;
    font-weight: 850 !important;
  }

  [suzhou\:m3*="weight:900;"],
  [suzhou\:m3$="weight:900"] {
    font-variation-settings: 'wght' 900 !important;
    font-weight: 900 !important;
  }

  /* Line height overrides for m3 */
  [suzhou\:m3*="height:xs;"],
  [suzhou\:m3$="height:xs"] {
    line-height: var(--lh-xs) !important;
  }

  [suzhou\:m3*="height:sm;"],
  [suzhou\:m3$="height:sm"] {
    line-height: var(--lh-sm) !important;
  }

  [suzhou\:m3*="height:md;"],
  [suzhou\:m3$="height:md"] {
    line-height: var(--lh-md) !important;
  }

  [suzhou\:m3*="height:lg;"],
  [suzhou\:m3$="height:lg"] {
    line-height: var(--lh-lg) !important;
  }

  [suzhou\:m3*="height:xl;"],
  [suzhou\:m3$="height:xl"] {
    line-height: var(--lh-xl) !important;
  }

  /* Letter spacing overrides for m3 */
  [suzhou\:m3*="spacing:xs;"],
  [suzhou\:m3$="spacing:xs"] {
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m3*="spacing:sm;"],
  [suzhou\:m3$="spacing:sm"] {
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m3*="spacing:md;"],
  [suzhou\:m3$="spacing:md"] {
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m3*="spacing:lg;"],
  [suzhou\:m3$="spacing:lg"] {
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m3*="spacing:xl;"],
  [suzhou\:m3$="spacing:xl"] {
    letter-spacing: var(--ls-xl) !important;
  }

  /* Font style overrides for m3 */
  [suzhou\:m3*="style:normal;"],
  [suzhou\:m3$="style:normal"] {
    font-style: normal !important;
  }

  [suzhou\:m3*="style:italic;"],
  [suzhou\:m3$="style:italic"] {
    font-style: italic !important;
  }

  [suzhou\:m3*="style:oblique;"],
  [suzhou\:m3$="style:oblique"] {
    font-style: oblique !important;
  }

  /* Text decoration lines for m3 */
  [suzhou\:m3*="line:under;"],
  [suzhou\:m3$="line:under"] {
    text-decoration-line: underline !important;
  }

  [suzhou\:m3*="line:over;"],
  [suzhou\:m3$="line:over"] {
    text-decoration-line: overline !important;
  }

  [suzhou\:m3*="line:through;"],
  [suzhou\:m3$="line:through"] {
    text-decoration-line: line-through !important;
  }

  [suzhou\:m3*="line:none;"],
  [suzhou\:m3$="line:none"] {
    text-decoration-line: none !important;
  }

  [suzhou\:m3*="line:over,under;"],
  [suzhou\:m3$="line:over,under"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m3*="line:under,over;"],
  [suzhou\:m3$="line:under,over"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m3*="line:over,through;"],
  [suzhou\:m3$="line:over,through"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m3*="line:through,over;"],
  [suzhou\:m3$="line:through,over"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m3*="line:under,through;"],
  [suzhou\:m3$="line:under,through"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m3*="line:through,under;"],
  [suzhou\:m3$="line:through,under"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m3*="line:over,under,through;"],
  [suzhou\:m3$="line:over,under,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m3*="line:over,through,under;"],
  [suzhou\:m3$="line:over,through,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m3*="line:under,over,through;"],
  [suzhou\:m3$="line:under,over,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m3*="line:under,through,over;"],
  [suzhou\:m3$="line:under,through,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m3*="line:through,over,under;"],
  [suzhou\:m3$="line:through,over,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m3*="line:through,under,over;"],
  [suzhou\:m3$="line:through,under,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* Text transform for m3 */
  [suzhou\:m3*="case:upper;"],
  [suzhou\:m3$="case:upper"] {
    text-transform: uppercase !important;
  }

  [suzhou\:m3*="case:lower;"],
  [suzhou\:m3$="case:lower"] {
    text-transform: lowercase !important;
  }

  [suzhou\:m3*="case:capitalize;"],
  [suzhou\:m3$="case:capitalize"] {
    text-transform: capitalize !important;
  }

  [suzhou\:m3*="case:none;"],
  [suzhou\:m3$="case:none"] {
    text-transform: none !important;
  }

}

/* ============================================
   BREAKPOINT m4: 1014px
   ============================================ */
@media (min-width: 1014px) {

  /* Base size overrides for m4 */
  [suzhou\:m4*="base:1;"],
  [suzhou\:m4$="base:1"] {
    font-size: calc(var(--dvh) * var(--fs-01)) !important;
    font-variation-settings: 'wght' var(--fw-01) !important;
    font-weight: var(--fw-01) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m4*="base:2;"],
  [suzhou\:m4$="base:2"] {
    font-size: calc(var(--dvh) * var(--fs-02)) !important;
    font-variation-settings: 'wght' var(--fw-02) !important;
    font-weight: var(--fw-02) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m4*="base:3;"],
  [suzhou\:m4$="base:3"] {
    font-size: calc(var(--dvh) * var(--fs-03)) !important;
    font-variation-settings: 'wght' var(--fw-03) !important;
    font-weight: var(--fw-03) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m4*="base:4;"],
  [suzhou\:m4$="base:4"] {
    font-size: calc(var(--dvh) * var(--fs-04)) !important;
    font-variation-settings: 'wght' var(--fw-04) !important;
    font-weight: var(--fw-04) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m4*="base:5;"],
  [suzhou\:m4$="base:5"] {
    font-size: calc(var(--dvh) * var(--fs-05)) !important;
    font-variation-settings: 'wght' var(--fw-05) !important;
    font-weight: var(--fw-05) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m4*="base:6;"],
  [suzhou\:m4$="base:6"] {
    font-size: calc(var(--dvh) * var(--fs-06)) !important;
    font-variation-settings: 'wght' var(--fw-06) !important;
    font-weight: var(--fw-06) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m4*="base:7;"],
  [suzhou\:m4$="base:7"] {
    font-size: calc(var(--dvh) * var(--fs-07)) !important;
    font-variation-settings: 'wght' var(--fw-07) !important;
    font-weight: var(--fw-07) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m4*="base:8;"],
  [suzhou\:m4$="base:8"] {
    font-size: calc(var(--dvh) * var(--fs-08)) !important;
    font-variation-settings: 'wght' var(--fw-08) !important;
    font-weight: var(--fw-08) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m4*="base:9;"],
  [suzhou\:m4$="base:9"] {
    font-size: calc(var(--dvh) * var(--fs-09)) !important;
    font-variation-settings: 'wght' var(--fw-09) !important;
    font-weight: var(--fw-09) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m4*="base:10;"],
  [suzhou\:m4$="base:10"] {
    font-size: calc(var(--dvh) * var(--fs-10)) !important;
    font-variation-settings: 'wght' var(--fw-10) !important;
    font-weight: var(--fw-10) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m4*="base:11;"],
  [suzhou\:m4$="base:11"] {
    font-size: calc(var(--dvh) * var(--fs-11)) !important;
    font-variation-settings: 'wght' var(--fw-11) !important;
    font-weight: var(--fw-11) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m4*="base:12;"],
  [suzhou\:m4$="base:12"] {
    font-size: calc(var(--dvh) * var(--fs-12)) !important;
    font-variation-settings: 'wght' var(--fw-12) !important;
    font-weight: var(--fw-12) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m4*="base:13;"],
  [suzhou\:m4$="base:13"] {
    font-size: calc(var(--dvh) * var(--fs-13)) !important;
    font-variation-settings: 'wght' var(--fw-13) !important;
    font-weight: var(--fw-13) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m4*="base:14;"],
  [suzhou\:m4$="base:14"] {
    font-size: calc(var(--dvh) * var(--fs-14)) !important;
    font-variation-settings: 'wght' var(--fw-14) !important;
    font-weight: var(--fw-14) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m4*="base:15;"],
  [suzhou\:m4$="base:15"] {
    font-size: calc(var(--dvh) * var(--fs-15)) !important;
    font-variation-settings: 'wght' var(--fw-15) !important;
    font-weight: var(--fw-15) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m4*="base:16;"],
  [suzhou\:m4$="base:16"] {
    font-size: calc(var(--dvh) * var(--fs-16)) !important;
    font-variation-settings: 'wght' var(--fw-16) !important;
    font-weight: var(--fw-16) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m4*="base:17;"],
  [suzhou\:m4$="base:17"] {
    font-size: calc(var(--dvh) * var(--fs-17)) !important;
    font-variation-settings: 'wght' var(--fw-17) !important;
    font-weight: var(--fw-17) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m4*="base:18;"],
  [suzhou\:m4$="base:18"] {
    font-size: calc(var(--dvh) * var(--fs-18)) !important;
    font-variation-settings: 'wght' var(--fw-18) !important;
    font-weight: var(--fw-18) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m4*="base:19;"],
  [suzhou\:m4$="base:19"] {
    font-size: calc(var(--dvh) * var(--fs-19)) !important;
    font-variation-settings: 'wght' var(--fw-19) !important;
    font-weight: var(--fw-19) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m4*="base:20;"],
  [suzhou\:m4$="base:20"] {
    font-size: calc(var(--dvh) * var(--fs-20)) !important;
    font-variation-settings: 'wght' var(--fw-20) !important;
    font-weight: var(--fw-20) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  /* Weight overrides for m4 */
  [suzhou\:m4*="weight:100;"],
  [suzhou\:m4$="weight:100"] {
    font-variation-settings: 'wght' 100 !important;
    font-weight: 100 !important;
  }

  [suzhou\:m4*="weight:150;"],
  [suzhou\:m4$="weight:150"] {
    font-variation-settings: 'wght' 150 !important;
    font-weight: 150 !important;
  }

  [suzhou\:m4*="weight:200;"],
  [suzhou\:m4$="weight:200"] {
    font-variation-settings: 'wght' 200 !important;
    font-weight: 200 !important;
  }

  [suzhou\:m4*="weight:250;"],
  [suzhou\:m4$="weight:250"] {
    font-variation-settings: 'wght' 250 !important;
    font-weight: 250 !important;
  }

  [suzhou\:m4*="weight:300;"],
  [suzhou\:m4$="weight:300"] {
    font-variation-settings: 'wght' 300 !important;
    font-weight: 300 !important;
  }

  [suzhou\:m4*="weight:350;"],
  [suzhou\:m4$="weight:350"] {
    font-variation-settings: 'wght' 350 !important;
    font-weight: 350 !important;
  }

  [suzhou\:m4*="weight:400;"],
  [suzhou\:m4$="weight:400"] {
    font-variation-settings: 'wght' 400 !important;
    font-weight: 400 !important;
  }

  [suzhou\:m4*="weight:450;"],
  [suzhou\:m4$="weight:450"] {
    font-variation-settings: 'wght' 450 !important;
    font-weight: 450 !important;
  }

  [suzhou\:m4*="weight:500;"],
  [suzhou\:m4$="weight:500"] {
    font-variation-settings: 'wght' 500 !important;
    font-weight: 500 !important;
  }

  [suzhou\:m4*="weight:550;"],
  [suzhou\:m4$="weight:550"] {
    font-variation-settings: 'wght' 550 !important;
    font-weight: 550 !important;
  }

  [suzhou\:m4*="weight:600;"],
  [suzhou\:m4$="weight:600"] {
    font-variation-settings: 'wght' 600 !important;
    font-weight: 600 !important;
  }

  [suzhou\:m4*="weight:650;"],
  [suzhou\:m4$="weight:650"] {
    font-variation-settings: 'wght' 650 !important;
    font-weight: 650 !important;
  }

  [suzhou\:m4*="weight:700;"],
  [suzhou\:m4$="weight:700"] {
    font-variation-settings: 'wght' 700 !important;
    font-weight: 700 !important;
  }

  [suzhou\:m4*="weight:750;"],
  [suzhou\:m4$="weight:750"] {
    font-variation-settings: 'wght' 750 !important;
    font-weight: 750 !important;
  }

  [suzhou\:m4*="weight:800;"],
  [suzhou\:m4$="weight:800"] {
    font-variation-settings: 'wght' 800 !important;
    font-weight: 800 !important;
  }

  [suzhou\:m4*="weight:850;"],
  [suzhou\:m4$="weight:850"] {
    font-variation-settings: 'wght' 850 !important;
    font-weight: 850 !important;
  }

  [suzhou\:m4*="weight:900;"],
  [suzhou\:m4$="weight:900"] {
    font-variation-settings: 'wght' 900 !important;
    font-weight: 900 !important;
  }

  /* Line height overrides for m4 */
  [suzhou\:m4*="height:xs;"],
  [suzhou\:m4$="height:xs"] {
    line-height: var(--lh-xs) !important;
  }

  [suzhou\:m4*="height:sm;"],
  [suzhou\:m4$="height:sm"] {
    line-height: var(--lh-sm) !important;
  }

  [suzhou\:m4*="height:md;"],
  [suzhou\:m4$="height:md"] {
    line-height: var(--lh-md) !important;
  }

  [suzhou\:m4*="height:lg;"],
  [suzhou\:m4$="height:lg"] {
    line-height: var(--lh-lg) !important;
  }

  [suzhou\:m4*="height:xl;"],
  [suzhou\:m4$="height:xl"] {
    line-height: var(--lh-xl) !important;
  }

  /* Letter spacing overrides for m4 */
  [suzhou\:m4*="spacing:xs;"],
  [suzhou\:m4$="spacing:xs"] {
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m4*="spacing:sm;"],
  [suzhou\:m4$="spacing:sm"] {
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m4*="spacing:md;"],
  [suzhou\:m4$="spacing:md"] {
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m4*="spacing:lg;"],
  [suzhou\:m4$="spacing:lg"] {
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m4*="spacing:xl;"],
  [suzhou\:m4$="spacing:xl"] {
    letter-spacing: var(--ls-xl) !important;
  }

  /* Font style overrides for m4 */
  [suzhou\:m4*="style:normal;"],
  [suzhou\:m4$="style:normal"] {
    font-style: normal !important;
  }

  [suzhou\:m4*="style:italic;"],
  [suzhou\:m4$="style:italic"] {
    font-style: italic !important;
  }

  [suzhou\:m4*="style:oblique;"],
  [suzhou\:m4$="style:oblique"] {
    font-style: oblique !important;
  }

  /* Text decoration lines for m4 */
  [suzhou\:m4*="line:under;"],
  [suzhou\:m4$="line:under"] {
    text-decoration-line: underline !important;
  }

  [suzhou\:m4*="line:over;"],
  [suzhou\:m4$="line:over"] {
    text-decoration-line: overline !important;
  }

  [suzhou\:m4*="line:through;"],
  [suzhou\:m4$="line:through"] {
    text-decoration-line: line-through !important;
  }

  [suzhou\:m4*="line:none;"],
  [suzhou\:m4$="line:none"] {
    text-decoration-line: none !important;
  }

  [suzhou\:m4*="line:over,under;"],
  [suzhou\:m4$="line:over,under"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m4*="line:under,over;"],
  [suzhou\:m4$="line:under,over"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m4*="line:over,through;"],
  [suzhou\:m4$="line:over,through"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m4*="line:through,over;"],
  [suzhou\:m4$="line:through,over"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m4*="line:under,through;"],
  [suzhou\:m4$="line:under,through"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m4*="line:through,under;"],
  [suzhou\:m4$="line:through,under"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m4*="line:over,under,through;"],
  [suzhou\:m4$="line:over,under,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m4*="line:over,through,under;"],
  [suzhou\:m4$="line:over,through,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m4*="line:under,over,through;"],
  [suzhou\:m4$="line:under,over,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m4*="line:under,through,over;"],
  [suzhou\:m4$="line:under,through,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m4*="line:through,over,under;"],
  [suzhou\:m4$="line:through,over,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m4*="line:through,under,over;"],
  [suzhou\:m4$="line:through,under,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* Text transform for m4 */
  [suzhou\:m4*="case:upper;"],
  [suzhou\:m4$="case:upper"] {
    text-transform: uppercase !important;
  }

  [suzhou\:m4*="case:lower;"],
  [suzhou\:m4$="case:lower"] {
    text-transform: lowercase !important;
  }

  [suzhou\:m4*="case:capitalize;"],
  [suzhou\:m4$="case:capitalize"] {
    text-transform: capitalize !important;
  }

  [suzhou\:m4*="case:none;"],
  [suzhou\:m4$="case:none"] {
    text-transform: none !important;
  }

}

/* ============================================
   BREAKPOINT m5: 1142px
   ============================================ */
@media (min-width: 1142px) {

  /* Base size overrides for m5 */
  [suzhou\:m5*="base:1;"],
  [suzhou\:m5$="base:1"] {
    font-size: calc(var(--dvh) * var(--fs-01)) !important;
    font-variation-settings: 'wght' var(--fw-01) !important;
    font-weight: var(--fw-01) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m5*="base:2;"],
  [suzhou\:m5$="base:2"] {
    font-size: calc(var(--dvh) * var(--fs-02)) !important;
    font-variation-settings: 'wght' var(--fw-02) !important;
    font-weight: var(--fw-02) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m5*="base:3;"],
  [suzhou\:m5$="base:3"] {
    font-size: calc(var(--dvh) * var(--fs-03)) !important;
    font-variation-settings: 'wght' var(--fw-03) !important;
    font-weight: var(--fw-03) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m5*="base:4;"],
  [suzhou\:m5$="base:4"] {
    font-size: calc(var(--dvh) * var(--fs-04)) !important;
    font-variation-settings: 'wght' var(--fw-04) !important;
    font-weight: var(--fw-04) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m5*="base:5;"],
  [suzhou\:m5$="base:5"] {
    font-size: calc(var(--dvh) * var(--fs-05)) !important;
    font-variation-settings: 'wght' var(--fw-05) !important;
    font-weight: var(--fw-05) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m5*="base:6;"],
  [suzhou\:m5$="base:6"] {
    font-size: calc(var(--dvh) * var(--fs-06)) !important;
    font-variation-settings: 'wght' var(--fw-06) !important;
    font-weight: var(--fw-06) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m5*="base:7;"],
  [suzhou\:m5$="base:7"] {
    font-size: calc(var(--dvh) * var(--fs-07)) !important;
    font-variation-settings: 'wght' var(--fw-07) !important;
    font-weight: var(--fw-07) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m5*="base:8;"],
  [suzhou\:m5$="base:8"] {
    font-size: calc(var(--dvh) * var(--fs-08)) !important;
    font-variation-settings: 'wght' var(--fw-08) !important;
    font-weight: var(--fw-08) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m5*="base:9;"],
  [suzhou\:m5$="base:9"] {
    font-size: calc(var(--dvh) * var(--fs-09)) !important;
    font-variation-settings: 'wght' var(--fw-09) !important;
    font-weight: var(--fw-09) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m5*="base:10;"],
  [suzhou\:m5$="base:10"] {
    font-size: calc(var(--dvh) * var(--fs-10)) !important;
    font-variation-settings: 'wght' var(--fw-10) !important;
    font-weight: var(--fw-10) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m5*="base:11;"],
  [suzhou\:m5$="base:11"] {
    font-size: calc(var(--dvh) * var(--fs-11)) !important;
    font-variation-settings: 'wght' var(--fw-11) !important;
    font-weight: var(--fw-11) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m5*="base:12;"],
  [suzhou\:m5$="base:12"] {
    font-size: calc(var(--dvh) * var(--fs-12)) !important;
    font-variation-settings: 'wght' var(--fw-12) !important;
    font-weight: var(--fw-12) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m5*="base:13;"],
  [suzhou\:m5$="base:13"] {
    font-size: calc(var(--dvh) * var(--fs-13)) !important;
    font-variation-settings: 'wght' var(--fw-13) !important;
    font-weight: var(--fw-13) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m5*="base:14;"],
  [suzhou\:m5$="base:14"] {
    font-size: calc(var(--dvh) * var(--fs-14)) !important;
    font-variation-settings: 'wght' var(--fw-14) !important;
    font-weight: var(--fw-14) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m5*="base:15;"],
  [suzhou\:m5$="base:15"] {
    font-size: calc(var(--dvh) * var(--fs-15)) !important;
    font-variation-settings: 'wght' var(--fw-15) !important;
    font-weight: var(--fw-15) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m5*="base:16;"],
  [suzhou\:m5$="base:16"] {
    font-size: calc(var(--dvh) * var(--fs-16)) !important;
    font-variation-settings: 'wght' var(--fw-16) !important;
    font-weight: var(--fw-16) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m5*="base:17;"],
  [suzhou\:m5$="base:17"] {
    font-size: calc(var(--dvh) * var(--fs-17)) !important;
    font-variation-settings: 'wght' var(--fw-17) !important;
    font-weight: var(--fw-17) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m5*="base:18;"],
  [suzhou\:m5$="base:18"] {
    font-size: calc(var(--dvh) * var(--fs-18)) !important;
    font-variation-settings: 'wght' var(--fw-18) !important;
    font-weight: var(--fw-18) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m5*="base:19;"],
  [suzhou\:m5$="base:19"] {
    font-size: calc(var(--dvh) * var(--fs-19)) !important;
    font-variation-settings: 'wght' var(--fw-19) !important;
    font-weight: var(--fw-19) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m5*="base:20;"],
  [suzhou\:m5$="base:20"] {
    font-size: calc(var(--dvh) * var(--fs-20)) !important;
    font-variation-settings: 'wght' var(--fw-20) !important;
    font-weight: var(--fw-20) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  /* Weight overrides for m5 */
  [suzhou\:m5*="weight:100;"],
  [suzhou\:m5$="weight:100"] {
    font-variation-settings: 'wght' 100 !important;
    font-weight: 100 !important;
  }

  [suzhou\:m5*="weight:150;"],
  [suzhou\:m5$="weight:150"] {
    font-variation-settings: 'wght' 150 !important;
    font-weight: 150 !important;
  }

  [suzhou\:m5*="weight:200;"],
  [suzhou\:m5$="weight:200"] {
    font-variation-settings: 'wght' 200 !important;
    font-weight: 200 !important;
  }

  [suzhou\:m5*="weight:250;"],
  [suzhou\:m5$="weight:250"] {
    font-variation-settings: 'wght' 250 !important;
    font-weight: 250 !important;
  }

  [suzhou\:m5*="weight:300;"],
  [suzhou\:m5$="weight:300"] {
    font-variation-settings: 'wght' 300 !important;
    font-weight: 300 !important;
  }

  [suzhou\:m5*="weight:350;"],
  [suzhou\:m5$="weight:350"] {
    font-variation-settings: 'wght' 350 !important;
    font-weight: 350 !important;
  }

  [suzhou\:m5*="weight:400;"],
  [suzhou\:m5$="weight:400"] {
    font-variation-settings: 'wght' 400 !important;
    font-weight: 400 !important;
  }

  [suzhou\:m5*="weight:450;"],
  [suzhou\:m5$="weight:450"] {
    font-variation-settings: 'wght' 450 !important;
    font-weight: 450 !important;
  }

  [suzhou\:m5*="weight:500;"],
  [suzhou\:m5$="weight:500"] {
    font-variation-settings: 'wght' 500 !important;
    font-weight: 500 !important;
  }

  [suzhou\:m5*="weight:550;"],
  [suzhou\:m5$="weight:550"] {
    font-variation-settings: 'wght' 550 !important;
    font-weight: 550 !important;
  }

  [suzhou\:m5*="weight:600;"],
  [suzhou\:m5$="weight:600"] {
    font-variation-settings: 'wght' 600 !important;
    font-weight: 600 !important;
  }

  [suzhou\:m5*="weight:650;"],
  [suzhou\:m5$="weight:650"] {
    font-variation-settings: 'wght' 650 !important;
    font-weight: 650 !important;
  }

  [suzhou\:m5*="weight:700;"],
  [suzhou\:m5$="weight:700"] {
    font-variation-settings: 'wght' 700 !important;
    font-weight: 700 !important;
  }

  [suzhou\:m5*="weight:750;"],
  [suzhou\:m5$="weight:750"] {
    font-variation-settings: 'wght' 750 !important;
    font-weight: 750 !important;
  }

  [suzhou\:m5*="weight:800;"],
  [suzhou\:m5$="weight:800"] {
    font-variation-settings: 'wght' 800 !important;
    font-weight: 800 !important;
  }

  [suzhou\:m5*="weight:850;"],
  [suzhou\:m5$="weight:850"] {
    font-variation-settings: 'wght' 850 !important;
    font-weight: 850 !important;
  }

  [suzhou\:m5*="weight:900;"],
  [suzhou\:m5$="weight:900"] {
    font-variation-settings: 'wght' 900 !important;
    font-weight: 900 !important;
  }

  /* Line height overrides for m5 */
  [suzhou\:m5*="height:xs;"],
  [suzhou\:m5$="height:xs"] {
    line-height: var(--lh-xs) !important;
  }

  [suzhou\:m5*="height:sm;"],
  [suzhou\:m5$="height:sm"] {
    line-height: var(--lh-sm) !important;
  }

  [suzhou\:m5*="height:md;"],
  [suzhou\:m5$="height:md"] {
    line-height: var(--lh-md) !important;
  }

  [suzhou\:m5*="height:lg;"],
  [suzhou\:m5$="height:lg"] {
    line-height: var(--lh-lg) !important;
  }

  [suzhou\:m5*="height:xl;"],
  [suzhou\:m5$="height:xl"] {
    line-height: var(--lh-xl) !important;
  }

  /* Letter spacing overrides for m5 */
  [suzhou\:m5*="spacing:xs;"],
  [suzhou\:m5$="spacing:xs"] {
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m5*="spacing:sm;"],
  [suzhou\:m5$="spacing:sm"] {
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m5*="spacing:md;"],
  [suzhou\:m5$="spacing:md"] {
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m5*="spacing:lg;"],
  [suzhou\:m5$="spacing:lg"] {
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m5*="spacing:xl;"],
  [suzhou\:m5$="spacing:xl"] {
    letter-spacing: var(--ls-xl) !important;
  }

  /* Font style overrides for m5 */
  [suzhou\:m5*="style:normal;"],
  [suzhou\:m5$="style:normal"] {
    font-style: normal !important;
  }

  [suzhou\:m5*="style:italic;"],
  [suzhou\:m5$="style:italic"] {
    font-style: italic !important;
  }

  [suzhou\:m5*="style:oblique;"],
  [suzhou\:m5$="style:oblique"] {
    font-style: oblique !important;
  }

  /* Text decoration lines for m5 */
  [suzhou\:m5*="line:under;"],
  [suzhou\:m5$="line:under"] {
    text-decoration-line: underline !important;
  }

  [suzhou\:m5*="line:over;"],
  [suzhou\:m5$="line:over"] {
    text-decoration-line: overline !important;
  }

  [suzhou\:m5*="line:through;"],
  [suzhou\:m5$="line:through"] {
    text-decoration-line: line-through !important;
  }

  [suzhou\:m5*="line:none;"],
  [suzhou\:m5$="line:none"] {
    text-decoration-line: none !important;
  }

  [suzhou\:m5*="line:over,under;"],
  [suzhou\:m5$="line:over,under"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m5*="line:under,over;"],
  [suzhou\:m5$="line:under,over"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m5*="line:over,through;"],
  [suzhou\:m5$="line:over,through"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m5*="line:through,over;"],
  [suzhou\:m5$="line:through,over"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m5*="line:under,through;"],
  [suzhou\:m5$="line:under,through"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m5*="line:through,under;"],
  [suzhou\:m5$="line:through,under"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m5*="line:over,under,through;"],
  [suzhou\:m5$="line:over,under,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m5*="line:over,through,under;"],
  [suzhou\:m5$="line:over,through,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m5*="line:under,over,through;"],
  [suzhou\:m5$="line:under,over,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m5*="line:under,through,over;"],
  [suzhou\:m5$="line:under,through,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m5*="line:through,over,under;"],
  [suzhou\:m5$="line:through,over,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m5*="line:through,under,over;"],
  [suzhou\:m5$="line:through,under,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* Text transform for m5 */
  [suzhou\:m5*="case:upper;"],
  [suzhou\:m5$="case:upper"] {
    text-transform: uppercase !important;
  }

  [suzhou\:m5*="case:lower;"],
  [suzhou\:m5$="case:lower"] {
    text-transform: lowercase !important;
  }

  [suzhou\:m5*="case:capitalize;"],
  [suzhou\:m5$="case:capitalize"] {
    text-transform: capitalize !important;
  }

  [suzhou\:m5*="case:none;"],
  [suzhou\:m5$="case:none"] {
    text-transform: none !important;
  }

}

/* ============================================
   BREAKPOINT m6: 1270px
   ============================================ */
@media (min-width: 1270px) {

  /* Base size overrides for m6 */
  [suzhou\:m6*="base:1;"],
  [suzhou\:m6$="base:1"] {
    font-size: calc(var(--dvh) * var(--fs-01)) !important;
    font-variation-settings: 'wght' var(--fw-01) !important;
    font-weight: var(--fw-01) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m6*="base:2;"],
  [suzhou\:m6$="base:2"] {
    font-size: calc(var(--dvh) * var(--fs-02)) !important;
    font-variation-settings: 'wght' var(--fw-02) !important;
    font-weight: var(--fw-02) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m6*="base:3;"],
  [suzhou\:m6$="base:3"] {
    font-size: calc(var(--dvh) * var(--fs-03)) !important;
    font-variation-settings: 'wght' var(--fw-03) !important;
    font-weight: var(--fw-03) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m6*="base:4;"],
  [suzhou\:m6$="base:4"] {
    font-size: calc(var(--dvh) * var(--fs-04)) !important;
    font-variation-settings: 'wght' var(--fw-04) !important;
    font-weight: var(--fw-04) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m6*="base:5;"],
  [suzhou\:m6$="base:5"] {
    font-size: calc(var(--dvh) * var(--fs-05)) !important;
    font-variation-settings: 'wght' var(--fw-05) !important;
    font-weight: var(--fw-05) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m6*="base:6;"],
  [suzhou\:m6$="base:6"] {
    font-size: calc(var(--dvh) * var(--fs-06)) !important;
    font-variation-settings: 'wght' var(--fw-06) !important;
    font-weight: var(--fw-06) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m6*="base:7;"],
  [suzhou\:m6$="base:7"] {
    font-size: calc(var(--dvh) * var(--fs-07)) !important;
    font-variation-settings: 'wght' var(--fw-07) !important;
    font-weight: var(--fw-07) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m6*="base:8;"],
  [suzhou\:m6$="base:8"] {
    font-size: calc(var(--dvh) * var(--fs-08)) !important;
    font-variation-settings: 'wght' var(--fw-08) !important;
    font-weight: var(--fw-08) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m6*="base:9;"],
  [suzhou\:m6$="base:9"] {
    font-size: calc(var(--dvh) * var(--fs-09)) !important;
    font-variation-settings: 'wght' var(--fw-09) !important;
    font-weight: var(--fw-09) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m6*="base:10;"],
  [suzhou\:m6$="base:10"] {
    font-size: calc(var(--dvh) * var(--fs-10)) !important;
    font-variation-settings: 'wght' var(--fw-10) !important;
    font-weight: var(--fw-10) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m6*="base:11;"],
  [suzhou\:m6$="base:11"] {
    font-size: calc(var(--dvh) * var(--fs-11)) !important;
    font-variation-settings: 'wght' var(--fw-11) !important;
    font-weight: var(--fw-11) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m6*="base:12;"],
  [suzhou\:m6$="base:12"] {
    font-size: calc(var(--dvh) * var(--fs-12)) !important;
    font-variation-settings: 'wght' var(--fw-12) !important;
    font-weight: var(--fw-12) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m6*="base:13;"],
  [suzhou\:m6$="base:13"] {
    font-size: calc(var(--dvh) * var(--fs-13)) !important;
    font-variation-settings: 'wght' var(--fw-13) !important;
    font-weight: var(--fw-13) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m6*="base:14;"],
  [suzhou\:m6$="base:14"] {
    font-size: calc(var(--dvh) * var(--fs-14)) !important;
    font-variation-settings: 'wght' var(--fw-14) !important;
    font-weight: var(--fw-14) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m6*="base:15;"],
  [suzhou\:m6$="base:15"] {
    font-size: calc(var(--dvh) * var(--fs-15)) !important;
    font-variation-settings: 'wght' var(--fw-15) !important;
    font-weight: var(--fw-15) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m6*="base:16;"],
  [suzhou\:m6$="base:16"] {
    font-size: calc(var(--dvh) * var(--fs-16)) !important;
    font-variation-settings: 'wght' var(--fw-16) !important;
    font-weight: var(--fw-16) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m6*="base:17;"],
  [suzhou\:m6$="base:17"] {
    font-size: calc(var(--dvh) * var(--fs-17)) !important;
    font-variation-settings: 'wght' var(--fw-17) !important;
    font-weight: var(--fw-17) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m6*="base:18;"],
  [suzhou\:m6$="base:18"] {
    font-size: calc(var(--dvh) * var(--fs-18)) !important;
    font-variation-settings: 'wght' var(--fw-18) !important;
    font-weight: var(--fw-18) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m6*="base:19;"],
  [suzhou\:m6$="base:19"] {
    font-size: calc(var(--dvh) * var(--fs-19)) !important;
    font-variation-settings: 'wght' var(--fw-19) !important;
    font-weight: var(--fw-19) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m6*="base:20;"],
  [suzhou\:m6$="base:20"] {
    font-size: calc(var(--dvh) * var(--fs-20)) !important;
    font-variation-settings: 'wght' var(--fw-20) !important;
    font-weight: var(--fw-20) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  /* Weight overrides for m6 */
  [suzhou\:m6*="weight:100;"],
  [suzhou\:m6$="weight:100"] {
    font-variation-settings: 'wght' 100 !important;
    font-weight: 100 !important;
  }

  [suzhou\:m6*="weight:150;"],
  [suzhou\:m6$="weight:150"] {
    font-variation-settings: 'wght' 150 !important;
    font-weight: 150 !important;
  }

  [suzhou\:m6*="weight:200;"],
  [suzhou\:m6$="weight:200"] {
    font-variation-settings: 'wght' 200 !important;
    font-weight: 200 !important;
  }

  [suzhou\:m6*="weight:250;"],
  [suzhou\:m6$="weight:250"] {
    font-variation-settings: 'wght' 250 !important;
    font-weight: 250 !important;
  }

  [suzhou\:m6*="weight:300;"],
  [suzhou\:m6$="weight:300"] {
    font-variation-settings: 'wght' 300 !important;
    font-weight: 300 !important;
  }

  [suzhou\:m6*="weight:350;"],
  [suzhou\:m6$="weight:350"] {
    font-variation-settings: 'wght' 350 !important;
    font-weight: 350 !important;
  }

  [suzhou\:m6*="weight:400;"],
  [suzhou\:m6$="weight:400"] {
    font-variation-settings: 'wght' 400 !important;
    font-weight: 400 !important;
  }

  [suzhou\:m6*="weight:450;"],
  [suzhou\:m6$="weight:450"] {
    font-variation-settings: 'wght' 450 !important;
    font-weight: 450 !important;
  }

  [suzhou\:m6*="weight:500;"],
  [suzhou\:m6$="weight:500"] {
    font-variation-settings: 'wght' 500 !important;
    font-weight: 500 !important;
  }

  [suzhou\:m6*="weight:550;"],
  [suzhou\:m6$="weight:550"] {
    font-variation-settings: 'wght' 550 !important;
    font-weight: 550 !important;
  }

  [suzhou\:m6*="weight:600;"],
  [suzhou\:m6$="weight:600"] {
    font-variation-settings: 'wght' 600 !important;
    font-weight: 600 !important;
  }

  [suzhou\:m6*="weight:650;"],
  [suzhou\:m6$="weight:650"] {
    font-variation-settings: 'wght' 650 !important;
    font-weight: 650 !important;
  }

  [suzhou\:m6*="weight:700;"],
  [suzhou\:m6$="weight:700"] {
    font-variation-settings: 'wght' 700 !important;
    font-weight: 700 !important;
  }

  [suzhou\:m6*="weight:750;"],
  [suzhou\:m6$="weight:750"] {
    font-variation-settings: 'wght' 750 !important;
    font-weight: 750 !important;
  }

  [suzhou\:m6*="weight:800;"],
  [suzhou\:m6$="weight:800"] {
    font-variation-settings: 'wght' 800 !important;
    font-weight: 800 !important;
  }

  [suzhou\:m6*="weight:850;"],
  [suzhou\:m6$="weight:850"] {
    font-variation-settings: 'wght' 850 !important;
    font-weight: 850 !important;
  }

  [suzhou\:m6*="weight:900;"],
  [suzhou\:m6$="weight:900"] {
    font-variation-settings: 'wght' 900 !important;
    font-weight: 900 !important;
  }

  /* Line height overrides for m6 */
  [suzhou\:m6*="height:xs;"],
  [suzhou\:m6$="height:xs"] {
    line-height: var(--lh-xs) !important;
  }

  [suzhou\:m6*="height:sm;"],
  [suzhou\:m6$="height:sm"] {
    line-height: var(--lh-sm) !important;
  }

  [suzhou\:m6*="height:md;"],
  [suzhou\:m6$="height:md"] {
    line-height: var(--lh-md) !important;
  }

  [suzhou\:m6*="height:lg;"],
  [suzhou\:m6$="height:lg"] {
    line-height: var(--lh-lg) !important;
  }

  [suzhou\:m6*="height:xl;"],
  [suzhou\:m6$="height:xl"] {
    line-height: var(--lh-xl) !important;
  }

  /* Letter spacing overrides for m6 */
  [suzhou\:m6*="spacing:xs;"],
  [suzhou\:m6$="spacing:xs"] {
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m6*="spacing:sm;"],
  [suzhou\:m6$="spacing:sm"] {
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m6*="spacing:md;"],
  [suzhou\:m6$="spacing:md"] {
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m6*="spacing:lg;"],
  [suzhou\:m6$="spacing:lg"] {
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m6*="spacing:xl;"],
  [suzhou\:m6$="spacing:xl"] {
    letter-spacing: var(--ls-xl) !important;
  }

  /* Font style overrides for m6 */
  [suzhou\:m6*="style:normal;"],
  [suzhou\:m6$="style:normal"] {
    font-style: normal !important;
  }

  [suzhou\:m6*="style:italic;"],
  [suzhou\:m6$="style:italic"] {
    font-style: italic !important;
  }

  [suzhou\:m6*="style:oblique;"],
  [suzhou\:m6$="style:oblique"] {
    font-style: oblique !important;
  }

  /* Text decoration lines for m6 */
  [suzhou\:m6*="line:under;"],
  [suzhou\:m6$="line:under"] {
    text-decoration-line: underline !important;
  }

  [suzhou\:m6*="line:over;"],
  [suzhou\:m6$="line:over"] {
    text-decoration-line: overline !important;
  }

  [suzhou\:m6*="line:through;"],
  [suzhou\:m6$="line:through"] {
    text-decoration-line: line-through !important;
  }

  [suzhou\:m6*="line:none;"],
  [suzhou\:m6$="line:none"] {
    text-decoration-line: none !important;
  }

  [suzhou\:m6*="line:over,under;"],
  [suzhou\:m6$="line:over,under"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m6*="line:under,over;"],
  [suzhou\:m6$="line:under,over"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m6*="line:over,through;"],
  [suzhou\:m6$="line:over,through"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m6*="line:through,over;"],
  [suzhou\:m6$="line:through,over"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m6*="line:under,through;"],
  [suzhou\:m6$="line:under,through"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m6*="line:through,under;"],
  [suzhou\:m6$="line:through,under"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m6*="line:over,under,through;"],
  [suzhou\:m6$="line:over,under,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m6*="line:over,through,under;"],
  [suzhou\:m6$="line:over,through,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m6*="line:under,over,through;"],
  [suzhou\:m6$="line:under,over,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m6*="line:under,through,over;"],
  [suzhou\:m6$="line:under,through,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m6*="line:through,over,under;"],
  [suzhou\:m6$="line:through,over,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m6*="line:through,under,over;"],
  [suzhou\:m6$="line:through,under,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* Text transform for m6 */
  [suzhou\:m6*="case:upper;"],
  [suzhou\:m6$="case:upper"] {
    text-transform: uppercase !important;
  }

  [suzhou\:m6*="case:lower;"],
  [suzhou\:m6$="case:lower"] {
    text-transform: lowercase !important;
  }

  [suzhou\:m6*="case:capitalize;"],
  [suzhou\:m6$="case:capitalize"] {
    text-transform: capitalize !important;
  }

  [suzhou\:m6*="case:none;"],
  [suzhou\:m6$="case:none"] {
    text-transform: none !important;
  }

}

/* ============================================
   BREAKPOINT m7: 1636px
   ============================================ */
@media (min-width: 1636px) {

  /* Base size overrides for m7 */
  [suzhou\:m7*="base:1;"],
  [suzhou\:m7$="base:1"] {
    font-size: calc(var(--dvh) * var(--fs-01)) !important;
    font-variation-settings: 'wght' var(--fw-01) !important;
    font-weight: var(--fw-01) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m7*="base:2;"],
  [suzhou\:m7$="base:2"] {
    font-size: calc(var(--dvh) * var(--fs-02)) !important;
    font-variation-settings: 'wght' var(--fw-02) !important;
    font-weight: var(--fw-02) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m7*="base:3;"],
  [suzhou\:m7$="base:3"] {
    font-size: calc(var(--dvh) * var(--fs-03)) !important;
    font-variation-settings: 'wght' var(--fw-03) !important;
    font-weight: var(--fw-03) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m7*="base:4;"],
  [suzhou\:m7$="base:4"] {
    font-size: calc(var(--dvh) * var(--fs-04)) !important;
    font-variation-settings: 'wght' var(--fw-04) !important;
    font-weight: var(--fw-04) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m7*="base:5;"],
  [suzhou\:m7$="base:5"] {
    font-size: calc(var(--dvh) * var(--fs-05)) !important;
    font-variation-settings: 'wght' var(--fw-05) !important;
    font-weight: var(--fw-05) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m7*="base:6;"],
  [suzhou\:m7$="base:6"] {
    font-size: calc(var(--dvh) * var(--fs-06)) !important;
    font-variation-settings: 'wght' var(--fw-06) !important;
    font-weight: var(--fw-06) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m7*="base:7;"],
  [suzhou\:m7$="base:7"] {
    font-size: calc(var(--dvh) * var(--fs-07)) !important;
    font-variation-settings: 'wght' var(--fw-07) !important;
    font-weight: var(--fw-07) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m7*="base:8;"],
  [suzhou\:m7$="base:8"] {
    font-size: calc(var(--dvh) * var(--fs-08)) !important;
    font-variation-settings: 'wght' var(--fw-08) !important;
    font-weight: var(--fw-08) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m7*="base:9;"],
  [suzhou\:m7$="base:9"] {
    font-size: calc(var(--dvh) * var(--fs-09)) !important;
    font-variation-settings: 'wght' var(--fw-09) !important;
    font-weight: var(--fw-09) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m7*="base:10;"],
  [suzhou\:m7$="base:10"] {
    font-size: calc(var(--dvh) * var(--fs-10)) !important;
    font-variation-settings: 'wght' var(--fw-10) !important;
    font-weight: var(--fw-10) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m7*="base:11;"],
  [suzhou\:m7$="base:11"] {
    font-size: calc(var(--dvh) * var(--fs-11)) !important;
    font-variation-settings: 'wght' var(--fw-11) !important;
    font-weight: var(--fw-11) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m7*="base:12;"],
  [suzhou\:m7$="base:12"] {
    font-size: calc(var(--dvh) * var(--fs-12)) !important;
    font-variation-settings: 'wght' var(--fw-12) !important;
    font-weight: var(--fw-12) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m7*="base:13;"],
  [suzhou\:m7$="base:13"] {
    font-size: calc(var(--dvh) * var(--fs-13)) !important;
    font-variation-settings: 'wght' var(--fw-13) !important;
    font-weight: var(--fw-13) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m7*="base:14;"],
  [suzhou\:m7$="base:14"] {
    font-size: calc(var(--dvh) * var(--fs-14)) !important;
    font-variation-settings: 'wght' var(--fw-14) !important;
    font-weight: var(--fw-14) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m7*="base:15;"],
  [suzhou\:m7$="base:15"] {
    font-size: calc(var(--dvh) * var(--fs-15)) !important;
    font-variation-settings: 'wght' var(--fw-15) !important;
    font-weight: var(--fw-15) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m7*="base:16;"],
  [suzhou\:m7$="base:16"] {
    font-size: calc(var(--dvh) * var(--fs-16)) !important;
    font-variation-settings: 'wght' var(--fw-16) !important;
    font-weight: var(--fw-16) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m7*="base:17;"],
  [suzhou\:m7$="base:17"] {
    font-size: calc(var(--dvh) * var(--fs-17)) !important;
    font-variation-settings: 'wght' var(--fw-17) !important;
    font-weight: var(--fw-17) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m7*="base:18;"],
  [suzhou\:m7$="base:18"] {
    font-size: calc(var(--dvh) * var(--fs-18)) !important;
    font-variation-settings: 'wght' var(--fw-18) !important;
    font-weight: var(--fw-18) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m7*="base:19;"],
  [suzhou\:m7$="base:19"] {
    font-size: calc(var(--dvh) * var(--fs-19)) !important;
    font-variation-settings: 'wght' var(--fw-19) !important;
    font-weight: var(--fw-19) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m7*="base:20;"],
  [suzhou\:m7$="base:20"] {
    font-size: calc(var(--dvh) * var(--fs-20)) !important;
    font-variation-settings: 'wght' var(--fw-20) !important;
    font-weight: var(--fw-20) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  /* Weight overrides for m7 */
  [suzhou\:m7*="weight:100;"],
  [suzhou\:m7$="weight:100"] {
    font-variation-settings: 'wght' 100 !important;
    font-weight: 100 !important;
  }

  [suzhou\:m7*="weight:150;"],
  [suzhou\:m7$="weight:150"] {
    font-variation-settings: 'wght' 150 !important;
    font-weight: 150 !important;
  }

  [suzhou\:m7*="weight:200;"],
  [suzhou\:m7$="weight:200"] {
    font-variation-settings: 'wght' 200 !important;
    font-weight: 200 !important;
  }

  [suzhou\:m7*="weight:250;"],
  [suzhou\:m7$="weight:250"] {
    font-variation-settings: 'wght' 250 !important;
    font-weight: 250 !important;
  }

  [suzhou\:m7*="weight:300;"],
  [suzhou\:m7$="weight:300"] {
    font-variation-settings: 'wght' 300 !important;
    font-weight: 300 !important;
  }

  [suzhou\:m7*="weight:350;"],
  [suzhou\:m7$="weight:350"] {
    font-variation-settings: 'wght' 350 !important;
    font-weight: 350 !important;
  }

  [suzhou\:m7*="weight:400;"],
  [suzhou\:m7$="weight:400"] {
    font-variation-settings: 'wght' 400 !important;
    font-weight: 400 !important;
  }

  [suzhou\:m7*="weight:450;"],
  [suzhou\:m7$="weight:450"] {
    font-variation-settings: 'wght' 450 !important;
    font-weight: 450 !important;
  }

  [suzhou\:m7*="weight:500;"],
  [suzhou\:m7$="weight:500"] {
    font-variation-settings: 'wght' 500 !important;
    font-weight: 500 !important;
  }

  [suzhou\:m7*="weight:550;"],
  [suzhou\:m7$="weight:550"] {
    font-variation-settings: 'wght' 550 !important;
    font-weight: 550 !important;
  }

  [suzhou\:m7*="weight:600;"],
  [suzhou\:m7$="weight:600"] {
    font-variation-settings: 'wght' 600 !important;
    font-weight: 600 !important;
  }

  [suzhou\:m7*="weight:650;"],
  [suzhou\:m7$="weight:650"] {
    font-variation-settings: 'wght' 650 !important;
    font-weight: 650 !important;
  }

  [suzhou\:m7*="weight:700;"],
  [suzhou\:m7$="weight:700"] {
    font-variation-settings: 'wght' 700 !important;
    font-weight: 700 !important;
  }

  [suzhou\:m7*="weight:750;"],
  [suzhou\:m7$="weight:750"] {
    font-variation-settings: 'wght' 750 !important;
    font-weight: 750 !important;
  }

  [suzhou\:m7*="weight:800;"],
  [suzhou\:m7$="weight:800"] {
    font-variation-settings: 'wght' 800 !important;
    font-weight: 800 !important;
  }

  [suzhou\:m7*="weight:850;"],
  [suzhou\:m7$="weight:850"] {
    font-variation-settings: 'wght' 850 !important;
    font-weight: 850 !important;
  }

  [suzhou\:m7*="weight:900;"],
  [suzhou\:m7$="weight:900"] {
    font-variation-settings: 'wght' 900 !important;
    font-weight: 900 !important;
  }

  /* Line height overrides for m7 */
  [suzhou\:m7*="height:xs;"],
  [suzhou\:m7$="height:xs"] {
    line-height: var(--lh-xs) !important;
  }

  [suzhou\:m7*="height:sm;"],
  [suzhou\:m7$="height:sm"] {
    line-height: var(--lh-sm) !important;
  }

  [suzhou\:m7*="height:md;"],
  [suzhou\:m7$="height:md"] {
    line-height: var(--lh-md) !important;
  }

  [suzhou\:m7*="height:lg;"],
  [suzhou\:m7$="height:lg"] {
    line-height: var(--lh-lg) !important;
  }

  [suzhou\:m7*="height:xl;"],
  [suzhou\:m7$="height:xl"] {
    line-height: var(--lh-xl) !important;
  }

  /* Letter spacing overrides for m7 */
  [suzhou\:m7*="spacing:xs;"],
  [suzhou\:m7$="spacing:xs"] {
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m7*="spacing:sm;"],
  [suzhou\:m7$="spacing:sm"] {
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m7*="spacing:md;"],
  [suzhou\:m7$="spacing:md"] {
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m7*="spacing:lg;"],
  [suzhou\:m7$="spacing:lg"] {
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m7*="spacing:xl;"],
  [suzhou\:m7$="spacing:xl"] {
    letter-spacing: var(--ls-xl) !important;
  }

  /* Font style overrides for m7 */
  [suzhou\:m7*="style:normal;"],
  [suzhou\:m7$="style:normal"] {
    font-style: normal !important;
  }

  [suzhou\:m7*="style:italic;"],
  [suzhou\:m7$="style:italic"] {
    font-style: italic !important;
  }

  [suzhou\:m7*="style:oblique;"],
  [suzhou\:m7$="style:oblique"] {
    font-style: oblique !important;
  }

  /* Text decoration lines for m7 */
  [suzhou\:m7*="line:under;"],
  [suzhou\:m7$="line:under"] {
    text-decoration-line: underline !important;
  }

  [suzhou\:m7*="line:over;"],
  [suzhou\:m7$="line:over"] {
    text-decoration-line: overline !important;
  }

  [suzhou\:m7*="line:through;"],
  [suzhou\:m7$="line:through"] {
    text-decoration-line: line-through !important;
  }

  [suzhou\:m7*="line:none;"],
  [suzhou\:m7$="line:none"] {
    text-decoration-line: none !important;
  }

  [suzhou\:m7*="line:over,under;"],
  [suzhou\:m7$="line:over,under"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m7*="line:under,over;"],
  [suzhou\:m7$="line:under,over"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m7*="line:over,through;"],
  [suzhou\:m7$="line:over,through"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m7*="line:through,over;"],
  [suzhou\:m7$="line:through,over"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m7*="line:under,through;"],
  [suzhou\:m7$="line:under,through"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m7*="line:through,under;"],
  [suzhou\:m7$="line:through,under"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m7*="line:over,under,through;"],
  [suzhou\:m7$="line:over,under,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m7*="line:over,through,under;"],
  [suzhou\:m7$="line:over,through,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m7*="line:under,over,through;"],
  [suzhou\:m7$="line:under,over,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m7*="line:under,through,over;"],
  [suzhou\:m7$="line:under,through,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m7*="line:through,over,under;"],
  [suzhou\:m7$="line:through,over,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m7*="line:through,under,over;"],
  [suzhou\:m7$="line:through,under,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* Text transform for m7 */
  [suzhou\:m7*="case:upper;"],
  [suzhou\:m7$="case:upper"] {
    text-transform: uppercase !important;
  }

  [suzhou\:m7*="case:lower;"],
  [suzhou\:m7$="case:lower"] {
    text-transform: lowercase !important;
  }

  [suzhou\:m7*="case:capitalize;"],
  [suzhou\:m7$="case:capitalize"] {
    text-transform: capitalize !important;
  }

  [suzhou\:m7*="case:none;"],
  [suzhou\:m7$="case:none"] {
    text-transform: none !important;
  }

}

/* ============================================
   BREAKPOINT m8: 2000px
   ============================================ */
@media (min-width: 2000px) {

  /* Base size overrides for m8 */
  [suzhou\:m8*="base:1;"],
  [suzhou\:m8$="base:1"] {
    font-size: calc(var(--dvh) * var(--fs-01)) !important;
    font-variation-settings: 'wght' var(--fw-01) !important;
    font-weight: var(--fw-01) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m8*="base:2;"],
  [suzhou\:m8$="base:2"] {
    font-size: calc(var(--dvh) * var(--fs-02)) !important;
    font-variation-settings: 'wght' var(--fw-02) !important;
    font-weight: var(--fw-02) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m8*="base:3;"],
  [suzhou\:m8$="base:3"] {
    font-size: calc(var(--dvh) * var(--fs-03)) !important;
    font-variation-settings: 'wght' var(--fw-03) !important;
    font-weight: var(--fw-03) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m8*="base:4;"],
  [suzhou\:m8$="base:4"] {
    font-size: calc(var(--dvh) * var(--fs-04)) !important;
    font-variation-settings: 'wght' var(--fw-04) !important;
    font-weight: var(--fw-04) !important;
    line-height: var(--lh-xs) !important;
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m8*="base:5;"],
  [suzhou\:m8$="base:5"] {
    font-size: calc(var(--dvh) * var(--fs-05)) !important;
    font-variation-settings: 'wght' var(--fw-05) !important;
    font-weight: var(--fw-05) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m8*="base:6;"],
  [suzhou\:m8$="base:6"] {
    font-size: calc(var(--dvh) * var(--fs-06)) !important;
    font-variation-settings: 'wght' var(--fw-06) !important;
    font-weight: var(--fw-06) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m8*="base:7;"],
  [suzhou\:m8$="base:7"] {
    font-size: calc(var(--dvh) * var(--fs-07)) !important;
    font-variation-settings: 'wght' var(--fw-07) !important;
    font-weight: var(--fw-07) !important;
    line-height: var(--lh-sm) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m8*="base:8;"],
  [suzhou\:m8$="base:8"] {
    font-size: calc(var(--dvh) * var(--fs-08)) !important;
    font-variation-settings: 'wght' var(--fw-08) !important;
    font-weight: var(--fw-08) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m8*="base:9;"],
  [suzhou\:m8$="base:9"] {
    font-size: calc(var(--dvh) * var(--fs-09)) !important;
    font-variation-settings: 'wght' var(--fw-09) !important;
    font-weight: var(--fw-09) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m8*="base:10;"],
  [suzhou\:m8$="base:10"] {
    font-size: calc(var(--dvh) * var(--fs-10)) !important;
    font-variation-settings: 'wght' var(--fw-10) !important;
    font-weight: var(--fw-10) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m8*="base:11;"],
  [suzhou\:m8$="base:11"] {
    font-size: calc(var(--dvh) * var(--fs-11)) !important;
    font-variation-settings: 'wght' var(--fw-11) !important;
    font-weight: var(--fw-11) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m8*="base:12;"],
  [suzhou\:m8$="base:12"] {
    font-size: calc(var(--dvh) * var(--fs-12)) !important;
    font-variation-settings: 'wght' var(--fw-12) !important;
    font-weight: var(--fw-12) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m8*="base:13;"],
  [suzhou\:m8$="base:13"] {
    font-size: calc(var(--dvh) * var(--fs-13)) !important;
    font-variation-settings: 'wght' var(--fw-13) !important;
    font-weight: var(--fw-13) !important;
    line-height: var(--lh-md) !important;
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m8*="base:14;"],
  [suzhou\:m8$="base:14"] {
    font-size: calc(var(--dvh) * var(--fs-14)) !important;
    font-variation-settings: 'wght' var(--fw-14) !important;
    font-weight: var(--fw-14) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m8*="base:15;"],
  [suzhou\:m8$="base:15"] {
    font-size: calc(var(--dvh) * var(--fs-15)) !important;
    font-variation-settings: 'wght' var(--fw-15) !important;
    font-weight: var(--fw-15) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m8*="base:16;"],
  [suzhou\:m8$="base:16"] {
    font-size: calc(var(--dvh) * var(--fs-16)) !important;
    font-variation-settings: 'wght' var(--fw-16) !important;
    font-weight: var(--fw-16) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m8*="base:17;"],
  [suzhou\:m8$="base:17"] {
    font-size: calc(var(--dvh) * var(--fs-17)) !important;
    font-variation-settings: 'wght' var(--fw-17) !important;
    font-weight: var(--fw-17) !important;
    line-height: var(--lh-lg) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m8*="base:18;"],
  [suzhou\:m8$="base:18"] {
    font-size: calc(var(--dvh) * var(--fs-18)) !important;
    font-variation-settings: 'wght' var(--fw-18) !important;
    font-weight: var(--fw-18) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m8*="base:19;"],
  [suzhou\:m8$="base:19"] {
    font-size: calc(var(--dvh) * var(--fs-19)) !important;
    font-variation-settings: 'wght' var(--fw-19) !important;
    font-weight: var(--fw-19) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  [suzhou\:m8*="base:20;"],
  [suzhou\:m8$="base:20"] {
    font-size: calc(var(--dvh) * var(--fs-20)) !important;
    font-variation-settings: 'wght' var(--fw-20) !important;
    font-weight: var(--fw-20) !important;
    line-height: var(--lh-xl) !important;
    letter-spacing: var(--ls-xl) !important;
  }

  /* Weight overrides for m8 */
  [suzhou\:m8*="weight:100;"],
  [suzhou\:m8$="weight:100"] {
    font-variation-settings: 'wght' 100 !important;
    font-weight: 100 !important;
  }

  [suzhou\:m8*="weight:150;"],
  [suzhou\:m8$="weight:150"] {
    font-variation-settings: 'wght' 150 !important;
    font-weight: 150 !important;
  }

  [suzhou\:m8*="weight:200;"],
  [suzhou\:m8$="weight:200"] {
    font-variation-settings: 'wght' 200 !important;
    font-weight: 200 !important;
  }

  [suzhou\:m8*="weight:250;"],
  [suzhou\:m8$="weight:250"] {
    font-variation-settings: 'wght' 250 !important;
    font-weight: 250 !important;
  }

  [suzhou\:m8*="weight:300;"],
  [suzhou\:m8$="weight:300"] {
    font-variation-settings: 'wght' 300 !important;
    font-weight: 300 !important;
  }

  [suzhou\:m8*="weight:350;"],
  [suzhou\:m8$="weight:350"] {
    font-variation-settings: 'wght' 350 !important;
    font-weight: 350 !important;
  }

  [suzhou\:m8*="weight:400;"],
  [suzhou\:m8$="weight:400"] {
    font-variation-settings: 'wght' 400 !important;
    font-weight: 400 !important;
  }

  [suzhou\:m8*="weight:450;"],
  [suzhou\:m8$="weight:450"] {
    font-variation-settings: 'wght' 450 !important;
    font-weight: 450 !important;
  }

  [suzhou\:m8*="weight:500;"],
  [suzhou\:m8$="weight:500"] {
    font-variation-settings: 'wght' 500 !important;
    font-weight: 500 !important;
  }

  [suzhou\:m8*="weight:550;"],
  [suzhou\:m8$="weight:550"] {
    font-variation-settings: 'wght' 550 !important;
    font-weight: 550 !important;
  }

  [suzhou\:m8*="weight:600;"],
  [suzhou\:m8$="weight:600"] {
    font-variation-settings: 'wght' 600 !important;
    font-weight: 600 !important;
  }

  [suzhou\:m8*="weight:650;"],
  [suzhou\:m8$="weight:650"] {
    font-variation-settings: 'wght' 650 !important;
    font-weight: 650 !important;
  }

  [suzhou\:m8*="weight:700;"],
  [suzhou\:m8$="weight:700"] {
    font-variation-settings: 'wght' 700 !important;
    font-weight: 700 !important;
  }

  [suzhou\:m8*="weight:750;"],
  [suzhou\:m8$="weight:750"] {
    font-variation-settings: 'wght' 750 !important;
    font-weight: 750 !important;
  }

  [suzhou\:m8*="weight:800;"],
  [suzhou\:m8$="weight:800"] {
    font-variation-settings: 'wght' 800 !important;
    font-weight: 800 !important;
  }

  [suzhou\:m8*="weight:850;"],
  [suzhou\:m8$="weight:850"] {
    font-variation-settings: 'wght' 850 !important;
    font-weight: 850 !important;
  }

  [suzhou\:m8*="weight:900;"],
  [suzhou\:m8$="weight:900"] {
    font-variation-settings: 'wght' 900 !important;
    font-weight: 900 !important;
  }

  /* Line height overrides for m8 */
  [suzhou\:m8*="height:xs;"],
  [suzhou\:m8$="height:xs"] {
    line-height: var(--lh-xs) !important;
  }

  [suzhou\:m8*="height:sm;"],
  [suzhou\:m8$="height:sm"] {
    line-height: var(--lh-sm) !important;
  }

  [suzhou\:m8*="height:md;"],
  [suzhou\:m8$="height:md"] {
    line-height: var(--lh-md) !important;
  }

  [suzhou\:m8*="height:lg;"],
  [suzhou\:m8$="height:lg"] {
    line-height: var(--lh-lg) !important;
  }

  [suzhou\:m8*="height:xl;"],
  [suzhou\:m8$="height:xl"] {
    line-height: var(--lh-xl) !important;
  }

  /* Letter spacing overrides for m8 */
  [suzhou\:m8*="spacing:xs;"],
  [suzhou\:m8$="spacing:xs"] {
    letter-spacing: var(--ls-xs) !important;
  }

  [suzhou\:m8*="spacing:sm;"],
  [suzhou\:m8$="spacing:sm"] {
    letter-spacing: var(--ls-sm) !important;
  }

  [suzhou\:m8*="spacing:md;"],
  [suzhou\:m8$="spacing:md"] {
    letter-spacing: var(--ls-md) !important;
  }

  [suzhou\:m8*="spacing:lg;"],
  [suzhou\:m8$="spacing:lg"] {
    letter-spacing: var(--ls-lg) !important;
  }

  [suzhou\:m8*="spacing:xl;"],
  [suzhou\:m8$="spacing:xl"] {
    letter-spacing: var(--ls-xl) !important;
  }

  /* Font style overrides for m8 */
  [suzhou\:m8*="style:normal;"],
  [suzhou\:m8$="style:normal"] {
    font-style: normal !important;
  }

  [suzhou\:m8*="style:italic;"],
  [suzhou\:m8$="style:italic"] {
    font-style: italic !important;
  }

  [suzhou\:m8*="style:oblique;"],
  [suzhou\:m8$="style:oblique"] {
    font-style: oblique !important;
  }

  /* Text decoration lines for m8 */
  [suzhou\:m8*="line:under;"],
  [suzhou\:m8$="line:under"] {
    text-decoration-line: underline !important;
  }

  [suzhou\:m8*="line:over;"],
  [suzhou\:m8$="line:over"] {
    text-decoration-line: overline !important;
  }

  [suzhou\:m8*="line:through;"],
  [suzhou\:m8$="line:through"] {
    text-decoration-line: line-through !important;
  }

  [suzhou\:m8*="line:none;"],
  [suzhou\:m8$="line:none"] {
    text-decoration-line: none !important;
  }

  [suzhou\:m8*="line:over,under;"],
  [suzhou\:m8$="line:over,under"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m8*="line:under,over;"],
  [suzhou\:m8$="line:under,over"] {
    text-decoration-line: overline underline !important;
  }

  [suzhou\:m8*="line:over,through;"],
  [suzhou\:m8$="line:over,through"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m8*="line:through,over;"],
  [suzhou\:m8$="line:through,over"] {
    text-decoration-line: overline line-through !important;
  }

  [suzhou\:m8*="line:under,through;"],
  [suzhou\:m8$="line:under,through"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m8*="line:through,under;"],
  [suzhou\:m8$="line:through,under"] {
    text-decoration-line: underline line-through !important;
  }

  [suzhou\:m8*="line:over,under,through;"],
  [suzhou\:m8$="line:over,under,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m8*="line:over,through,under;"],
  [suzhou\:m8$="line:over,through,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m8*="line:under,over,through;"],
  [suzhou\:m8$="line:under,over,through"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m8*="line:under,through,over;"],
  [suzhou\:m8$="line:under,through,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m8*="line:through,over,under;"],
  [suzhou\:m8$="line:through,over,under"] {
    text-decoration-line: overline underline line-through !important;
  }

  [suzhou\:m8*="line:through,under,over;"],
  [suzhou\:m8$="line:through,under,over"] {
    text-decoration-line: overline underline line-through !important;
  }

  /* Text transform for m8 */
  [suzhou\:m8*="case:upper;"],
  [suzhou\:m8$="case:upper"] {
    text-transform: uppercase !important;
  }

  [suzhou\:m8*="case:lower;"],
  [suzhou\:m8$="case:lower"] {
    text-transform: lowercase !important;
  }

  [suzhou\:m8*="case:capitalize;"],
  [suzhou\:m8$="case:capitalize"] {
    text-transform: capitalize !important;
  }

  [suzhou\:m8*="case:none;"],
  [suzhou\:m8$="case:none"] {
    text-transform: none !important;
  }

}

/* =====================
   RESPONSIVE ADJUSTMENT
   For very tall screens
   ===================== */
@media (min-height: 1200px) {
  :root {
    --font-base: 1.8;
  }
}

/* ============================================
   SUZHOU TYPOGRAPHY SYSTEM v1.2 - COMPLETE
   ============================================ */
/*
FEATURES:
  • 20 font sizes (base:1 to base:20)
  • 17 weight overrides (weight:100 to weight:900 in 50 steps)
  • 5 line-height values (height:xs to height:xl)
  • 5 letter-spacing values (spacing:xs to spacing:xl)
  • 3 font styles (style:normal, italic, oblique)
  • 16 text decoration permutations (line:under, over, through, etc.)
  • 4 text transforms (case:upper, lower, capitalize, none)
  • 8 responsive breakpoints (m1:280px to m8:2000px)
  • Mobile-first, --dvh based, pure CSS

SYNTAX:
  <div suzhou="base:10">                         # Base size 10
  <div suzhou:m2="base:12">                     # At m2 (558px+)
  <div suzhou="base:14; weight:700; style:italic"> # Multiple

PROPERTIES:
  base:1-20           Font size (1=smallest, 10=body, 20=largest)
  weight:100-900      Weight in 50 increments (100,150,...,900)
  height:xs|sm|md|lg|xl  Line height (xs=1.1 tight, xl=1.8 loose)
  spacing:xs|sm|md|lg|xl Letter spacing (xs=-4%, xl=+5%)
  style:normal|italic|oblique  Font style
  line:under|over|through|none  Text decoration (comma-separated)
  case:upper|lower|capitalize|none  Text transform

BREAKPOINTS:
  m1: 280px   (precision i+)   m5: 1142px  (precision iii+)
  m2: 558px   (main ii)        m6: 1270px  (main iiii)
  m3: 786px   (precision ii+)  m7: 1636px  (precision iiii+)
  m4: 1014px  (main iii)       m8: 2000px  (main iiiii)

GLOBAL FIXES:
  • font-synthesis: none - Fixes Vivaldi/Inter variable font issues
  • text-size-adjust: 100% - Prevents mobile text inflation
  • overflow-wrap: break-word - Prevents horizontal scrolling
  • optimizeLegibility - Better text rendering

FILE SIZE:
  • Development: ~130 KB
  • Minified: ~102 KB
  • Gzipped: ~17 KB
  • Selectors: ~1,230

TESTED ON:
  • Vivaldi Desktop (Windows)
  • Vivaldi Android
  • DuckDuckGo Android (Safari equivalent)

REQUIREMENTS:
  • Inter variable font (100-900 range)
  • viewport-height2.js for --dvh updates
  • Mobile-first responsive design
*/


/* File size: 125,627 bytes (122.7 KB) */
/* Gzipped: 8,369 bytes (8.2 KB) */
/* Selectors: ~1,230 | Properties: 7 | Breakpoints: 8 | Version: 1.2 */