/* EUDR country risk (/eudr-country-risk). Shares tools.css and dscsa-check's .tl-st / .tl-sum states. Brand kit only. */
.er-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:16px;margin-bottom:16px}
.er-field{display:flex;flex-direction:column}
.dc-label{display:block;font-weight:500;margin-bottom:8px;color:var(--ink)}
.er-in{width:100%;box-sizing:border-box;min-height:52px;padding:0 16px;border:1px solid var(--line-strong);border-radius:14px;background:var(--card);color:var(--ink);font:inherit;font-size:16px}
.er-in:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.tl-sum.is-ok,.tl-sum.is-warn,.tl-sum.is-err{border-top:0;border-left:4px solid var(--ok);padding:4px 0 4px 14px;font-size:17px;color:var(--ink)}
.tl-sum.is-warn{border-left-color:var(--warn)}
.tl-sum.is-err{border-left-color:var(--bad)}
.tl-st{font-weight:600;white-space:nowrap}
.tl-st-ok{color:var(--ok)}.tl-st-warn{color:var(--warn)}.tl-st-err{color:var(--bad)}
.er-cols{columns:3 14rem;column-gap:24px;padding-left:0;list-style:none;margin:8px 0 24px}
.er-cols li{break-inside:avoid;padding:4px 0;border-bottom:1px solid var(--hair);scroll-margin-top:96px}
.er-cols li:target{background:var(--glass-light);font-weight:600}
.er-off{display:block;font-size:13px;color:var(--muted)}
.er-faq details{border-bottom:1px solid var(--hair);padding:12px 0}
.er-faq summary{cursor:pointer;font-weight:500;color:var(--ink)}
.er-faq p{margin:8px 0 0}
.er-facts{padding-left:20px;display:flex;flex-direction:column;gap:8px}
#er-out .tl-panel{margin-top:12px}