.rba-contact-form > label,
.rba-contact-form .form-row label { display: flex; flex-direction: column; gap: 7px; color: #555; font-size: 11px; font-weight: 700; margin-bottom: 16px; }
.rba-contact-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hero-main,
.hero-stack article,
.hero-copy,
.hero-copy h1 { min-width: 0; }
.footer-about img { filter: none; }
.inner-page { padding-top: 15px; }
.inner-title { padding-top: 8px; }

@media (min-width: 1201px) {
    .player { grid-template-columns: 150px 65px 285px minmax(180px, 1fr) 135px 30px 80px 205px 115px; }
}

@media (max-width: 900px) {
    .nav-wrap { position: relative; }
    .nav-tools { position: absolute; right: 14px; top: 16px; z-index: 95; }
}

@media (max-width: 600px) {
    .hero-grid, .hero-main, .hero-stack, .hero-stack article { width: 100%; min-width: 0; }
    .hero-copy { width: 80%; }
    .hero-copy h1 { max-width: 100%; font-size: 25px; line-height: 1.15; overflow-wrap: anywhere; word-break: normal; }
    .rba-contact-form .form-row { grid-template-columns: 1fr; gap: 0; }
}

/* Header navigation, social links and live actions */
.top-grid { grid-template-columns: 1.15fr .85fr 1fr; }
.top-weather { display: flex; align-items: center; gap: 7px; }
.top-weather span { margin-left: 8px; }
.rba-social-links { display: flex; align-items: center; gap: 8px; }
.rba-social-links a { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; transition: transform .2s ease, background .2s ease, color .2s ease; }
.rba-social-links a:hover { transform: translateY(-2px); }
.rba-social-links svg, .rba-social-links img { width: 15px; height: 15px; object-fit: contain; fill: currentColor; }
.top-social-links { justify-content: flex-end; gap: 4px; }
.top-social-links a { width: 25px; height: 25px; color: #fff; }
.top-social-links a:hover { background: #e30613; }
.menu-trigger { display: none; }
.listen-button { display: inline-flex; align-items: center; gap: 8px; }
.listen-button svg { width: 21px; height: 21px; fill: currentColor; flex: 0 0 auto; }
.player { margin-bottom: 8px; }
.play-toggle.autoplay-blocked { animation: playerAttention 1.35s ease-in-out infinite; }
@keyframes playerAttention { 50% { box-shadow: 0 0 0 9px rgba(227,6,19,.18); } }

/* Interactive currency board */
.exchange-board { border: 1px solid #dedfe2; border-radius: 10px; margin-bottom: 13px; background: #fff; overflow: hidden; box-shadow: 0 7px 20px rgba(12,13,16,.06); }
.exchange-header { min-height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 8px 14px; border-bottom: 1px solid #ececef; }
.exchange-header > div:first-child { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 10px; }
.exchange-header span { color: #e30613; font-size: 9px; font-weight: 900; letter-spacing: 1.2px; }
.exchange-header h2 { margin: 0; font-size: 14px; }
.exchange-header small { color: #80838a; font-size: 9px; }
.exchange-header small.error { color: #a96d00; }
.exchange-controls { display: flex; border: 1px solid #dedfe2; border-radius: 7px; padding: 2px; background: #f5f5f6; }
.exchange-controls button { min-width: 62px; height: 28px; padding: 0 11px; border: 0; border-radius: 5px; background: transparent; color: #666; font-size: 9px; font-weight: 800; cursor: pointer; }
.exchange-controls button.active { background: #111; color: #fff; box-shadow: 0 2px 5px #0002; }
.exchange-controls .rate-refresh { min-width: 30px; width: 30px; padding: 0; color: #e30613; font-size: 15px; }
.exchange-controls .rate-refresh.loading { animation: rateSpin .8s linear infinite; }
@keyframes rateSpin { to { transform: rotate(360deg); } }
.exchange-content { min-height: 103px; display: grid; grid-template-columns: 1.45fr 1fr; }
.rate-cards { display: grid; grid-template-columns: repeat(4, 1fr); border-right: 1px solid #ececef; }
.rate-card { appearance: none; position: relative; min-width: 0; padding: 14px 15px 12px; border: 0; border-right: 1px solid #ececef; background: #fff; text-align: left; cursor: pointer; transition: background .2s ease; }
.rate-card:last-child { border-right: 0; }
.rate-card:hover, .rate-card.active { background: #f7f7f8; }
.rate-card.active::after { content: ''; position: absolute; height: 3px; left: 13px; right: 13px; bottom: 0; border-radius: 4px 4px 0 0; background: #e30613; }
.rate-card > span { display: block; color: #555; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.rate-card > b { display: block; margin: 6px 0 5px; font-size: 17px; letter-spacing: -.4px; white-space: nowrap; }
.rate-card > small { display: block; color: #92949a; font-size: 8px; white-space: nowrap; }
.rate-card > small i { color: #313238; font-style: normal; font-weight: 800; }
.rate-chart { padding: 10px 14px; background: #fafafa; }
.rate-chart-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.rate-chart-head b { font-size: 9px; text-transform: uppercase; }
.rate-chart-head small { color: #999; font-size: 8px; }
.rate-bars { display: grid; gap: 4px; }
.rate-bars button { display: grid; grid-template-columns: 45px 1fr 70px; align-items: center; gap: 7px; padding: 0; border: 0; background: transparent; cursor: pointer; text-align: left; }
.rate-bars button > span { color: #6e7076; font-size: 8px; font-weight: 700; }
.rate-bars button > i { height: 5px; overflow: hidden; border-radius: 5px; background: #e4e4e6; }
.rate-bars button > i em { display: block; height: 100%; border-radius: inherit; background: #a7a8ad; transition: width .45s ease; }
.rate-bars button > b { font-size: 8px; text-align: right; }
.rate-bars button.active > i em, .rate-bars button:hover > i em { background: #e30613; }
.rate-bars button.active > span { color: #e30613; }
.exchange-board > footer { min-height: 24px; display: flex; align-items: center; justify-content: space-between; padding: 3px 14px; border-top: 1px solid #ececef; color: #888; font-size: 8px; }
.exchange-board > footer span i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #20ae61; }
.exchange-board > footer a:hover { color: #e30613; }

/* Controlled pagination */
.rba-pagination { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 26px 0 5px; padding: 0; }
.rba-pagination a, .rba-pagination span { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid #d9dade; border-radius: 7px; background: #fff; font-size: 12px; font-weight: 800; transition: .2s ease; }
.rba-pagination a:hover, .rba-pagination a.active { border-color: #e30613; background: #e30613; color: #fff; box-shadow: 0 5px 14px rgba(227,6,19,.2); }
.rba-pagination .pagination-arrow { font-size: 22px; }
.rba-pagination .disabled { pointer-events: none; color: #b9bbc0; background: #f3f3f4; }
.rba-pagination span { border-color: transparent; }

/* Professional article and sidebar */
.article-page { max-width: none; padding: 23px 0 48px; }
.article-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 22px; color: #8a8c91; font-size: 9px; text-transform: uppercase; letter-spacing: .6px; }
.article-breadcrumb a:hover { color: #e30613; }
.article-breadcrumb b { color: #292a2d; }
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; align-items: start; gap: 34px; }
.article-main { min-width: 0; }
.article-header { padding-bottom: 24px; border-bottom: 1px solid #dedfe2; }
.article-page .article-category { display: inline-flex; padding: 6px 9px; border-radius: 3px; background: #e30613; color: #fff; font-size: 9px; font-weight: 900; letter-spacing: .6px; }
.article-page h1 { max-width: 980px; margin: 14px 0 13px; font-size: clamp(37px, 4vw, 58px); line-height: 1.04; letter-spacing: -2.2px; }
.article-header > p { max-width: 900px; margin: 0 0 17px; color: #606268; font-size: 17px; line-height: 1.55; }
.article-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: #8d8f94; font-size: 9px; font-weight: 600; text-transform: uppercase; }
.article-meta i { width: 3px; height: 3px; border-radius: 50%; background: #e30613; }
.article-cover-wrap { margin: 25px 0 10px; }
.article-page .article-cover { width: 100%; max-height: 620px; margin: 0; border-radius: 9px; object-fit: cover; }
.article-cover-wrap figcaption { margin-top: 7px; color: #999; font-size: 8px; }
.article-sharebar { min-height: 57px; display: flex; align-items: center; justify-content: space-between; margin: 16px 0 8px; padding: 8px 0; border-top: 1px solid #e3e3e5; border-bottom: 1px solid #e3e3e5; }
.article-sharebar > b { font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.article-sharebar > div { display: flex; gap: 7px; }
.article-sharebar a, .article-sharebar button { width: 34px; height: 34px; display: grid; place-items: center; padding: 0; border: 1px solid #d9dade; border-radius: 50%; background: #fff; color: #222; font-weight: 800; cursor: pointer; }
.article-sharebar a:hover, .article-sharebar button:hover, .article-sharebar button.copied { border-color: #e30613; background: #e30613; color: #fff; }
.article-page .article-content { color: #26272b; font-family: Georgia, 'Times New Roman', serif; font-size: 18px; line-height: 1.82; }
.article-content > p:first-child::first-letter { float: left; margin: 10px 8px 0 0; color: #e30613; font-family: Inter, Arial, sans-serif; font-size: 58px; font-weight: 900; line-height: .7; }
.article-content img { height: auto; margin: 24px auto; border-radius: 7px; }
.article-content img.is-broken, .article-content .broken-media { display: none !important; }
.bb-comment-wrapper { display: none; }
.article-content h2, .article-content h3 { margin-top: 30px; font-family: Inter, Arial, sans-serif; line-height: 1.2; }
.article-content blockquote { margin: 28px 0; padding: 18px 24px; border-left: 4px solid #e30613; background: #f5f5f6; font-size: 20px; font-weight: 700; }
.article-end { display: flex; align-items: center; justify-content: space-between; margin-top: 34px; padding-top: 20px; border-top: 2px solid #111; }
.article-end > div { display: flex; align-items: center; gap: 8px; }
.article-end span { color: #888; font-size: 8px; font-weight: 800; }
.article-end a { font-size: 10px; font-weight: 800; }
.article-end > div a { padding: 6px 9px; border-radius: 3px; background: #eee; }
.article-sidebar { position: sticky; top: 16px; display: grid; gap: 14px; }
.sidebar-live { overflow: hidden; padding: 24px; border-radius: 9px; background: radial-gradient(circle at 100% 0, #4d0006, transparent 42%), #101010; color: #fff; box-shadow: 0 9px 24px #0002; }
.sidebar-live > span { display: inline-flex; color: #ff2431; font-size: 9px; font-weight: 900; letter-spacing: 1px; }
.sidebar-live > small { display: block; margin: 18px 0 4px; color: #9b9b9e; font-size: 9px; text-transform: uppercase; }
.sidebar-live h2 { margin: 0; font-size: 25px; }
.sidebar-live p { min-height: 32px; margin: 7px 0 18px; color: #bbb; font-size: 10px; line-height: 1.45; }
.sidebar-live a { display: inline-flex; padding: 11px 14px; border-radius: 5px; background: #e30613; font-size: 10px; font-weight: 800; }
.sidebar-block { overflow: hidden; border: 1px solid #dfe0e3; border-radius: 9px; background: #fff; }
.sidebar-block > header { min-height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border-bottom: 1px solid #e7e7e9; }
.sidebar-block > header h2 { margin: 0; font-size: 12px; }
.sidebar-block > header a { color: #e30613; font-size: 8px; font-weight: 800; }
.sidebar-latest > article > a { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 75px; padding: 9px 11px; border-bottom: 1px solid #ececef; }
.sidebar-latest > article:last-child > a { border-bottom: 0; }
.sidebar-latest img { width: 82px; height: 58px; border-radius: 5px; object-fit: cover; }
.sidebar-latest article div { min-width: 0; }
.sidebar-latest small { display: block; margin-bottom: 3px; color: #e30613; font-size: 7px; font-weight: 900; }
.sidebar-latest b { display: -webkit-box; overflow: hidden; font-size: 10px; line-height: 1.25; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sidebar-latest time { display: block; margin-top: 4px; color: #9c9da1; font-size: 7px; }
.sidebar-popular ol { list-style: none; margin: 0; padding: 5px 13px 8px; }
.sidebar-popular li { display: grid; grid-template-columns: 29px 1fr; align-items: center; gap: 10px; min-height: 52px; border-bottom: 1px solid #ececef; }
.sidebar-popular li:last-child { border: 0; }
.sidebar-popular li span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #111; color: #fff; font-size: 9px; font-weight: 900; }
.sidebar-popular li:first-child span { background: #e30613; }
.sidebar-popular li a { font-size: 10px; font-weight: 700; line-height: 1.3; }
.sidebar-social { padding-bottom: 14px; }
.sidebar-social > p { margin: 12px 14px; color: #777; font-size: 9px; line-height: 1.5; }
.sidebar-social-links { padding: 0 14px; }
.sidebar-social-links a { border: 1px solid #dedfe2; color: #111; }
.sidebar-social-links a:hover { border-color: #e30613; background: #e30613; color: #fff; }
.utility-social-links a { width: 24px; height: 24px; border: 1px solid #e30613; color: #e30613; }
.utility-social-links a:hover { background: #e30613; color: #fff; }
.footer-social-links { margin-top: 10px; }
.footer-social-links a { border: 1px solid #3b3b3d; color: #fff; }
.footer-social-links a:hover { border-color: #e30613; background: #e30613; }

@media (max-width: 1100px) {
    .top-grid { grid-template-columns: 1fr auto 1fr; }
    .article-layout { grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; }
    .rate-card { padding-inline: 10px; }
    .rate-card > b { font-size: 14px; }
    .exchange-content { grid-template-columns: 1.3fr 1fr; }
}

@media (max-width: 900px) {
    .menu-trigger { width: 44px; height: 44px; display: grid; place-items: center; }
    .main-nav { top: 82px; max-height: calc(100vh - 100px); overflow-y: auto; border-radius: 0 0 12px 12px; }
    .main-nav > a, .nav-drop > a { min-height: 45px; display: flex; align-items: center; padding: 0 12px; border-bottom: 1px solid #eee; }
    .nav-drop > div a { min-height: 42px; display: flex; align-items: center; }
    .exchange-header > div:first-child { grid-template-columns: auto auto; }
    .exchange-header small { grid-column: 1 / -1; }
    .exchange-content { grid-template-columns: 1fr; }
    .rate-cards { border-right: 0; border-bottom: 1px solid #ececef; }
    .rate-chart { min-height: 106px; }
    .article-layout { grid-template-columns: 1fr; }
    .article-sidebar { position: static; grid-template-columns: 1fr 1fr; }
    .sidebar-live, .sidebar-social { min-height: 220px; }
    .sidebar-latest, .sidebar-popular { grid-row: span 2; }
}

@media (max-width: 600px) {
    body { -webkit-tap-highlight-color: transparent; }
    .top-grid { grid-template-columns: 1fr auto; gap: 8px; }
    .top-date { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .top-weather { display: none; }
    .top-social-links { gap: 1px; }
    .top-social-links a { width: 24px; height: 24px; }
    .top-social-links svg, .top-social-links img { width: 13px; height: 13px; }
    .nav-tools { gap: 4px; right: 8px; }
    .menu-trigger { font-size: 22px; }
    .listen-button { width: 45px; height: 43px; justify-content: center; padding: 0; border-radius: 9px; }
    .listen-button svg { width: 23px; height: 23px; }
    .listen-button > span, .listen-button > span + * { display: none; }
    .main-nav { left: 8px; right: 8px; top: 73px; padding: 8px 13px 14px; }
    .player { min-height: 76px; box-shadow: none; }
    .exchange-board { width: calc(100% - 16px); margin-bottom: 9px; border-radius: 11px; box-shadow: 0 5px 18px rgba(0,0,0,.08); }
    .exchange-header { align-items: flex-start; gap: 8px; padding: 10px; }
    .exchange-header > div:first-child { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
    .exchange-header h2 { font-size: 13px; }
    .exchange-controls button { min-width: 47px; height: 30px; padding: 0 7px; }
    .exchange-controls .rate-refresh { min-width: 29px; width: 29px; }
    .rate-cards { grid-template-columns: 1fr 1fr; }
    .rate-card { min-height: 80px; padding: 12px; border-bottom: 1px solid #ececef; }
    .rate-card:nth-child(2) { border-right: 0; }
    .rate-card:nth-child(n+3) { border-bottom: 0; }
    .rate-card > b { font-size: 16px; }
    .rate-chart { padding: 11px 12px; }
    .rate-bars button { min-height: 24px; grid-template-columns: 38px 1fr 67px; }
    .exchange-board > footer { padding-inline: 10px; }
    .rba-pagination { gap: 5px; margin-top: 20px; }
    .rba-pagination a, .rba-pagination span { width: 37px; height: 37px; border-radius: 9px; }
    .article-page { width: 100%; padding: 14px 10px 32px; }
    .article-breadcrumb { overflow-x: auto; margin: 0 0 15px; padding: 0 2px 5px; white-space: nowrap; scrollbar-width: none; }
    .article-page h1 { margin-top: 12px; font-size: 34px; line-height: 1.06; letter-spacing: -1.2px; overflow-wrap: anywhere; }
    .article-header > p { font-size: 15px; }
    .article-cover-wrap { margin-top: 18px; }
    .article-page .article-cover { min-height: 230px; border-radius: 10px; }
    .article-page .article-content { font-size: 17px; line-height: 1.75; }
    .article-sharebar { position: sticky; top: 0; z-index: 12; margin-inline: -10px; padding-inline: 10px; background: rgba(255,255,255,.95); backdrop-filter: blur(12px); }
    .article-sharebar a, .article-sharebar button { width: 38px; height: 38px; }
    .article-end { align-items: flex-start; flex-direction: column; gap: 16px; }
    .article-sidebar { grid-template-columns: 1fr; gap: 10px; }
    .sidebar-live, .sidebar-social { min-height: 0; }
    .sidebar-latest, .sidebar-popular { grid-row: auto; }
    .sidebar-live { padding: 22px; border-radius: 12px; }
    .sidebar-block { border-radius: 12px; }
    .sidebar-latest > article > a { min-height: 86px; grid-template-columns: 96px 1fr; align-items: center; }
    .sidebar-latest img { width: 96px; height: 68px; border-radius: 8px; }
    .sidebar-latest b { font-size: 11px; }
    .rba-social-links a { min-width: 36px; min-height: 36px; }
    .top-social-links a { min-width: 24px; min-height: 24px; }
    .footer-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .footer-grid > div { min-width: 0; overflow-wrap: anywhere; }
    .footer-about { width: auto; min-width: 0; }
    .footer-social-links { flex-wrap: wrap; gap: 6px; }
}

/* Refined social action row */
.utility-social-links { flex-wrap: nowrap; gap: 7px; margin-top: 10px; }
.utility-social-links a { width: 31px; height: 31px; border: 0; border-radius: 8px; background: #16171a; color: #fff; box-shadow: 0 4px 10px rgba(0,0,0,.12); }
.utility-social-links a:hover { background: #e30613; color: #fff; box-shadow: 0 5px 14px rgba(227,6,19,.25); }
.utility-social-links svg, .utility-social-links img { width: 14px; height: 14px; }

/* Live player control groups */
.volume-control { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; padding: 0 10px; border-left: 1px solid #303034; border-right: 1px solid #303034; }
.volume-control .mute-toggle { flex: 0 0 25px; padding: 3px; }
.volume-control .volume { width: 82px; min-width: 55px; }
.player-actions { display: grid; grid-template-columns: minmax(185px, 1.6fr) minmax(105px, 1fr); gap: 8px; min-width: 0; }
.player-actions .schedule-button, .player-actions .whatsapp-button { display: flex; align-items: center; justify-content: center; min-width: 0; height: 42px; padding: 8px 10px; }

/* Native article reader */
.article-reader { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 14px; margin: 20px 0 5px; padding: 14px 16px; border: 1px solid #dcdde0; border-radius: 10px; background: linear-gradient(105deg, #f7f7f8, #fff); box-shadow: 0 5px 16px rgba(0,0,0,.045); }
.reader-toggle { width: 52px; height: 52px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #e30613; color: #fff; cursor: pointer; box-shadow: 0 7px 18px rgba(227,6,19,.25); }
.reader-toggle:hover { transform: scale(1.03); }
.reader-toggle.playing { background: #111; }
.reader-toggle:disabled { cursor: not-allowed; opacity: .45; }
.reader-toggle svg { width: 21px; height: 21px; fill: currentColor; }
.reader-info { min-width: 0; }
.reader-info > span { color: #e30613; font-size: 8px; font-weight: 900; letter-spacing: 1.1px; }
.reader-info h2 { margin: 2px 0 3px; font-size: 15px; }
.reader-info p { margin: 0; color: #777980; font-size: 9px; }
.reader-progress { height: 4px; overflow: hidden; margin-top: 9px; border-radius: 5px; background: #dedfe2; }
.reader-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: #e30613; transition: width .2s linear; }
.reader-settings { display: flex; align-items: flex-end; gap: 8px; }
.reader-settings label { display: grid; gap: 4px; color: #777980; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.reader-settings select, .reader-settings button { height: 35px; border: 1px solid #d5d6d9; border-radius: 6px; background: #fff; color: #222; font-size: 9px; font-weight: 700; }
.reader-settings select { padding: 0 23px 0 9px; }
.reader-settings button { padding: 0 11px; cursor: pointer; }
.reader-settings button:hover { border-color: #e30613; color: #e30613; }
.toc-container { display: none !important; }

@media (min-width: 1201px) {
    .player { grid-template-columns: 150px 65px 270px minmax(150px, 1fr) 115px 135px 330px; gap: 8px; }
}

@media (min-width: 901px) and (max-width: 1200px) {
    .player { grid-template-columns: 125px 58px 210px minmax(105px, 1fr) 90px 120px minmax(185px, 220px); gap: 6px; padding-inline: 14px; }
    .volume-control { padding-inline: 6px; }
    .volume-control .volume { width: 65px; }
    .player-actions { grid-template-columns: 1fr; }
    .player-actions .whatsapp-button { display: none; }
}

@media (max-width: 900px) {
    .volume-control, .player-actions { display: none; }
    .article-reader { grid-template-columns: 58px minmax(0, 1fr); }
    .reader-settings { grid-column: 1 / -1; justify-content: flex-end; padding-top: 5px; border-top: 1px solid #e4e4e6; }
}

@media (max-width: 600px) {
    .utility-social-links { flex-wrap: wrap; gap: 7px; }
    .utility-social-links a { width: 35px; height: 35px; min-width: 35px; min-height: 35px; border-radius: 10px; }
    .article-reader { grid-template-columns: 48px minmax(0, 1fr); gap: 11px; margin: 16px 0 3px; padding: 13px; border-radius: 12px; }
    .reader-toggle { width: 46px; height: 46px; }
    .reader-info h2 { font-size: 14px; }
    .reader-info p { font-size: 8px; }
    .reader-settings { justify-content: space-between; }
    .reader-settings select, .reader-settings button { height: 38px; }
}