.eu-ai-act { padding-block: 100px; }
.eu-act-intro { display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: end; margin-bottom: 42px; }
.eu-act-intro .h2 { margin-bottom: 0; }
.eu-act-intro .sub { max-width: 48ch; margin: 0; }
.eu-act-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.eu-act-controls article { padding: 30px; border: 1px solid var(--forest-line); border-radius: 16px; background: var(--paper-2); }
.eu-act-number { color: var(--accent); font: 500 10px var(--mono); letter-spacing: .08em; }
.eu-act-controls h3 { color: var(--ink); font-size: 24px; line-height: 1.25; margin: 18px 0 12px; letter-spacing: -.02em; }
.eu-act-controls p { color: var(--ink-2); font-size: 15px; line-height: 1.65; margin: 0 0 24px; }
.eu-act-benefit { display: inline-block; color: var(--mint); border-top: 1px solid var(--forest-line); padding-top: 12px; font: 500 11px var(--mono); }
.eu-act-context { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--forest-line); }
.eu-act-context p { color: var(--ink-2); font-size: 14px; line-height: 1.6; margin: 0; }
.eu-act-context nav { display: flex; flex-direction: column; gap: 10px; align-items: start; }
.eu-act-context a { color: var(--mint); font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.eu-act-scope { color: var(--muted); font-size: 12px; line-height: 1.6; margin-top: 26px; max-width: 90ch; }
@media (max-width: 840px) { .eu-ai-act { padding-block: 64px; } .eu-act-intro, .eu-act-context { grid-template-columns: 1fr; gap: 24px; } .eu-act-controls article { padding: 24px; } }
@media (max-width: 560px) { .eu-act-controls { grid-template-columns: 1fr; } }

.eu-act-planned { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 24px; }
.eu-act-planned article { border-left: 2px solid var(--forest-line); padding: 10px 22px; }
.eu-act-planned h3 { font-size: 20px; line-height: 1.3; margin: 12px 0 10px; color: var(--ink); }
.eu-act-planned p { font-size: 14px; line-height: 1.6; margin: 0; color: var(--ink-2); }
@media(max-width:840px) { .eu-act-planned { grid-template-columns: 1fr; } }