.privacy-note { background: #e8f5f0; border: 1px solid #a8dccb; color: #145442; }
.privacy-note p { line-height: 1.55; }
.steps { display: grid; gap: 1rem; counter-reset: breu-step; }
.steps li { list-style: none; border-left: 4px solid #2563eb; padding: .25rem 0 .25rem 1rem; }
.steps h3 { font-weight: 700; color: #1e293b; margin-bottom: .25rem; }
.steps p { color: #475569; line-height: 1.6; }
.features { display: grid; gap: .6rem; padding-left: 1.2rem; }
.features li { color: #475569; line-height: 1.6; }
.tool-button { padding: .75rem 1.4rem; border: 1px solid #2563eb; border-radius: .75rem; background: #2563eb; color: #fff; font: inherit; font-weight: 650; text-decoration: none; cursor: pointer; transition: background .15s, border-color .15s; }
.tool-button:hover { background: #1d4ed8; border-color: #1d4ed8; }
.tool-button:focus-visible { outline: 3px solid #f59e0b; outline-offset: 2px; }
html[data-theme="dark"] .privacy-note { background: #153d35; border-color: #2f8a71; color: #d1fae5; }
html[data-theme="dark"] .steps h3 { color: #f1f5f9; }
html[data-theme="dark"] .steps p,
html[data-theme="dark"] .features li { color: #cbd5e1; }
html[data-theme="dark"] .tool-button { background: #2563eb; border-color: #60a5fa; }
html[data-theme="dark"] .tool-button:hover { background: #1d4ed8; }
@media (min-width: 720px) { .steps { grid-template-columns: repeat(3, 1fr); } .steps li { border-left: 0; border-top: 4px solid #2563eb; padding: 1rem 0 0; } }