/* RASFF Lens shared public palette and layout; included in every release. */
:root{--green:#173e33;--green-dark:#102f27;--ink:#1b382f;--text:#50655b;--muted:#6b7e72;--cream:#f7f8f4;--white:#fff;--line:#dce6df;--light:#e9f2e9;--gold:#b99451}
html{scroll-behavior:smooth}
body.rasff-public{margin:0;background:var(--cream);color:var(--ink);font:16px/1.68 "Segoe UI",Arial,sans-serif}
body.rasff-public *{box-sizing:border-box}
body.rasff-public a{color:#24604e;text-underline-offset:3px}
body.rasff-public :is(a,button,input,textarea,select):focus-visible{outline:3px solid var(--gold);outline-offset:3px}
body.rasff-public>header{padding:0;background:var(--white);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 4px 18px #102f2708}
body.rasff-public>header>nav{max-width:1380px;margin:auto;padding:18px 34px;display:flex;justify-content:space-between;align-items:center;gap:14px 28px;flex-wrap:wrap;background:transparent}
body.rasff-public nav .brand{font:600 1.55rem/1.2 Georgia,serif;color:var(--green-dark);text-decoration:none;white-space:nowrap;letter-spacing:-.03em}
body.rasff-public .nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 22px}
body.rasff-public nav .nav-links>a{font:600 .91rem/1.25 "Segoe UI",Arial,sans-serif;color:var(--ink);text-decoration:none;padding:8px 0;background:transparent;border:0;border-radius:0}
body.rasff-public nav .nav-links>a:hover,body.rasff-public nav .nav-links>a[aria-current=page]{color:var(--green);box-shadow:inset 0 -2px var(--gold)}
body.rasff-public nav .nav-links>a.nav-login,body.rasff-public nav .nav-links>a.nav-login:last-child{background:var(--green);border:1px solid var(--green);color:var(--white);padding:10px 16px;border-radius:7px;box-shadow:none}
body.rasff-public nav .nav-links>a.nav-login:hover{background:#296950}
body.rasff-public>main{max-width:1160px;margin:auto;padding:58px 28px 90px;background:transparent}
body.rasff-public :is(h1,h2,h3){color:var(--green-dark);letter-spacing:-.02em}
body.rasff-public h1{font:500 clamp(2.3rem,3.9vw,3.6rem)/1.14 Georgia,serif;margin:10px 0 22px}
body.rasff-public h2{font:500 clamp(1.5rem,2.5vw,2.05rem)/1.22 Georgia,serif}
body.rasff-public p{line-height:1.75}
body.rasff-public>main>p:first-child,body.rasff-public small,body.rasff-public .muted{color:var(--muted)}
body.rasff-public>main>h1+p{max-width:72ch;color:var(--text)}
body.rasff-public :is(.card,.panel,main>section:not(.hero)){background:var(--white);border:1px solid var(--line);color:var(--ink);border-radius:12px;box-shadow:0 9px 30px #102f270b}
body.rasff-public>main>section:not(.hero){margin:17px 0;padding:26px 29px}
body.rasff-public .card{padding:24px 27px}
body.rasff-public :is(.badge,.status,.state){background:var(--light);color:var(--green);border-color:var(--line);border-radius:6px}
body.rasff-public .notice{background:#fcf7e9;border-left:4px solid var(--gold);color:#665b3a}
body.rasff-public :is(button,.btn,.primary){background:var(--green);color:white;border-color:var(--green);border-radius:7px}
body.rasff-public :is(button,.btn,.primary):hover:not(:disabled){background:#286c53;color:white}
body.rasff-public :is(button.secondary,.btn-alt){background:white;color:var(--green);border:1px solid var(--line)}
body.rasff-public :is(button.secondary,.btn-alt):hover{background:var(--light);color:var(--green-dark)}
body.rasff-public>footer{margin:0;background:#edf2ed;color:var(--text);border-top:1px solid var(--line);padding:25px;text-align:center}
body.page-home>main{max-width:none;margin:0;padding:0}
body.page-home .hero{display:grid;grid-template-columns:minmax(0,54%) minmax(0,46%);background:#fcfcf8;min-height:540px;border:0}
body.page-home .hero-copy{align-self:center;min-width:0;padding:clamp(48px,6vw,85px) clamp(30px,5vw,85px)}
body.page-home .hero-copy h1{font-size:clamp(2.6rem,4vw,4.05rem);line-height:1.09;max-width:20ch}
body.page-home .hero-copy p{color:var(--text);max-width:62ch}
body.page-home .hero-photo{min-height:540px}
body.page-home .site-content{max-width:1160px;padding:52px 26px 75px}
body.page-home .plan-card{border-top:4px solid var(--green)}
body.page-home .features{gap:20px}
body.page-home .features article{border-top:3px solid var(--line)}
body.page-home>main .site-content>section{padding:0;background:transparent;box-shadow:none;border:0}
body.page-home>main .site-content>section .card{background:white}
body.page-sources>main{max-width:1280px}
body.page-sources .source-intro{padding:23px 0 33px}
body.page-sources .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.page-sources>main section{background:transparent;border:0;box-shadow:none;padding:0}
body.page-sources article{min-height:250px;border-top:4px solid var(--green);background:white}
body.page-sources article p:last-child{margin-top:auto}
body.page-tour>main{max-width:1080px}
body.page-tour .bar{background:var(--line)}
body.page-tour .bar>div{background:var(--green)}
@media(max-width:1020px){body.rasff-public>header>nav{padding:16px 22px}body.page-home .hero{grid-template-columns:57% 43%}body.page-home .hero-copy{padding:44px 30px}body.page-home .hero-copy h1{font-size:clamp(2.3rem,4.3vw,3.1rem)}body.page-sources .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body.rasff-public>header>nav{padding:16px 18px}body.rasff-public .nav-links{justify-content:flex-start;width:100%;gap:7px 16px}body.rasff-public .nav-links>a{font-size:.85rem}body.rasff-public>main{padding:35px 20px 62px}body.page-home .hero{display:flex;flex-direction:column}body.page-home .hero-copy{padding:40px 22px 28px}body.page-home .hero-copy h1{font-size:clamp(2.3rem,8vw,3.15rem);max-width:22ch}body.page-home .hero-photo{min-height:290px}body.page-home .site-content{padding:36px 18px 65px}body.page-home .features,body.page-sources .grid,body.page-tour .columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.page-tour .bar>div{transition:none}}


body.page-home .getting-started{margin:18px 0 38px}
body.page-home .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
body.page-home .steps article{padding:24px 25px}
body.page-home .steps article h3{margin:13px 0 8px}
body.page-home .steps article p{color:var(--text)}
@media(max-width:850px){body.page-home .steps{grid-template-columns:1fr}}

/* Source-only multilingual navigation (NL/FR/EN/DE): visible and keyboard-operable. */
body.rasff-public .locale-switch{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px;margin-left:auto}
body.rasff-public .locale-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;border:1px solid var(--line);border-radius:6px;padding:6px 8px;text-decoration:none;background:white;color:var(--green-dark);font:700 .85rem/1 "Segoe UI",Arial,sans-serif}
body.rasff-public .locale-switch a:hover{border-color:var(--green);background:var(--light)}
body.rasff-public .locale-switch a[aria-current="page"]{background:var(--green);border-color:var(--green);color:white}
@media(max-width:720px){body.rasff-public .locale-switch{width:100%;margin-left:0}body.rasff-public :is(h1,h2){overflow-wrap:anywhere;hyphens:auto}}

/* Tour has an in-main <footer>; override legacy blue copy with the shared cream/green palette. */
body.rasff-public.page-tour>main>footer{margin-top:25px;background:#edf2ed;color:var(--text);border-top:1px solid var(--line);border-radius:8px;padding:22px 25px}
