.elementor-74888 .elementor-element.elementor-element-22242bf1{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-74888 .elementor-element.elementor-element-172bf0ed{text-align:center;}.elementor-74888 .elementor-element.elementor-element-172bf0ed .elementor-heading-title{font-family:"calibri", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-b95a49a );}.elementor-74888 .elementor-element.elementor-element-eb74c2b{--display:flex;}.elementor-74888 .elementor-element.elementor-element-1c51c66{text-align:center;}.elementor-74888 .elementor-element.elementor-element-1c51c66 .elementor-heading-title{font-family:"calibri", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-b95a49a );}.elementor-74888 .elementor-element.elementor-element-3e259cc3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74888 .elementor-element.elementor-element-da45d83{--display:flex;}/* Start custom CSS for html, class: .elementor-element-d63de1a *//* ── Design tokens ── */ :root { --clr-primary: #5b2d8e; /* EUCanScreen purple */ --clr-accent: #c9a227; /* gold accent */ --clr-bg: #ffffff; --clr-surface: #f7f4fb; --clr-text: #1a1a2e; --clr-muted: #5c5c7a; --clr-border: #e0d9f0; --ff-display: 'Georgia', 'Times New Roman', serif; --ff-body: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; --max-w: 760px; --radius: 6px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: var(--ff-body); background: var(--clr-bg); color: var(--clr-text); line-height: 1.75; font-size: 17px; } /* ── Hero ── */ .hero { background: linear-gradient(135deg, var(--clr-primary) 0%, #3b1a6e 100%); color: #fff; padding: 64px 24px 52px; text-align: center; } .hero .eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; background: var(--clr-accent); color: var(--clr-text); padding: 4px 14px; border-radius: 20px; margin-bottom: 22px; } .hero h1 { font-family: var(--ff-display); font-size: clamp(1.6rem, 4vw, 2.4rem); line-height: 1.3; max-width: 780px; margin: 0 auto 18px; } .hero .subtitle { font-size: 1.05rem; color: rgba(255,255,255,.82); max-width: 620px; margin: 0 auto 28px; } .hero .meta { font-size: 13px; color: rgba(255,255,255,.6); display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .hero .meta span::before { content: '• '; } .hero .meta span:first-child::before { content: ''; } /* ── Layout ── */ .container { max-width: var(--max-w); margin: 0 auto; padding: 0 24px; } /* ── Article body ── */ article { padding: 52px 0 64px; } article p { margin-bottom: 1.35em; color: var(--clr-text); } /* ── Section headings ── */ .section-heading { font-family: var(--ff-display); font-size: 1.25rem; color: var(--clr-primary); margin: 2.5em 0 .75em; padding-bottom: 6px; border-bottom: 2px solid var(--clr-border); } /* ── Pull quote ── */ .pullquote { border-left: 4px solid var(--clr-accent); background: var(--clr-surface); margin: 2em 0; padding: 22px 28px; border-radius: 0 var(--radius) var(--radius) 0; } .pullquote p { font-family: var(--ff-display); font-size: 1.15rem; font-style: italic; color: var(--clr-primary); margin: 0 0 8px; } .pullquote cite { font-size: 13px; color: var(--clr-muted); font-style: normal; font-weight: 600; } /* ── Key facts box ── */ .keyfacts { background: var(--clr-surface); border: 1px solid var(--clr-border); border-top: 4px solid var(--clr-primary); border-radius: var(--radius); padding: 24px 28px; margin: 2.4em 0; } .keyfacts h3 { font-family: var(--ff-display); font-size: 1rem; color: var(--clr-primary); margin-bottom: 14px; text-transform: uppercase; letter-spacing: .06em; } .keyfacts ul { list-style: none; padding: 0; } .keyfacts ul li { padding: 6px 0 6px 22px; position: relative; font-size: 15px; border-bottom: 1px solid var(--clr-border); color: var(--clr-text); } .keyfacts ul li:last-child { border-bottom: none; } .keyfacts ul li::before { content: '▸'; position: absolute; left: 0; color: var(--clr-accent); font-size: 13px; top: 7px; } /* ── Inline links ── */ a { color: var(--clr-primary); text-decoration: underline; text-decoration-color: var(--clr-accent); text-underline-offset: 3px; transition: color .15s; } a:hover { color: var(--clr-accent); } /* ── Related links ── */ .related { background: var(--clr-surface); border-radius: var(--radius); padding: 26px 28px; margin-top: 3em; } .related h3 { font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--clr-muted); margin-bottom: 14px; } .related ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px; } .related ul li a { font-size: 15px; font-weight: 600; } /* ── Source attribution ── */ .source-note { margin-top: 2.5em; padding-top: 1.5em; border-top: 1px solid var(--clr-border); font-size: 13px; color: var(--clr-muted); } .source-note a { font-size: 13px; } @media (max-width: 600px) { .hero { padding: 44px 16px 36px; } .pullquote, .keyfacts, .related { padding: 18px 18px; } article { padding: 36px 0 48px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'calibri'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://eucanscreen.eu/wp-content/uploads/calibri-regular.ttf') format('truetype'); } /* End Custom Fonts CSS */