/* EUDR section (/eudr) - web look, amber EUDR accent like the app (tpIcon #FFC400 / lt_amber #934200) */

.eudrPage { --eudr-amber: #FFC400; --eudr-amber-dark: #934200; --eudr-green: #00A651; --eudr-navy: #061424; --eudr-line: #dfe3e8; --eudr-muted: #6b7a8c; max-width: 1060px; margin-left: auto; margin-right: auto; }

.eudrH1 { display: flex; align-items: center; gap: 12px; }
.eudrLogo { width: 44px; height: 44px; flex: 0 0 44px; }

.eudrPage .show0 { display: none !important; }

/* the guide (countdown, card, rows) and the gate keep their reading width inside the centred page */
.eudrHome, .eudrGate { max-width: 820px; }


/* gate */
.eudrGate { border: 2px solid var(--eudr-amber); border-radius: 10px; padding: 20px; background: #fffaf0; }
.eudrGate h2 { margin-top: 0; }
.eudrGateProgress { display: flex; gap: 6px; margin: 8px 0 14px; }
.eudrGateProgress span { flex: 1; height: 4px; border-radius: 2px; background: var(--eudr-line); }
.eudrGateProgress span.on { background: var(--eudr-amber); }
.eudrGateBody { max-height: 320px; overflow-y: auto; padding-right: 8px; line-height: 1.55; }
.eudrPage .eudrGateAgree { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0; font-weight: bold; cursor: pointer; color: #1f2933; text-decoration: none; }
.eudrGateAgree input { margin-top: 3px; accent-color: var(--eudr-amber-dark); }


/* buttons */
.eudrBtn { background: var(--eudr-green); border-color: var(--eudr-green); color: #fff; }
.eudrBtn[disabled] { opacity: .4; cursor: default; }
.eudrBtnGhost { background: transparent; color: inherit; border: 1px solid var(--eudr-line); margin-top: 16px; }
.eudrBtnGhost[disabled] { opacity: .4; cursor: default; }


/* countdown */
.eudrCountdown { background: var(--eudr-navy); color: #fff; border-radius: 10px; padding: 18px 20px; margin-bottom: 16px; }
.eudrCountdownLabel { text-transform: uppercase; font-size: 13px; letter-spacing: .04em; color: #8FA6C0; }
.eudrCountdownBody { display: flex; align-items: center; gap: 20px; margin-top: 10px; }
.eudrCountdownRing, .eudrDeadlineRing { width: 92px; height: 92px; flex: 0 0 92px; border-radius: 50%; border: 5px solid var(--eudr-amber); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.eudrCountdownRing b { font-size: 30px; line-height: 1; }
.eudrCountdownRing small, .eudrDeadlineRing small { font-size: 11px; letter-spacing: .05em; }
.eudrCountdownTime { display: flex; flex-direction: column; gap: 4px; font-size: 20px; font-variant-numeric: tabular-nums; }
.eudrCountdownDate { font-size: 14px; color: var(--eudr-amber); }


/* coming soon card */
.eudrTeaser { position: relative; border-radius: 10px; padding: 22px 20px; margin-bottom: 16px; background-size: cover; background-position: center; color: #fff; overflow: hidden; }
.eudrTeaser::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,20,36,.85), rgba(6,20,36,.35)); }
.eudrTeaser > * { position: relative; }
.eudrTeaser h3 { color: #fff; margin: 10px 0 6px; }
.eudrTeaser p { margin: 0; max-width: 460px; }
.eudrTeaserBadge { display: inline-block; background: var(--eudr-green); color: #fff; font-size: 11px; font-weight: bold; letter-spacing: .05em; padding: 3px 8px; border-radius: 4px; }


/* guide rows */
.eudrRow { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid var(--eudr-line); border-radius: 10px; margin-bottom: 10px; color: inherit; text-decoration: none; }
.eudrRow:hover { border-color: var(--eudr-amber); }
.eudrRow svg, .eudrRowIcon { width: 36px; height: 36px; flex: 0 0 36px; font-size: 32px; color: var(--eudr-amber-dark); }
.eudrRow div { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.eudrRow small { color: var(--eudr-muted); }
.eudrRow .ti-chevron-right { color: var(--eudr-muted); font-size: 20px; }


/* SELF-ASSESSMENT - layout "eudr-rola-v2" from the owner's design handoff (13 Oct 2026):
   sits directly on the white page; ONLY the site's own font is used (owner 13 Oct 2026 - no
   extra web fonts). Everything is scoped under .eudrDoc. The site styles every
   button as a red pill with WHITE text (css-core.css: "button, button * {color:white}", "button
   small" 1.35rem bold) and every label/summary as a red link - the rules below win over that. */
.eudrDoc { --f-ink: #2b2118; --f-brown: #5c4120; --f-accent: #8a2e12; --f-pale: #f0e6d8; --f-line: #e3d8c8; --f-muted: #8a7a66; --f-sub: #5f5145;
	max-width: 1180px; margin: 6px 0 0; color: var(--f-ink); }
.eudrDoc * { box-sizing: border-box; }
.eudrDoc a { color: var(--f-accent); }
.eudrDoc a:hover { color: var(--f-brown); }

/* header: title + subtitle on the left, "Question N" / "Result" on the right, then a 4px bar */
/* header: big EUDR logo on the left, title + subtitle next to it, "Question N" on the far right */
.eudrDocHead { display: flex; align-items: center; gap: 24px; }
/* a bit lower than the title + subtitle block next to it (owner 13 Oct 2026: smaller), in the blue of the EU flag (Pantone Reflex Blue #003399) - owner 13 Oct 2026 */
.eudrDoc .eudrDocLogo { flex: 0 0 64px; width: 64px; height: 64px; color: #003399; }
/* !important on purpose: the live site paints this icon grey with a rule of its own */
.eudrPage .eudrDocLogo, .eudrPage .eudrDocLogo use { fill: #003399 !important; }
.eudrDocTitle { flex: 1 1 auto; min-width: 0; }
.eudrDoc .eudrDocHead h2 { font-weight: 400; font-size: 38px; line-height: 1.15; margin: 0 0 10px; color: var(--f-ink); }
.eudrDocHead p { margin: 0; font-size: 17px; line-height: 1.5; color: var(--f-sub); }
.eudrDoc .eudrDocMetaR { flex: 0 0 auto; align-self: flex-end; font-weight: 500; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: var(--f-brown); padding-bottom: 4px; }
/* owner 13 Oct 2026: no thick pale bar - only the thin dark line under the header */
.eudrDocBar { height: 1px; margin: 20px 0 24px; background: var(--f-ink); }

.eudrDocLabel { font-weight: 500; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--f-muted); }
.eudrDoc .eudrAccent { color: var(--f-accent); }

/* buttons: dark brown filled / outlined, mono capitals */
.eudrDoc .eudrDocBtn { display: inline-block; width: auto; background: var(--f-brown); border: 1px solid var(--f-brown); border-radius: 0; color: #fff; padding: 12px 18px; font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; cursor: pointer; box-shadow: none; }
.eudrDoc .eudrDocBtn * { color: #fff; font: inherit; }
.eudrDoc .eudrDocBtn:hover { background: var(--f-ink); box-shadow: none; }
.eudrDoc .eudrDocBtnGhost, .eudrDoc .eudrDocBtnGhost * { background: transparent; color: var(--f-brown); }
.eudrDoc .eudrDocBtnGhost:hover { background: var(--f-pale); }
.eudrDoc .eudrDocBtn[disabled] { opacity: .35; cursor: default; }
.eudrDoc .eudrDocLink { font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; text-decoration: underline; margin-left: auto; }

/* question: number + title on the left, options on the right */
.eudrQuiz.eudrBusy .eudrOptions { opacity: .5; pointer-events: none; }
.eudrStep { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 16px; padding: 0 0 8px; }
.eudrDoc .eudrStepNo { font-weight: 500; font-size: 36px; line-height: 1; color: var(--f-accent); }
.eudrDoc .eudrStepTitle { font-weight: 500; font-size: 24px; line-height: 1.2; margin: 10px 0 10px; color: var(--f-ink); }
.eudrStepHint { margin: 0; font-size: 14px; line-height: 1.5; color: var(--f-muted); }
.eudrDoc .eudrSearch { width: 100%; margin: 0 0 10px; padding: 10px 12px; border: 1px solid var(--f-line); background: #fff; font-size: 15px; }
.eudrOptions { display: flex; flex-direction: column; }

.eudrDoc .eudrOpt { display: grid; grid-template-columns: 46px auto minmax(0, 1fr) 28px; align-items: center; width: 100%; text-align: left; padding: 14px 6px 14px 0; border: 0; border-bottom: 1px solid var(--f-line); border-radius: 0; background: transparent; cursor: pointer; font-weight: normal; box-shadow: none; transition: background-color .12s; }
.eudrDoc .eudrOpt * { color: var(--f-ink); }
.eudrDoc .eudrOpt:hover, .eudrDoc .eudrOpt:focus-visible, .eudrDoc .eudrOpt.selected { background: var(--f-pale); box-shadow: none; }
/* clickable texts in the site's link colours (owner 13 Oct 2026) */
.eudrDoc .eudrOpt .eudrOptText b, .eudrDoc .eudrOpt .eudrOptArrow { color: var(--link); }
.eudrDoc .eudrOpt:hover .eudrOptText b, .eudrDoc .eudrOpt:hover .eudrOptArrow, .eudrDoc .eudrOpt.selected .eudrOptText b { color: var(--linkHover); }
.eudrDoc .eudrOptKey { font-weight: 400; font-size: 13px; color: var(--f-muted); padding-left: 6px; }
.eudrDoc .eudrOptText { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.eudrDoc .eudrOptText b { font-weight: 700; font-size: 18px; line-height: 1.35; }
.eudrDoc .eudrOptText small { font-weight: 400; font-size: 14px; line-height: 1.4; margin: 0; color: var(--f-muted); }
.eudrDoc .eudrOptArrow { font-weight: 300; font-size: 26px; line-height: 1; text-align: right; }
.eudrDoc .eudrCheck { font-size: 20px; color: var(--f-accent); }
.eudrDoc .eudrFlag { width: 26px; height: 19px; margin-right: 12px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.1); object-fit: cover; }
.eudrDoc .eudrIso { margin-right: 12px; font-weight: 500; font-size: 10px; border: 1px solid var(--f-line); padding: 3px 4px; }
.eudrDoc .eudrOptHeader { padding: 18px 0 6px; border-bottom: 1px solid var(--f-line); font-weight: 500; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--f-muted); }
/* Back far left, Next far right, one row under the whole question (owner 13 Oct 2026) */
.eudrStepNav { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; }
.eudrDoc .eudrDocBtnBig { padding: 16px 36px; font-size: 15px; font-weight: 700; }

.eudrError { margin: 20px 0; padding: 16px 18px; background: var(--f-pale); border-left: 3px solid var(--f-accent); }
.eudrError p { margin: 0 0 12px; }

/* result */
.eudrCard { padding: 0 0 8px; transition: box-shadow .3s; }
/* several activities: a clear gap and a heavy line between them, so the next role is not read
   as one more section of the previous one (app: 40dp gap, owner 8 Oct 2026) */
.eudrCard + .eudrCard { margin-top: 64px; padding-top: 28px; border-top: 3px solid var(--f-brown); }
.eudrDoc .eudrRoundNum { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 8px; border-radius: 19px; background: var(--f-accent); color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 16px; }
/* the card just added by "I also do something else" - outlined for 2.5 s (app: bg_eudr_result_new) */
.eudrCardFlash { box-shadow: 0 0 0 3px #FFC400, 0 0 0 12px rgba(255, 196, 0, .18); }
.eudrAnswers { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 16px; padding-bottom: 20px; border-bottom: 2px solid var(--f-brown); }
.eudrChips { display: flex; flex-wrap: wrap; gap: 8px; }
.eudrDoc .eudrChip { font-weight: 400; font-size: 13px; background: var(--f-pale); color: var(--f-brown); padding: 6px 9px; }

.eudrRoleHead { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px; padding: 24px 0 28px; border-bottom: 1px solid var(--f-ink); }
.eudrRoleHeadFull { grid-template-columns: 1fr; }
.eudrDoc .eudrRoleName { font-weight: 700; font-size: 34px; line-height: 1.1; margin: 8px 0 12px; }
.eudrRoleDesc { margin: 0; font-size: 15px; line-height: 1.6; }
.eudrDeadlineBox { border-left: 2px solid var(--f-accent); padding-left: 20px; }
.eudrDoc .eudrDeadlineDate { font-weight: 500; font-size: 34px; line-height: 1.1; margin: 8px 0 12px; }
.eudrDeadlineWhy { margin: 0; font-size: 14px; line-height: 1.5; color: var(--f-brown); }

.eudrSec { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 16px; padding: 22px 0 24px; border-bottom: 1px solid var(--f-ink); }
.eudrDoc .eudrSecNum { font-weight: 500; font-size: 36px; line-height: 1; color: var(--f-accent); }
.eudrDoc .eudrSecName { font-weight: 600; font-size: 18px; line-height: 1.3; margin: 8px 0 0; }
.eudrSecRow { display: grid; grid-template-columns: 46px minmax(0, 1fr); padding: 14px 0; border-bottom: 1px solid var(--f-line); }
.eudrDoc .eudrSecMark { font-weight: 400; font-size: 13px; color: var(--f-muted); padding-top: 3px; }
.eudrDoc .eudrSec_not .eudrSecMark { font-size: 15px; padding-top: 0; }
.eudrSecText { font-size: 16px; line-height: 1.55; }

.eudrCallout { display: grid; grid-template-columns: 46px minmax(0, 1fr); margin: 20px 0 0; padding: 16px 18px 16px 0; background: var(--f-pale); border-left: 3px solid var(--f-accent); }
.eudrDoc .eudrCalloutMark { font-weight: 600; font-size: 15px; color: var(--f-accent); text-align: center; }
.eudrCallout p { margin: 0; font-size: 15px; line-height: 1.55; }

.eudrResultActions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 28px 0 8px; }
/* owner 13 Oct 2026: "I also do something else" in the blue of the EU flag, both buttons with
   a slightly bigger bold text */
.eudrDoc #eudrAddRound, .eudrDoc #eudrRestart { font-size: 15px; font-weight: 700; padding: 15px 26px; }
.eudrDoc #eudrAddRound { background: #003399; border-color: #003399; }
.eudrDoc #eudrAddRound:hover { background: #002266; border-color: #002266; }

.eudrDocFoot { margin: 32px 0 0; padding-top: 16px; border-top: 1px solid var(--f-line); color: var(--f-muted); line-height: 1.6; }
.eudrDoc .eudrDocFoot { font-weight: 400; font-size: 12px; line-height: 1.6; }

.eudrLimit { margin-top: 16px; }

@media (max-width: 820px) {
	.eudrDocHead { flex-wrap: wrap; gap: 14px; }
	.eudrDoc .eudrDocLogo { flex-basis: 48px; width: 48px; height: 48px; }
	.eudrDocTitle { flex-basis: calc(100% - 70px); }
	.eudrDoc .eudrDocHead h2 { font-size: 28px; }
	.eudrDocHead p { font-size: 15px; }
	.eudrStep, .eudrAnswers, .eudrSec, .eudrRoleHead { grid-template-columns: 1fr; gap: 10px; }
	.eudrDoc .eudrStepNo, .eudrDoc .eudrSecNum { font-size: 30px; }
	.eudrDoc .eudrOpt { grid-template-columns: 30px auto minmax(0, 1fr) 22px; }
	.eudrDoc .eudrOptText b { font-size: 16px; }
	.eudrDoc .eudrRoleName { font-size: 28px; }
	.eudrDoc .eudrDeadlineDate { font-size: 28px; }
	.eudrSecRow, .eudrCallout { grid-template-columns: 34px minmax(0, 1fr); }
	.eudrDoc .eudrDocLink { margin-left: 0; }
}


/* FAQ - same look as the self-assessment ("eudr-rola-v2", owner 13 Oct 2026): the page itself,
   the site's own font only. Colours, header, bar and footer come from .eudrDoc;
   the rules below add the chapters and questions. Scoped under .eudrFaqDoc: the site styles every
   "details summary" as a red link with underline on hover (css-core.css). */
/* the first chapter's top border is the line under the header */
.eudrFaqDoc .eudrDocBar { display: none; }
.eudrFaqDoc .eudrFaqCat:first-of-type { margin-top: 20px; }
.eudrFaqDoc a { text-decoration: underline; }

.eudrFaqCat { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 16px; border-top: 1px solid var(--f-ink); padding: 22px 0 28px; }
.eudrFaqDoc .eudrFaqCatNum { font-weight: 500; font-size: 36px; line-height: 1; color: var(--f-accent); }
.eudrFaqDoc .eudrFaqCatName { font-weight: 600; font-size: 18px; line-height: 1.3; margin: 8px 0 0; color: var(--f-ink); }

.eudrFaqDoc .eudrFaqItem { border-bottom: 1px solid var(--f-line); padding: 0; }
.eudrFaqDoc .eudrFaqItem summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 58px minmax(0, 1fr) 28px; gap: 0; padding: 14px 6px 14px 0; align-items: baseline; color: var(--f-ink); text-decoration: none; transition: background-color .12s; }
.eudrFaqDoc .eudrFaqItem summary::-webkit-details-marker { display: none; }
.eudrFaqDoc .eudrFaqItem summary:hover { background: var(--f-pale); text-decoration: none; }
.eudrFaqDoc .eudrFaqItem summary .eudrFaqQt, .eudrFaqDoc .eudrFaqItem summary .eudrFaqQs { color: var(--link); }
.eudrFaqDoc .eudrFaqItem summary:hover .eudrFaqQt, .eudrFaqDoc .eudrFaqItem summary:hover .eudrFaqQs { color: var(--linkHover); }
.eudrFaqDoc .eudrFaqItem summary:focus-visible { outline: 2px solid var(--f-accent); outline-offset: 2px; }
.eudrFaqDoc .eudrFaqQn { font-weight: 400; font-size: 13px; color: var(--f-muted); padding-left: 6px; }
.eudrFaqDoc .eudrFaqQt { font-weight: 700; font-size: 18px; line-height: 1.35; }
.eudrFaqDoc .eudrFaqQs { font-weight: 300; font-size: 24px; line-height: 1; text-align: right; }
.eudrFaqQs::before { content: '+'; }
.eudrFaqDoc .eudrFaqItem[open] .eudrFaqQs::before { content: '\2212'; }
.eudrFaqAns { display: grid; grid-template-columns: 58px minmax(0, 1fr) 28px; padding: 0 0 20px; }
.eudrFaqDoc .eudrFaqText { grid-column: 2; font-size: 16px; line-height: 1.6; color: var(--f-ink); }
.eudrFaqText p { margin: 0 0 8px; }

@media (max-width: 820px) {
	.eudrFaqCat { grid-template-columns: 1fr; gap: 6px; }
	.eudrFaqDoc .eudrFaqCatNum { font-size: 30px; }
	/* number above the question on phones - the text keeps the full width */
	.eudrFaqDoc .eudrFaqItem summary { grid-template-columns: minmax(0, 1fr) 22px; row-gap: 2px; }
	.eudrFaqDoc .eudrFaqQn { grid-column: 1 / -1; padding-left: 0; }
	.eudrFaqDoc .eudrFaqQt { font-size: 17px; }
	.eudrFaqAns { grid-template-columns: minmax(0, 1fr); }
	.eudrFaqDoc .eudrFaqText { grid-column: 1; font-size: 15px; }
}


@media (max-width: 600px) {
	.eudrCountdownRing, .eudrDeadlineRing { width: 76px; height: 76px; flex-basis: 76px; }
	.eudrCountdownTime { font-size: 17px; }
	.eudrGateBody { max-height: 260px; }
}


/* ======================================================================================
   EUDR GUIDE /eudr-guide (landing, owner 13 Oct 2026) - built on presentation.css like the
   product pages (Záznamník, Woodprofi). presentation.css styles every list in big bold orange
   and centres every section; the text sections of this page are reading text, so they are
   reset below under .eudrLp.
   ====================================================================================== */
.eudrLpHero .topBannerLeft .topBannerTitle { font-size: 5rem; line-height: 1.1; text-align: left; max-width: 1100px; }
.eudrLpHero .topBannerLeft .topBannerText { font-size: 2.3rem; line-height: 1.45; max-width: 1100px; }
.eudrLpCta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.eudrLpBtn { display: inline-block; background: #003399; color: #fff !important; font-weight: 700; font-size: 1.7rem; padding: 15px 28px; border: 2px solid #003399; text-decoration: none !important; transition: .2s; }
.eudrLpBtn:hover { background: #002266; border-color: #002266; }
.eudrLpBtnGhost { background: rgba(255,255,255,.92); color: #003399 !important; }
.eudrLpBtnGhost:hover { background: #fff; color: #002266 !important; }
.eudrLpBtnBig { font-size: 2rem; padding: 18px 40px; }
.eudrLpHeroNote { color: #fff; font-size: 1.4rem; margin: 0; text-shadow: 1px 1px 3px rgba(0,0,0,.8); }

/* ======================================================================================
   EUDR GUIDE landing, design of 14 Oct 2026 (full-width coloured bands). Everything below is
   scoped under .eudrLp2, uses the site's own font and px sizes, and resets what the site
   styles globally (lists, details, buttons, links).
   ====================================================================================== */
body.eudrLanding .content { overflow: clip; }

.eudrLp2 {
	--eb-ink: #2a2018; --eb-brown: #5a3f1c; --eb-brown2: #6a4a24; --eb-cream: #f6efe4; --eb-line: #e8dccb;
	--eb-rust: #a8502e; --eb-amber: #d49a3a; --eb-gold: #f0c987; --eb-orange: #e9a65a; --eb-green: #6b8a4a; --eb-greenD: #4f6e33;
	--eb-sage: #eef2e6; --eb-mut: #5c5145; --eb-mut2: #8a7b6a; --eb-text: #3d342b; --eb-blue: #003399;
	text-align: left; color: var(--eb-ink); line-height: 1.5; text-wrap: pretty;
}
.eudrLp2 *, .eudrLp2 *::before, .eudrLp2 *::after { box-sizing: border-box; }
.eudrLp2 h2, .eudrLp2 h3, .eudrLp2 h4, .eudrLp2 p, .eudrLp2 ul, .eudrLp2 ol, .eudrLp2 li, .eudrLp2 table { margin: 0; padding: 0; }
.eudrLp2 ul, .eudrLp2 ol { list-style: none; }
.eudrLp2 i { font-style: normal; }
.eudrLp2 a { text-decoration: none; }
.eudrLp2 p a, .eudrLp2 .eudrBSmall a, .eudrLp2 .eudrBSmallLight a { text-decoration: underline; }
/* links inside a sentence keep the size of that sentence (the site makes every link bigger) */
.eudrLp2 p a, .eudrLp2 small a, .eudrLp2 li a { font-size: inherit; }

/* bands */
.eudrLp2 .eudrBand { width: 100%; margin: 0; display: block; }
.eudrLp2 .eudrBIn { max-width: 1240px; margin: 0 auto; padding: 72px 40px; display: flex; flex-direction: column; gap: 32px; }
.eudrLp2 .eudrBInNarrow { max-width: 1000px; }
.eudrLp2 .eudrBCream { background: var(--eb-cream); }
.eudrLp2 .eudrBWhite { background: #fff; }
.eudrLp2 .eudrBBrown { background: var(--eb-brown); color: #f4f1ea; }
.eudrLp2 .eudrBDark { background: var(--eb-ink); color: #f4f1ea; }
.eudrLp2 .eudrBSage { background: var(--eb-sage); }
.eudrLp2 .eudrBRust { background: var(--eb-rust); color: #fff; }
.eudrLp2 .eudrBSources { border-top: 4px solid var(--eb-amber); }

.eudrLp2 .eudrBEyebrow { font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--eb-rust); }
.eudrLp2 .eudrBEyebrowGold { color: var(--eb-gold); }
.eudrLp2 .eudrBEyebrowAmber { color: var(--eb-orange); }
.eudrLp2 .eudrBEyebrowGreen { color: var(--eb-greenD); }
.eudrLp2 .eudrBH2 { font-size: clamp(25px, 2.8vw, 38px); font-weight: 800; line-height: 1.12; text-transform: uppercase; color: inherit; text-align: left; }
/* the site paints every h2 in its own colour - set ours explicitly per band */
.eudrLp2 .eudrBH2 { color: var(--eb-ink) !important; }
.eudrLp2 .eudrBBrown .eudrBH2, .eudrLp2 .eudrBDark .eudrBH2, .eudrLp2 .eudrBRust .eudrBH2 { color: #fff !important; }
.eudrLp2 .eudrBH2 span { color: var(--eb-rust) !important; }
.eudrLp2 .eudrBPanelTitle { color: var(--eb-rust) !important; }
.eudrLp2 .eudrBTool h3 { color: #fff !important; }
.eudrLp2 .eudrBFaqItem summary h3 { color: var(--eb-ink) !important; }
.eudrLp2 .eudrBMust h4 { color: var(--eb-rust) !important; }
.eudrLp2 .eudrBNot h4 { color: #4f6e33 !important; }
.eudrLp2 .eudrBH2Big { font-size: clamp(30px, 3.6vw, 46px); }
.eudrLp2 .eudrBH2Mid { font-size: clamp(24px, 2.4vw, 32px); }
.eudrLp2 .eudrBH2 span { color: var(--eb-rust); font-size: inherit; font-weight: inherit; line-height: inherit; }
.eudrLp2 .eudrBHead { display: flex; flex-direction: column; gap: 12px; }
.eudrLp2 .eudrBLead { font-size: 16px; line-height: 1.65; color: #e3d7c2; }
.eudrLp2 .eudrBCream .eudrBLead, .eudrLp2 .eudrBWhite .eudrBLead { color: var(--eb-mut); }
.eudrLp2 .eudrBRust .eudrBLead { color: #fbe6da; }
.eudrLp2 .eudrBDark .eudrBLead { color: #d9cdb8; }
.eudrLp2 .eudrBLeadSmall { font-size: 15px; line-height: 1.6; color: #e3d7c2; }
.eudrLp2 .eudrBMuted { font-size: 16px; line-height: 1.6; color: var(--eb-mut); }
.eudrLp2 .eudrBMutedP { font-size: 15px; line-height: 1.65; color: var(--eb-mut); }
.eudrLp2 .eudrBSmall { font-size: 13px; line-height: 1.6; color: var(--eb-mut2); }
.eudrLp2 .eudrBSmallSage { color: #5c6650; }
.eudrLp2 .eudrBSmallLight { font-size: 13px; line-height: 1.6; color: #c4b49c; }
.eudrLp2 .eudrBSmallLight a { color: var(--eb-gold); }
.eudrLp2 .eudrBSmall a, .eudrLp2 .eudrBMutedP a, .eudrLp2 .eudrBMuted a { color: var(--eb-rust); }

/* two columns */
.eudrLp2 .eudrBTwo { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 48px; align-items: center; }
.eudrLp2 .eudrBTwoEnd { align-items: end; gap: 32px; }
.eudrLp2 .eudrBTwoStart { align-items: start; }
.eudrLp2 .eudrBTwoCenter { align-items: center; }
.eudrLp2 .eudrBCol { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

/* buttons */
.eudrLp2 .eudrBBtn { display: inline-block; align-self: flex-start; background: var(--eb-blue); color: #fff !important; font-weight: 700; font-size: 15px; padding: 14px 22px; border: 0; transition: .2s; }
.eudrLp2 .eudrBBtn:hover { background: #002266; }
.eudrLp2 .eudrBBtnWide { display: block; align-self: stretch; text-align: center; font-size: 17px; padding: 16px; margin-top: 6px; }
.eudrLp2 .eudrBBtnDark { background: var(--eb-ink); }
.eudrLp2 .eudrBBtnDark:hover { background: #000; }

/* numbers band + call to action */
.eudrLp2 .eudrBStats { background: var(--eb-ink); color: #f4f1ea; border-bottom: 4px solid var(--eb-amber); }
.eudrLp2 .eudrBStatsIn { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding-top: 0; padding-bottom: 0; }
.eudrLp2 .eudrBStatsList { display: flex; flex-wrap: wrap; gap: 14px 48px; padding: 26px 0; }
.eudrLp2 .eudrBStatsList > div { display: flex; align-items: baseline; gap: 10px; }
.eudrLp2 .eudrBStatsList b { font-size: 44px; font-weight: 800; line-height: 1; color: var(--eb-orange); }
.eudrLp2 .eudrBStatsList > div:nth-child(2) b { color: #a9c27f; }
.eudrLp2 .eudrBStatsList > div:nth-child(3) b { color: var(--eb-gold); }
.eudrLp2 .eudrBStatsList .eudrLpTileText b { font-size: 22px; line-height: 1.2; }
.eudrLp2 .eudrBStatsList span { font-size: 14px; color: #c4b49c; }
.eudrLp2 .eudrBStatsCta { background: var(--eb-amber); color: var(--eb-ink) !important; font-size: 16px; font-weight: 700; padding: 16px 28px; transition: .2s; }
.eudrLp2 .eudrBStatsCta:hover { background: var(--eb-gold); }

/* jump bar */
.eudrLp2 .eudrBNav { background: var(--eb-cream); border-bottom: 1px solid var(--eb-line); z-index: 5; }
.eudrLp2 .eudrBNavIn { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding-top: 0; padding-bottom: 0; }
.eudrLp2 .eudrBTabs { display: flex; flex-wrap: wrap; }
.eudrLp2 .eudrBTabs a { padding: 16px 18px; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--eb-mut); border-bottom: 3px solid transparent; }
.eudrLp2 .eudrBTabs a:hover { color: var(--eb-rust); }
.eudrLp2 .eudrBTabs a.is-on { color: var(--eb-rust); border-bottom-color: var(--eb-rust); }
.eudrLp2 .eudrBUpdated { font-size: 12px; color: var(--eb-mut2); padding: 8px 0; }
.eudrLp2 [id^="eudr-"] { scroll-margin-top: calc(var(--headerHeight, 60px) + 56px); }

/* in short */
.eudrLp2 .eudrBFacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; }
.eudrLp2 .eudrBFact { background: #fff; padding: 24px; display: flex; flex-direction: column; gap: 8px; border-top: 4px solid var(--eb-rust); }
.eudrLp2 .eudrBFactAmber { border-top-color: var(--eb-amber); }
.eudrLp2 .eudrBFactGreen { border-top-color: var(--eb-green); }
.eudrLp2 .eudrBFact b { font-size: 26px; font-weight: 800; line-height: 1.1; }
.eudrLp2 .eudrBFact p { font-size: 15px; line-height: 1.5; color: var(--eb-mut); }
.eudrLp2 .eudrBShort { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 6px 40px; border-top: 1px solid var(--eb-line); padding-top: 24px; }
.eudrLp2 .eudrBShort li { position: relative; padding-left: 24px; font-size: 14px; line-height: 1.55; color: var(--eb-mut); }
.eudrLp2 .eudrBShort li::before { content: "\2713"; position: absolute; left: 0; color: var(--eb-rust); font-weight: 700; }
.eudrLp2 .eudrBShort li b { font-weight: 700; color: var(--eb-ink); }

/* three conditions */
.eudrLp2 .eudrBConds { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.eudrLp2 .eudrBConds li { background: var(--eb-brown2); padding: 28px; display: flex; flex-direction: column; gap: 12px; border-bottom: 4px solid #a9c27f; }
.eudrLp2 .eudrBConds li i { font-size: 64px; font-weight: 800; line-height: 1; color: #a9c27f; }
.eudrLp2 .eudrBConds .eudrBCondGold { border-bottom-color: var(--eb-gold); }
.eudrLp2 .eudrBConds .eudrBCondGold i { color: var(--eb-gold); }
.eudrLp2 .eudrBConds .eudrBCondAmber { border-bottom-color: var(--eb-orange); }
.eudrLp2 .eudrBConds .eudrBCondAmber i { color: var(--eb-orange); }
.eudrLp2 .eudrBConds li b { font-size: 22px; font-weight: 700; color: #fff; }
.eudrLp2 .eudrBConds li span { font-size: 15px; line-height: 1.55; color: #e3d7c2; }

/* deadlines table */
.eudrLp2 .eudrBTableWrap { overflow-x: auto; }
.eudrLp2 .eudrBTable { width: 100%; min-width: 760px; border-collapse: collapse; border: 1px solid var(--eb-line); }
.eudrLp2 .eudrBTable th { padding: 16px 20px; background: var(--eb-ink); color: #c4b49c; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-align: left; }
.eudrLp2 .eudrBTable th.eudrBTh2026 { background: var(--eb-rust); color: #fff; }
.eudrLp2 .eudrBTable td { padding: 16px 20px; border-top: 1px solid #efe5d6; font-size: 15px; line-height: 1.4; color: var(--eb-mut); }
.eudrLp2 .eudrBTable td:first-child { color: var(--eb-ink); }
.eudrLp2 .eudrBTable td.eudrBTd2026 { background: #fbefe6; border-top-color: #f3d9c9; font-size: 17px; font-weight: 800; color: var(--eb-rust); white-space: nowrap; }
.eudrLp2 .eudrBNote { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: start; background: #fdf3dd; padding: 24px 28px; border-top: 4px solid var(--eb-amber); }
.eudrLp2 .eudrBNote i { font-size: 32px; font-weight: 800; line-height: 1; color: var(--eb-amber); }
.eudrLp2 .eudrBNote p { font-size: 16px; line-height: 1.6; color: var(--eb-ink); }

/* parallax bands with the new pictures */
.eudrLp2 .eudrBPar, .eudrLp2 .eudrBPar.parallaxText.par-center { min-height: 420px; margin: 0; }
.eudrLp2 .eudrBPar .parallaxText { width: 78%; max-width: 1060px; margin: 0 auto; padding: 64px 0; font-size: clamp(30px, 4.6vw, 70px) !important; font-weight: 800; line-height: 1.2 !important; text-align: center; }
@media (prefers-reduced-motion: reduce) {
	.eudrLp2 .parallax { background-position: center center !important; background-size: cover !important; }
}

/* roles */
.eudrLp2 .eudrBRoles { display: flex; flex-wrap: wrap; background: #fff; border: 1px solid var(--eb-line); }
.eudrLp2 .eudrBRoleList { flex: 1 1 260px; display: flex; flex-direction: column; background: var(--eb-cream); border-right: 1px solid var(--eb-line); }
.eudrLp2 .eudrBRoleTab { padding: 18px 22px; border-bottom: 1px solid var(--eb-line); display: flex; flex-direction: column; gap: 2px; color: var(--eb-ink); cursor: pointer; }
.eudrLp2 .eudrBRoleTab span { font-size: 17px; font-weight: 700; }
.eudrLp2 .eudrBRoleTab small { font-size: 13px; color: var(--eb-mut2); }
.eudrLp2 .eudrBRoleTab:hover { background: #efe5d6; }
.eudrLp2 .eudrBRoleTab.is-on { background: var(--eb-rust); }
.eudrLp2 .eudrBRoleTab.is-on, .eudrLp2 .eudrBRoleTab.is-on span { color: #fff !important; }
.eudrLp2 .eudrBRoleTab.is-on small { color: #f5d9c8 !important; }
.eudrLp2 .eudrBRolePanels { flex: 3 1 420px; min-width: 0; padding: 36px 40px; display: flex; flex-direction: column; gap: 28px; }
.eudrLp2 .eudrBRolePanel { display: flex; flex-direction: column; gap: 22px; }
.eudrLp2 .eudrBPanelTitle { font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--eb-rust); }
.eudrLp2 .eudrBPanelRole { display: flex; flex-direction: column; gap: 8px; }
.eudrLp2 .eudrBPanelRole small { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--eb-mut2); }
.eudrLp2 .eudrBPanelRole b { font-size: 21px; font-weight: 800; line-height: 1.3; }
.eudrLp2 .eudrBPanelCols { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.eudrLp2 .eudrBMust, .eudrLp2 .eudrBNot { padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.eudrLp2 .eudrBMust { background: #fbefe6; }
.eudrLp2 .eudrBNot { background: var(--eb-sage); }
.eudrLp2 .eudrBMust h4, .eudrLp2 .eudrBNot h4 { font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.eudrLp2 .eudrBMust h4 { color: var(--eb-rust); }
.eudrLp2 .eudrBNot h4 { color: #4f6e33; }
.eudrLp2 .eudrBMust p, .eudrLp2 .eudrBNot p { font-size: 15px; line-height: 1.6; }
.eudrLp2 .eudrBPanelFoot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid var(--eb-line); padding-top: 20px; }
.eudrLp2 .eudrBPanelFoot .eudrBSmall { max-width: 520px; }
/* without script all six panels are listed one under another, the tab list is hidden */
.eudrLp2:not(.js) .eudrBRoleList { display: none; }
.eudrLp2.js .eudrBRolePanel { display: none; }
.eudrLp2.js .eudrBRolePanel.is-on { display: flex; }
.eudrLp2:not(.js) .eudrBRolePanel + .eudrBRolePanel { border-top: 1px solid var(--eb-line); padding-top: 22px; }

/* DDS */
.eudrLp2 .eudrBSteps { display: flex; flex-direction: column; gap: 2px; }
.eudrLp2 .eudrBSteps li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; padding: 22px; background: #3a2c1f; }
.eudrLp2 .eudrBSteps li > i { font-size: 32px; font-weight: 800; line-height: 1; }
.eudrLp2 .eudrBStepAmber > i { color: var(--eb-orange); }
.eudrLp2 .eudrBStepGold > i { color: var(--eb-gold); }
.eudrLp2 .eudrBStepGreen > i { color: #a9c27f; }
.eudrLp2 .eudrBSteps div { display: flex; flex-direction: column; gap: 4px; }
.eudrLp2 .eudrBSteps b { font-size: 17px; font-weight: 700; color: #fff; }
.eudrLp2 .eudrBSteps span { font-size: 15px; line-height: 1.5; color: #d9cdb8; }

/* checklist */
.eudrLp2 .eudrBCheck { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 16px; }
.eudrLp2 .eudrBCheck li { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; border: 1px solid var(--eb-line); padding: 24px; }
.eudrLp2 .eudrBCheck li > i { width: 40px; height: 40px; background: var(--eb-cream); color: var(--eb-rust); font-size: 20px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.eudrLp2 .eudrBCheck div { display: flex; flex-direction: column; gap: 6px; }
.eudrLp2 .eudrBCheck b { font-size: 17px; font-weight: 700; }
.eudrLp2 .eudrBCheck span { font-size: 15px; line-height: 1.55; color: var(--eb-mut); }

/* geolocation */
.eudrLp2 .eudrBGeoList { display: flex; flex-direction: column; border-top: 2px solid var(--eb-green); }
.eudrLp2 .eudrBGeoList li { padding: 14px 0; border-bottom: 1px solid #d5dfc8; font-size: 15px; line-height: 1.55; }
.eudrLp2 .eudrBSmallSage a { color: var(--eb-greenD); }
.eudrLp2 .eudrBGeoCards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.eudrLp2 .eudrBGeoCard { background: #fff; padding: 24px; display: flex; flex-direction: column; gap: 10px; border-top: 4px solid var(--eb-green); }
.eudrLp2 .eudrBGeoRust { border-top-color: var(--eb-rust); }
.eudrLp2 .eudrBGeoCard small { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #5c6650; }
.eudrLp2 .eudrBGeoCard b { font-size: 28px; font-weight: 800; line-height: 1.1; }
.eudrLp2 .eudrBGeoCard span { font-size: 14px; color: var(--eb-mut); }
.eudrLp2 .eudrBCode { display: block; margin-top: 16px; background: var(--eb-ink); color: var(--eb-gold); padding: 20px 24px; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }

/* tools */
.eudrLp2 .eudrBTools { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 16px; }
.eudrLp2 .eudrBTool { background: var(--eb-brown2); padding: 26px; display: flex; flex-direction: column; gap: 10px; }
.eudrLp2 .eudrBTool small { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--eb-gold); }
.eudrLp2 .eudrBTool h3 { font-size: 20px; font-weight: 700; color: #fff; }
.eudrLp2 .eudrBTool p { flex: 1 1 0%; font-size: 15px; line-height: 1.55; color: #e3d7c2; }
.eudrLp2 .eudrBTool a { color: var(--eb-gold); font-size: 15px; font-weight: 700; text-decoration: underline; }

/* myths */
.eudrLp2 .eudrBMyths { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 16px; }
.eudrLp2 .eudrBMyth { background: #fff; display: flex; flex-direction: column; }
.eudrLp2 .eudrBMythQ, .eudrLp2 .eudrBMythA { padding: 22px 24px; display: flex; gap: 12px; align-items: flex-start; }
.eudrLp2 .eudrBMythQ { border-bottom: 1px solid #efe5d6; }
.eudrLp2 .eudrBMythQ i, .eudrLp2 .eudrBMythA i { flex-shrink: 0; background: var(--eb-rust); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; padding: 3px 7px; }
.eudrLp2 .eudrBMythA i { background: var(--eb-green); }
.eudrLp2 .eudrBMythQ span { font-size: 17px; font-weight: 700; line-height: 1.35; text-decoration: line-through; text-decoration-color: rgba(168, 80, 46, .5); }
.eudrLp2 .eudrBMythA p { font-size: 15px; line-height: 1.6; color: var(--eb-text); }
.eudrLp2 .eudrBMythA a { color: var(--eb-rust); font-size: 13px; }

/* risk + checks */
.eudrLp2 .eudrBRisk { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.eudrLp2 .eudrBRisk div { padding: 16px; display: flex; flex-direction: column; gap: 4px; }
.eudrLp2 .eudrBRisk b { font-size: 17px; font-weight: 800; }
.eudrLp2 .eudrBRisk span { font-size: 13px; color: var(--eb-mut); }
.eudrLp2 .eudrBRiskLow { background: var(--eb-sage); }
.eudrLp2 .eudrBRiskLow b { color: var(--eb-greenD); }
.eudrLp2 .eudrBRiskStd { background: #fdf3dd; }
.eudrLp2 .eudrBRiskStd b { color: #9a6a1a; }
.eudrLp2 .eudrBRiskHigh { background: #fbefe6; }
.eudrLp2 .eudrBRiskHigh b { color: var(--eb-rust); }
.eudrLp2 .eudrBMutedP a { color: var(--eb-rust); }
.eudrLp2 .eudrBAuthority { background: var(--eb-ink); color: #f4f1ea; padding: 22px 24px; display: flex; flex-direction: column; gap: 6px; }
.eudrLp2 .eudrBAuthority small { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #c4b49c; }
.eudrLp2 .eudrBAuthority a { color: #fff; font-size: 17px; font-weight: 700; text-decoration: underline; }
.eudrLp2 .eudrBAuthority div { font-size: 14px; color: #e3d7c2; line-height: 1.6; }
.eudrLp2 .eudrBAuthority small + div small { text-transform: none; letter-spacing: 0; font-size: 13px; }
.eudrLp2 .eudrBAuthority div a:last-of-type { font-size: 14px; font-weight: 400; color: var(--eb-gold); }
.eudrLp2 .eudrBFine { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: center; border-top: 1px solid var(--eb-line); padding-top: 16px; }
.eudrLp2 .eudrBFine b { font-size: 46px; font-weight: 800; line-height: 1; color: var(--eb-rust); white-space: nowrap; }
.eudrLp2 .eudrBFine p { font-size: 14px; line-height: 1.55; color: var(--eb-mut); }
.eudrLp2 .eudrBFine a { color: var(--eb-rust); }

/* form band */
.eudrLp2 .eudrBForWhom { font-size: 13px; line-height: 1.5; color: #f5d9c8; }
.eudrLp2 .eudrBForWhom b { color: #fff; }
.eudrLp2 .eudrBFormCard { background: #fff; color: var(--eb-ink); padding: 32px; display: flex; flex-direction: column; gap: 14px; }
.eudrLp2 .eudrBFormCard ul { display: flex; flex-direction: column; gap: 14px; }
.eudrLp2 .eudrBFormCard li { display: flex; gap: 12px; font-size: 15px; line-height: 1.5; }
.eudrLp2 .eudrBFormCard li i { color: var(--eb-green); font-weight: 700; }
.eudrLp2 .eudrBFormCard .eudrBSmall { color: var(--eb-mut2); }

/* FAQ */
.eudrLp2 .eudrBFaq { display: flex; flex-direction: column; border-top: 2px solid var(--eb-ink); }
.eudrLp2 .eudrBFaqItem { border-bottom: 1px solid var(--eb-line); }
.eudrLp2 .eudrBFaqItem summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) 32px; gap: 16px; align-items: center; padding: 20px 4px; color: var(--eb-ink); text-decoration: none; background: none; }
.eudrLp2 .eudrBFaqItem summary::-webkit-details-marker { display: none; }
.eudrLp2 .eudrBFaqItem summary:hover { background: #faf5ec; }
.eudrLp2 .eudrBFaqItem summary h3 { font-size: 18px; font-weight: 700; line-height: 1.35; color: inherit; text-align: left; }
.eudrLp2 .eudrBFaqItem summary i::before { content: "+"; display: block; font-size: 24px; font-weight: 700; line-height: 1; text-align: center; color: var(--eb-rust); }
.eudrLp2 .eudrBFaqItem[open] summary i::before { content: "\2212"; }
.eudrLp2 .eudrBFaqA { padding: 0 48px 22px 4px; display: flex; flex-direction: column; gap: 10px; }
.eudrLp2 .eudrBFaqA p { font-size: 16px; line-height: 1.65; color: var(--eb-text); }
.eudrLp2 .eudrBFaqA small { font-size: 13px; color: var(--eb-mut2); }
.eudrLp2 .eudrBFaqA small a { color: var(--eb-rust); }

/* sources + disclaimer */
.eudrLp2 .eudrBSrc { display: flex; flex-direction: column; }
.eudrLp2 .eudrBSrc a { display: block; padding: 10px 0; border-bottom: 1px solid var(--eb-line); font-size: 14px; line-height: 1.45; color: var(--eb-text); }
.eudrLp2 .eudrBSrc a:hover { color: var(--eb-rust); }
.eudrLp2 .eudrBAuthor { font-size: 13px; color: var(--eb-mut2); }
.eudrLp2 .eudrBDisc { gap: 12px; }
.eudrLp2 .eudrBDisc p { font-size: 13px; line-height: 1.6; color: var(--eb-mut); }

/* phones and tablets */
@media (min-width: 1025px) {
	.eudrLp2 .eudrBNav { position: sticky; top: var(--headerHeight, 60px); }
}

@media (max-width: 900px) {
	.eudrLpHero.topBanner { height: auto; min-height: 450px; }
	.eudrLpHero .topBannerContainer { position: relative; height: auto; min-height: 450px; padding: 32px 0; }
	.eudrLpHero .topBannerBackground, .eudrLpHero .topBannerBackground img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
	.eudrLpHero .topBannerLeft .topBannerTitle { font-size: 3.2rem; text-align: center; }
	.eudrLpHero .topBannerLeft .topBannerText { font-size: 1.8rem; }
	.eudrLpCta { justify-content: center; }

	.eudrLp2 .eudrBIn { padding: 48px 20px; gap: 24px; }
	.eudrLp2 .eudrBStatsIn { padding-top: 0; padding-bottom: 20px; }
	.eudrLp2 .eudrBStatsList { padding: 20px 0 4px; gap: 10px 28px; }
	.eudrLp2 .eudrBStatsList b { font-size: 34px; }
	.eudrLp2 .eudrBStatsCta { width: 100%; text-align: center; }
	.eudrLp2 .eudrBNavIn { padding-top: 0; padding-bottom: 0; }
	.eudrLp2 .eudrBTabs { overflow-x: auto; flex-wrap: nowrap; width: 100%; }
	.eudrLp2 .eudrBTabs a { white-space: nowrap; padding: 14px 12px; }
	.eudrLp2 .eudrBUpdated { padding-bottom: 12px; }
	.eudrLp2 .eudrBRolePanels { padding: 24px 20px; }
	.eudrLp2 .eudrBRoleList { border-right: 0; border-bottom: 1px solid var(--eb-line); flex-basis: 100%; }
	.eudrLp2 .eudrBGeoCards { grid-template-columns: 1fr; }
	.eudrLp2 .eudrBRisk { grid-template-columns: 1fr; }
	.eudrLp2 .eudrBFaqA { padding-right: 4px; }
	.eudrLp2 .eudrBFormCard { padding: 24px 20px; }
	.eudrLp2 .eudrBNote { grid-template-columns: 1fr; gap: 8px; padding: 20px; }
}

/* first-visit notice bar on the guide (owner 14 Oct 2026): not a lock, dismissed with one click */
.eudrLpNotice { position: fixed; left: var(--menuWidthClosed, 64px); right: 0; bottom: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; gap: 12px 24px; flex-wrap: wrap; padding: 14px 24px; background: #2a2018; color: #f4f1ea; border-top: 3px solid #d49a3a; box-shadow: 0 -4px 16px rgba(0,0,0,.35); text-align: left; }
.eudrLpNotice p { margin: 0; max-width: 980px; font-size: 14px; line-height: 1.5; color: #f4f1ea; }
.eudrLpNotice p a { color: #f0c987; text-decoration: underline; font-size: inherit; }
.eudrLpNotice button { flex: 0 0 auto; background: #003399; color: #fff !important; border: 0; font-size: 15px; font-weight: 700; padding: 11px 26px; cursor: pointer; }
.eudrLpNotice button:hover { background: #002266; }
@media (max-width: 1024px) {
	.eudrLpNotice { left: 0; padding: 12px 16px; }
	.eudrLpNotice p { font-size: 13px; }
	.eudrLpNotice button { width: 100%; }
}
/* FREE limit page (calculator style, owner 14 Oct 2026): the calculator rules are scoped under .calcBlocked,
   and ".eudrDoc a" would paint the red button's label dark red - keep the label white */
.eudrDoc .eudrLimit a.actionButton, .eudrDoc .eudrLimit a.actionButton:hover, .eudrDoc .eudrLimit .calcBlockedBodyLeft a.actionButton.deleteButton.submit, .eudrDoc .eudrLimit .calcBlockedBodyLeft a.actionButton.deleteButton.submit:hover { color: #fff !important; -webkit-text-fill-color: #fff; }
.eudrDoc .eudrLimit a.actionLink { color: var(--link); }
/* ======================================================================================
   /eudr-role and /eudr-faq: visible h1, server-rendered text block, FAQ intro (14 Oct 2026)
   ====================================================================================== */
.eudrDoc .eudrDocHead .eudrDocH { font-weight: 400 !important; font-size: 38px !important; line-height: 1.15 !important; margin: 0 0 10px !important; color: var(--f-ink) !important; text-align: left; }
@media (max-width: 820px) { .eudrDoc .eudrDocHead .eudrDocH { font-size: 28px !important; } }
.eudrFaqDoc .eudrFaqQt { margin: 0; }
.eudrFaqDoc .eudrFaqCatName { font-family: inherit; }

.eudrFaqIntro { padding: 20px 0 8px; font-family: inherit; }
.eudrFaqIntro p { margin: 0 0 10px; font-size: 16px; line-height: 1.6; color: var(--f-sub); text-align: left; }
.eudrStaticLinks { font-size: 15px; }
.eudrStaticLinks a { color: var(--link); text-decoration: underline; }

.eudrStatic { max-width: 1060px; margin: 40px auto 0; padding: 32px 0 0; border-top: 1px solid var(--f-ink, #2a2018); text-align: left; font-family: inherit; color: var(--f-ink); }
.eudrStatic h2 { margin: 28px 0 12px; font-size: 24px; line-height: 1.25; font-weight: 700; color: var(--f-ink); text-align: left; }
.eudrStatic h3 { margin: 18px 0 6px; font-size: 18px; line-height: 1.35; font-weight: 700; color: var(--f-ink); text-align: left; }
.eudrStatic p { margin: 0 0 12px; font-size: 16px; line-height: 1.6; color: var(--f-sub); }
.eudrStaticLead { font-size: 17px !important; color: var(--f-ink) !important; }
.eudrStaticTableWrap { overflow-x: auto; }
.eudrStaticTable { width: 100%; min-width: 760px; border-collapse: collapse; border: 1px solid #e3d8c8; }
.eudrStaticTable th, .eudrStaticTable td { padding: 12px 14px; text-align: left; vertical-align: top; font-size: 15px; line-height: 1.45; border-top: 1px solid #efe5d6; }
.eudrStaticTable thead th { background: #2a2018; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; border-top: 0; }
.eudrStaticTable tbody th { font-weight: 700; color: var(--f-ink); background: #faf5ec; width: 26%; }
.eudrStaticTable td { color: var(--f-sub); }
.eudrStaticSteps { margin: 0 0 12px; padding-left: 22px; list-style: decimal; }
.eudrStaticSteps li { margin: 0 0 8px; font-size: 16px; line-height: 1.55; color: var(--f-sub); }
.eudrStaticFaq { margin-bottom: 8px; }
.eudrStatic { --f-ink: #2b2118; --f-sub: #5f5145; }

.eudrFaqIntro h2 { margin: 18px 0 8px; font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--f-ink); text-align: left; }
.eudrFaqTop { margin: 0 0 8px; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 8px 24px; }
.eudrFaqTop li { margin: 0; padding: 0; font-size: 15px; line-height: 1.4; }
.eudrFaqTop a { color: var(--link); text-decoration: underline; }
.eudrFaqTop a:hover { color: var(--linkHover); }
.eudrFaqTopBox { padding-top: 0; margin-top: -11px; }
.eudrFaqIntro.eudrFaqTopBox h2 { font-size: 24px; margin: 36px 0 12px; }
.eudrFaqIntro.eudrFaqTopBox .eudrFaqTop li, .eudrFaqIntro.eudrFaqTopBox .eudrFaqTop li a { font-size: 14px !important; line-height: 1.4; }
.eudrFaqTopBox hr { border: 0; border-top: 1px solid #c9bda8; margin: 0; }
.eudrFaqIntro.eudrFaqTopBox .eudrFaqTop li a { text-decoration: none !important; }
.eudrFaqIntro.eudrFaqTopBox .eudrFaqTop li a:hover { text-decoration: underline !important; }

.eudrStaticBox { max-width: 1060px; margin: 90px auto 40px; }
.eudrStaticBox > summary { cursor: pointer; font-size: 15px !important; text-decoration: none; list-style: none; padding: 12px 0; border-top: 1px solid #e3d9c8; }
.eudrStaticBox > summary::-webkit-details-marker { display: none; }
.eudrStaticBox > summary::before { content: "+ "; font-weight: 700; }
.eudrStaticBox[open] > summary::before { content: "\2212  "; }
.eudrStaticBox > summary:hover { text-decoration: underline; }
.eudrStaticBox .eudrStatic { margin-top: 0; border-top: 0; padding-top: 16px; }