/* Scoped additions; shared typography, forms and navigation come from style.css. */
.bot-hero .bot-intro { max-width: 42rem; margin: 2.5rem 0 2rem; color: var(--muted-light); font-size: clamp(1.05rem, 1.7vw, 1.35rem); line-height: 1.65; }
.bot-hero .section-shell > .bot-note:last-child { margin: 1.5rem 0 0; font-size: .85rem; }
.bot-section { padding: clamp(4rem, 8vw, 8rem) 0; border-bottom: 1px solid var(--line-light); }
.bot-section h2 { max-width: 18ch; margin: 2rem 0; font-size: clamp(2.8rem, 6vw, 6rem); font-weight: 450; line-height: 1; letter-spacing: -.06em; }
.bot-section-lead { max-width: 42rem; color: var(--muted-light); line-height: 1.65; }
.bot-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem; margin-top: 3rem; }
.bot-cards article { border-top: 1px solid var(--line-light); padding-top: 1.5rem; }
.bot-cards h3 { font-size: clamp(1.5rem, 2.7vw, 2.8rem); font-weight: 450; line-height: 1.12; letter-spacing: -.04em; margin: 1rem 0; }
.bot-cards p { color: var(--muted-light); line-height: 1.65; }
.bot-cards .bot-route { color: var(--blue); font-size: .85rem; }
.bot-steps { padding-left: 1.4rem; max-width: 44rem; margin-top: 3rem; }
.bot-steps li { font-size: 1.05rem; line-height: 1.65; border-color: var(--line-dark); padding: 1rem 0; color: var(--muted-dark); }
.bot-steps strong { color: var(--ink); font-weight: 550; }
.bot-hero a:focus-visible, .bot-section a:focus-visible { outline: 2px solid var(--blue); outline-offset: 6px; }
@media (max-width: 800px) { .bot-cards { grid-template-columns: 1fr; gap: 2rem; } }