/* Typography and approved logo colours from mol.ruhr, 31 October 2026.
   Arial/Helvetica for the interface, Georgia/Times for the italic hero line.
   Component sizes follow the homepage, forms and legal dialogs on mol.ruhr. */
:root{--navy:#343a3b;--deep:#292f30;--cream:#f6f6f0;--peach:#edc72f;--sage:#a5bf67;--ink:#343a3b;--muted:#58615b;--line:#d9ded1}
body{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}::selection{background:var(--peach);color:var(--navy)}
.intro{background:var(--navy);color:var(--cream)}
h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(48px,5.5vw,86px);font-weight:500;line-height:1.07;letter-spacing:-4px}
h1 em{font-family:Georgia,'Times New Roman',serif;font-size:.85em;font-weight:400;letter-spacing:-3px;color:var(--peach)}
.intro>p{font-size:18px;line-height:1.8;color:#d0d6cc}
.eyebrow{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:1.6px}.intro>.eyebrow{color:#d0d6cc}.dot{background:var(--peach)}
.chat-head h2{font-size:clamp(32px,3.45vw,52px);font-weight:500;line-height:1.15;letter-spacing:-1.8px}
.chat{background:var(--cream);border-color:var(--line);color:var(--ink)}
.message{background:#e7ecd9;border-color:var(--line);color:var(--ink)}.message.user{background:var(--cream);border-color:var(--peach)}
.message p{font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.8;color:var(--ink)}
.speaker,.user .speaker{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:1.6px;color:#526c24}
.badge{font-size:12px;font-weight:500;line-height:1.5;background:#e7ecd9;border-color:var(--line);color:#526c24}
.topic-picker label,form>label{font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0}.topic-picker label{color:var(--cream)}
.topic-picker select,textarea{font-size:16px;font-weight:400;line-height:1.5;color:var(--ink);border-color:#97a195;background:var(--cream)}
.topics button{font-size:16px;font-weight:500;line-height:1.5;color:var(--cream);border-color:#97a195}.topics button[aria-pressed="true"]{font-weight:600;color:var(--ink);background:var(--peach);border-color:var(--peach)}
.primary{font-size:13px;font-weight:600;line-height:1.4;padding:17px 22px;background:var(--peach);color:var(--ink);border-radius:10px;box-shadow:0 5px 14px #20252520}.primary span{font-size:23px;font-weight:400;line-height:1}.primary:hover{background:#f4d85d;box-shadow:0 8px 20px #2025252b}
.consent,.composer-bottom>span,.bot-check p,#bot-retry,#status,.chat-tools,.footnote,footer{font-size:14px;line-height:1.7}.consent,.chat-tools,footer{color:var(--ink)}.composer-bottom>span,.bot-check p,.footnote{color:var(--muted)}#status{color:var(--ink)}
.notice{font-size:14px;line-height:1.7;color:var(--ink);background:var(--cream);border-color:var(--peach)}
.quota-note{font-size:14px;line-height:1.7;color:var(--ink);background:#e7ecd9;border-color:var(--line)}.quota-note h3{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.5px}.quota-note>p{font-size:14px;line-height:1.7;color:var(--ink)}
.quota-counters p{background:var(--cream);border-color:var(--line)}.quota-counters strong{font-size:18px;font-weight:600;line-height:1.5;color:var(--ink)}.quota-counters span,.quota-counters small,.quota-note .quota-live .quota-detail{font-size:12px;line-height:1.6;color:var(--muted)}
.consent input{accent-color:#647d30}.message a:hover{color:#526c24}
dialog{font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink);border-color:var(--line)}dialog::backdrop{background:#292f30bd;backdrop-filter:blur(5px)}
dialog .dialog-head h2{font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-1.8px}dialog#privacy .dialog-head h2{font-size:clamp(25px,5vw,36px);letter-spacing:-1px;overflow-wrap:anywhere}
dialog#imprint h3{font-size:16px;font-weight:600;line-height:1.45;margin:26px 0 8px}dialog#privacy h3{font-size:17px;font-weight:600;line-height:1.45}dialog#imprint p,dialog#privacy p{font-size:16px;line-height:1.8;color:var(--ink)}
.dialog-head button{background:#e7ecd9;color:var(--ink)}
altcha-widget{font-family:Arial,Helvetica,sans-serif;--altcha-color-base:#f6f6f0;--altcha-color-base-content:#343a3b;--altcha-color-primary:#647d30;--altcha-color-primary-content:#fff;--altcha-color-success:#526c24;--altcha-color-neutral:#d9ded1;--altcha-color-neutral-content:#58615b}
@media(max-width:1100px) and (min-width:721px){h1{letter-spacing:-2.5px}h1 em{letter-spacing:-2px}}
@media(max-width:720px){
 h1{font-size:clamp(39px,8.1vw,60px);line-height:1.12;letter-spacing:-2px}h1 em{font-size:.86em;letter-spacing:-1.5px}
 .intro>p{font-size:17px;line-height:1.75}.intro>.eyebrow{font-size:8px;letter-spacing:1.4px}
 .chat-head h2{font-size:34px;line-height:1.15;letter-spacing:-1.3px}.message p{font-size:16px;line-height:1.75}
 .topic-picker select,textarea{font-size:16px;line-height:1.5}.topics button{font-size:15px;line-height:1.5}.quota-note h3{font-size:24px}
 .primary{font-size:12px;padding:17px 14px}.primary span{font-size:23px}
 dialog#imprint p,dialog#privacy p{font-size:16px;line-height:1.75}.footnote,footer,.chat-tools{font-size:14px;line-height:1.6}
}

/* Top line and headline spacing match the current security-check homepage. */
.intro{padding-top:35px;padding-left:5.5%;padding-right:5.5%}.intro-topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.intro-topline>.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:1.6px;color:#d0d6cc}.intro-topline .dot{display:block;width:6px;height:6px;flex:0 0 6px;margin:0;border-radius:50%;background:#edc72f}.intro-topline>.intro-motto{font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.5;font-weight:400;letter-spacing:normal;color:#bdc7b8;text-align:right}.intro>h1{margin-top:40px}
@media(max-width:720px){.intro{padding-top:25px;padding-left:6%;padding-right:6%}.intro-topline{flex-wrap:wrap;gap:8px 20px}.intro-topline>.eyebrow{font-size:8px;letter-spacing:1.4px}.intro-topline>.intro-motto{margin-left:auto}.intro>h1{margin-top:28px}}