/* Otvetoria brand and footer. User-requested redesign 2026-10-14.
   Scoped additions only; original Bookworm stylesheet stays unchanged. */
.ot-brand { display: inline-flex; align-items: center; }
.ot-brand img { display: block; width: 218px; height: auto; }
.ot-footer { background: #f0f7f5; color: #526761; border-top: 1px solid #dcebe5; padding: 58px 0 24px; }
.ot-footer-main { display: grid; grid-template-columns: 1.65fr 1fr 1fr; gap: 48px; padding-bottom: 44px; }
.ot-footer .ot-brand { margin-bottom: 22px; }
.ot-footer-tagline { color: #152035; font-size: 28px; line-height: 1.25; font-weight: 700; letter-spacing: -.6px; margin: 0 0 12px; }
.ot-footer-description { max-width: 290px; font-size: 15px; line-height: 1.7; margin: 0; }
.ot-footer-heading { font-size: 12px; line-height: 1.5; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #526761; margin: 8px 0 20px; }
.ot-footer-links { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.ot-footer-links a { display: inline-block; color: #152035; font-size: 16px; font-weight: 600; text-decoration: none; transition: color .15s; }
.ot-footer-links a:hover { color: #007d73; }
.ot-footer-search { display: inline-flex; align-items: center; gap: 12px; margin-top: 24px; color: #007d73; font-weight: 700; border-bottom: 1px solid #9bcfc3; padding-bottom: 5px; }
.ot-footer-search:hover { color: #152035; border-color: currentColor; }
.ot-footer-search svg { width: 18px; height: 18px; }
.ot-footer-bottom { border-top: 1px solid #cfdfd8; padding-top: 22px; display: flex; justify-content: space-between; gap: 12px; font-size: 13px; line-height: 1.6; }
.ot-footer a:focus-visible, .ot-brand:focus-visible { outline: 2px solid #007d73; outline-offset: 5px; border-radius: 3px; }
@media (max-width: 767px) {
 .ot-brand img { width: 185px; }
 .ot-footer { padding-top: 36px; }
 .ot-footer-main { grid-template-columns: 1fr 1fr; gap: 32px 24px; padding-bottom: 32px; }
 .ot-footer-intro { grid-column: 1 / -1; }
 .ot-footer-tagline { font-size: 26px; }
 .ot-footer-description { max-width: 340px; }
 .ot-footer .ot-brand { margin-bottom: 18px; }
 .ot-footer-heading { margin-top: 0; margin-bottom: 16px; }
 .ot-footer-bottom { flex-direction: column; gap: 5px; }
}