/* ===================================================================== ScratchMania FR — component styles. Generated from the approved design's inline declarations: every rule below is byte-identical to the style="..." attribute it replaced, so the rendered result is unchanged. Grouped by the template that first uses it; identical declarations share one class. ===================================================================== */ /* ---------- smfr-e404 ---------- */ /* 404.php:25
*/ .smfr-e404-1 { flex: 1; display: grid; place-items: center; padding: 90px 24px; } /* 404.php:26
*/ .smfr-e404-2 { max-width: 720px; text-align: center; } /* 404.php:27

*/ .smfr-e404-3 { font-family: var(--font-num); font-size: clamp(80px, 16vw, 160px); font-weight: 600; line-height: 0.9; margin: 0; background: var(--gold-foil); -webkit-background-clip: text; background-clip: text; color: transparent; } /* 404.php:28

*/ .smfr-e404-4 { font-family: var(--font-display); font-size: clamp(28px, 4vw, 44px); font-weight: 600; line-height: 1.08; margin: 20px 0 16px; } /* 404.php:29

*/ .smfr-e404-5 { font-size: 17px; line-height: 1.65; color: var(--fg-2); margin: 0 0 36px; } /* 404.php:30

*/ .smfr-e404-6 { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; text-align: left; } /* 404.php:32 */ /* front-page.php:280 */ .smfr-e404-7 { text-decoration: none; padding: 18px 20px; border: 1px solid var(--hairline); border-radius: var(--r-md); color: var(--fg-1); font-size: 15px; font-weight: 600; background: var(--surface-1); } /* ---------- smfr-home ---------- */ /* front-page.php:15
*/ .smfr-home-1 { max-width: 1240px; margin: 0 auto; padding: 64px 24px 48px; } /* front-page.php:16
*/ .smfr-home-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 48px; align-items: center; } /* front-page.php:19 */ .smfr-home-3 { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--fg-gold); margin-bottom: 20px; } /* front-page.php:21

*/ .smfr-home-4 { font-family: var(--font-display); font-size: clamp(38px, 5.2vw, 66px); font-weight: 600; line-height: 1.03; letter-spacing: -0.01em; margin: 0 0 20px; text-wrap: pretty; } /* front-page.php:23

*/ .smfr-home-5 { font-size: 19px; line-height: 1.6; color: var(--fg-2); margin: 0 0 32px; max-width: 520px; text-wrap: pretty; } /* front-page.php:25

*/ .smfr-home-6 { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 28px; } /* front-page.php:27 */ .smfr-home-7 { text-decoration: none; padding: 16px 32px; border-radius: var(--r-pill); background: var(--gold-foil); color: var(--fg-on-gold); font-size: 14px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; box-shadow: var(--glow-gold); } /* front-page.php:30 */ .smfr-home-8 { text-decoration: none; padding: 16px 32px; border-radius: var(--r-pill); border: 1px solid var(--hairline-strong); color: var(--fg-gold); font-size: 14px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } /* front-page.php:34