/* Shared mol.ruhr typography and logo palette. Reference: mol.ruhr/style.css. */
:root{--navy:#343a3b;--deep:#292f30;--cream:#f6f6f0;--accent:#edc72f;--peach:#edc72f;--sage:#a5bf67;--ink:#343a3b;--muted:#58615b;--line:#d9ded1;--mol-green:#526c24;--mol-font:Arial,Helvetica,sans-serif;--mol-serif:Georgia,'Times New Roman',serif}
body{font-family:var(--mol-font);font-size:17px;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}
button,input,select,textarea,summary{font-family:var(--mol-font)}
em{font-family:var(--mol-serif);font-weight:400}
h1,h2,h3,h4{font-family:var(--mol-font);font-weight:500}
.hero h1,.homehero h1,.topic-hero-grid h1{font-size:clamp(48px,5.5vw,86px);font-weight:500;line-height:1.07;letter-spacing:-4px}
.hero h1 em,.homehero h1 em,.topic-hero-grid h1 em{font-family:var(--mol-serif);font-size:.85em;font-weight:400;letter-spacing:-3px;color:var(--accent);white-space:normal}
h2,.audience-card h2{font-size:clamp(32px,3.45vw,52px);font-weight:500;line-height:1.15;letter-spacing:-1.8px}
h3{font-size:24px;line-height:1.3;letter-spacing:-.5px}
p,main li{font-size:17px;line-height:1.8}
.lead,p.lead,.hero .lead{font-size:18px;line-height:1.8;color:#d0d6cc}
.hero,.contact{background:var(--navy);color:var(--cream)}
.hero .eyebrow,.hero-bottom,.hero .artlabel,.hero .kicker,.contact .kicker,.contact>p:not(.kicker){color:#d0d6cc}
.hero-bottom{font-size:11px;line-height:1.7}
.kicker,.sectionlabel,.eyebrow,.panelhead,.updatebadge{font-size:10px;line-height:1.5;letter-spacing:1.6px;font-weight:600}
.kicker,.updatebadge,.service-number,.newsletter-note>span{color:var(--mol-green)}
.small,.sources,.consent-row,.orientation p{font-size:14px;line-height:1.7;color:var(--muted)}
.sectionlabel,.intro-split p,.check-grid>div>p,.facts p,.how-grid p,.newsletter-teaser p,.privacy-copy p,.personal-sources{color:var(--muted)}
.how-grid h3{font-size:20px;line-height:1.3;letter-spacing:-.4px}
.how-grid p{font-size:17px;line-height:1.8}
.audience-links strong{font-size:24px;line-height:1.3;letter-spacing:-.5px;font-weight:500}
.audience-links small,.check-links small{font-size:17px;line-height:1.8;color:var(--muted)}
.audience-card{background:var(--cream);border-color:var(--line)}
.audience-card:first-child,.home-how{background:#edf0e5}
.orientation,.check-menu,.privacy-dialog{background:var(--cream);color:var(--ink)}
.orientation>.eyebrow{color:var(--muted)}
.orientation>a{font-size:20px;line-height:1.4}
.panel,.account-question,.incident-card,.call-options label{border-color:var(--line)}
.account-question,.incident-card,.call-options label{background:var(--cream)}
.account-question legend,.incident-card summary{font-size:20px;line-height:1.5;font-weight:500}
.answer-options label:has(input:checked),.incident-card[open] summary{background:#e7ecd9;border-color:var(--mol-green)}
.result p,.result .finding-help p,.note p{font-size:17px;line-height:1.8}
.result article h3,.personal-result h4,.personal-sources h3,.combined-title{font-size:24px;line-height:1.3;letter-spacing:-.5px}
.finding-help strong,.note strong{font-size:17px;line-height:1.8}
label,.personal-section label{font-size:15px;line-height:1.5}
input,select,textarea,.personal-section :is(input,textarea,select),#email-fraud-form :is(input,textarea){font-family:var(--mol-font);font-size:16px;line-height:1.5;color:var(--ink)}
input,select,textarea{accent-color:var(--mol-green)}
input::placeholder,textarea::placeholder{color:var(--muted)}
.button{font-family:var(--mol-font);font-size:13px;font-weight:600;background:var(--accent);color:var(--ink)}
.button:hover{background:#f4d85d}
.button.outline{background:transparent;color:inherit}
.contact .button{background:var(--accent);color:var(--ink)}
.textlink{font-size:16px;line-height:1.6}
footer{font-family:var(--mol-font);font-size:14px;line-height:1.6;color:var(--muted)}
.privacy-dialog-copy,.privacy-dialog-copy p{font-family:var(--mol-font);font-size:16px;line-height:1.8;color:var(--ink)}
.privacy-dialog-header h2{font-size:36px;line-height:1.15;letter-spacing:-1.8px}
.privacy-dialog-copy h3{font-size:16px;font-weight:600;line-height:1.45;letter-spacing:0}
.privacy-dialog-close{font-family:var(--mol-font);color:var(--ink);border-color:var(--line)}
.privacy-dialog-close:hover{background:#e7ecd9}
.site-header .check-menu{background:var(--cream);border-color:var(--line);color:var(--ink)}
.site-header .check-menu-heading p{font-size:21px;line-height:1.3;font-weight:500}
.site-header .check-menu-heading>span,.site-header .check-topic>p{color:var(--muted);font-size:14px;line-height:1.7}
.site-header .check-topic h3{font-family:var(--mol-font);font-size:16px;line-height:1.45;letter-spacing:0;font-weight:600}
.site-header .check-topic h3 svg,.site-header .check-link-combined span{color:#647d30}
.site-header .check-links .check-link{font-family:var(--mol-font);font-size:15px;line-height:1.45;font-weight:500;color:var(--ink)}
.site-header .check-links .check-link-combined{font-weight:600}
.site-header .check-links .check-link:hover,.site-header .check-links .check-link[aria-current=page]{background:#e7ecd9;color:var(--ink)}
.site-header .check-menu-footer a{font-size:15px;line-height:1.45}
.site-header .check-menu-footer .check-urgent{color:var(--mol-green)}
.check-audiences{background:#e7ecd9}
.check-audiences button{font-size:18px;line-height:1.35;font-weight:600}
.check-audiences button small{font-size:14px;line-height:1.6;color:var(--muted)}
.check-audiences button[aria-selected=true]{background:var(--navy);color:var(--cream)}
.check-audiences button[aria-selected=true] small{color:#d0d6cc}
.check-audiences button:hover:not([aria-selected=true]){background:#d9e2c6}
/* Authored newsletter formatting, code and security status colours keep their meaning. */
code,pre,.raw-output,.personal-result input[readonly]{font-family:monospace}
.admin-shell textarea,.admin-shell .admin-preview{font-family:var(--mol-font);font-size:16px;line-height:1.8}
@media(min-width:721px) and (max-width:1000px){.hero h1,.homehero h1,.topic-hero-grid h1{letter-spacing:-2.5px}.hero h1 em,.homehero h1 em,.topic-hero-grid h1 em{letter-spacing:-2px}}
@media(max-width:720px){
 body,p,main li,.result p,.result .finding-help p,.note p,.how-grid p{font-size:16px;line-height:1.75}
 .hero h1,.homehero h1,.topic-hero-grid h1{font-size:clamp(39px,8.1vw,60px);line-height:1.12;letter-spacing:-2px}
 .hero h1 em,.homehero h1 em,.topic-hero-grid h1 em{font-size:.86em;letter-spacing:-1.5px}
 h2,.audience-card h2{font-size:34px;line-height:1.15;letter-spacing:-1.3px}
 h3,.result article h3,.personal-result h4,.personal-sources h3,.combined-title{font-size:23px}
 .lead,p.lead,.hero .lead{font-size:17px;line-height:1.75}
 .how-grid h3{font-size:21px}
 .audience-links strong{font-size:23px}
 .audience-links small,.check-links small{font-size:16px;line-height:1.75}
 .button,.hero .button{font-size:12px}
 .textlink{font-size:15px;line-height:1.6}
 .kicker,.sectionlabel,.eyebrow{font-size:8px;letter-spacing:1.3px}
 .small,.consent-row,footer{font-size:14px;line-height:1.7}
 .privacy-dialog-header h2{font-size:28px;letter-spacing:-1px}
 .privacy-dialog-copy,.privacy-dialog-copy p{font-size:16px;line-height:1.75}
 .site-header .check-menu-heading p{font-size:20px}
 .check-audiences button{font-size:16px}.check-audiences button small{font-size:12px}
}
@media print{body{background:#fff;color:#222}.result p{font-size:12pt}.result article h3{font-size:15pt}}
:is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #343a3b!important;outline-offset:3px!important;box-shadow:0 0 0 6px #edc72f!important}

/* Live comparison with mol.ruhr: top-right note and readable introductory sentence. */
body{font-size:16px}
.homehero>.eyebrow>span:first-child{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:1.6px;color:#d0d6cc}
.homehero>.eyebrow>span:last-child{font-size:11px;font-weight:400;line-height:normal;letter-spacing:normal;color:#bdc7b8}
.homehero .home-hero-grid .kicker{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.8;font-weight:400;letter-spacing:normal;color:#d0d6cc;margin:0 0 22px}
@media(max-width:720px){
 .homehero>.eyebrow>span:first-child{font-size:8px;letter-spacing:1.4px}
 .homehero .home-hero-grid .kicker{font-size:17px;line-height:1.75}
}

/* Yellow topic marker and discreet, topic-specific motto. */
.homehero>.eyebrow>span:first-child{display:inline-flex;align-items:center;gap:10px}
.homehero>.eyebrow>span:first-child::before{content:'';display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#edc72f}
.homehero>.eyebrow>span:last-child{font-size:10px;line-height:1.5;font-weight:400;letter-spacing:normal;color:#bdc7b8}

/* Compact introduction without an additional sentence above the headline. */
.homehero .home-hero-grid{margin:40px 0 50px}
@media(max-width:720px){.homehero .home-hero-grid{margin:28px 0 32px}}