.cbm3-guide-directory,
.cbm3-guide-translations {
    padding: 1rem 1.25rem;
    margin-block: 1rem 1.5rem;
    border: 1px solid #c5dbe2;
    border-inline-start: 4px solid #07818b;
    border-radius: 8px;
    background: linear-gradient(120deg, #f2faf9, #f8fbff);
    color: #15384b;
}
.cbm3-guide-directory h2 { font-size: 1.2rem; margin-block: 0 .75rem; }
.cbm3-guide-directory ul,
.cbm3-guide-translations ul {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1rem;
    list-style: none;
    padding: 0;
    margin: .5rem 0 0;
}
.cbm3-guide-directory li,
.cbm3-guide-translations li { margin: 0; }
.cbm3-guide-translations { font-size: .875rem; }
.cbm3-guide-translations a[aria-current="page"] { color: #174c52; font-weight: 700; }
.cbm3-guide-directory a:focus-visible,
.cbm3-guide-translations a:focus-visible { outline: 2px solid #087d87; outline-offset: 4px; }
html[lang="ar"] body.single-post .entry-content,
html[lang="ar"] body.category-ar-blog .site-main,
.cbm3-rtl-article { direction: rtl; text-align: start; }
.cbm3-rtl-article table { direction: rtl; }
.cbm3-rtl-article [dir="ltr"] { direction: ltr; unicode-bidi: isolate; }
/* Keep the calculator toolbar out of Astra's expanded mobile navigation. */
body.ast-main-header-nav-open #cbm-mobile-action-bar { display: none; }
.cbm3-scalar-converter { max-width: 54rem; margin-block: 1.5rem; font-size: 1rem; line-height: 1.6; }
.cbm3-scalar-converter, .cbm3-scalar-converter * { box-sizing: border-box; }
.cbm3-scalar-converter fieldset { min-width: 0; margin: 0; border: 1px solid #c5dbe2; border-radius: 10px; padding: 1.5rem; background: #f5fafc; }
.cbm3-scalar-converter legend { font-size: 1.25rem; font-weight: 700; color: #15384b; }
.cbm3-scalar-modes { display: flex; flex-wrap: wrap; gap: 1rem; margin-block: 1rem; }
.cbm3-scalar-modes label { display: flex; align-items: center; gap: .5rem; min-height: 44px; cursor: pointer; }
.cbm3-scalar-fields { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(8rem, 2fr); align-items: center; gap: .7rem 1rem; margin-block: 1rem; }
.cbm3-scalar-fields[hidden] { display: none; }
.cbm3-scalar-fields input { width: 100%; min-width: 0; min-height: 44px; padding: .6rem .8rem; background: white; border: 1px solid #a8c3d0; border-radius: 6px; color: #15384b; font: inherit; }
.cbm3-scalar-converter button { min-height: 44px; padding: .6rem 1rem; background: #087d87; color: white; border: 0; border-radius: 6px; font: inherit; font-weight: 700; cursor: pointer; }
.cbm3-scalar-converter input:focus-visible, .cbm3-scalar-converter button:focus-visible { outline: 2px solid #087d87; outline-offset: 3px; }
.cbm3-scalar-converter output { display: block; margin-block-start: 1rem; font-size: 1.15rem; font-weight: 700; color: #15384b; overflow-wrap: anywhere; }
.cbm3-scalar-converter [data-error] { color: #a12121; }
@media (max-width: 600px) {
    .cbm3-guide-directory, .cbm3-guide-translations { padding: .8rem; }
    .cbm3-guide-directory a, .cbm3-guide-translations a { display: inline-block; padding-block: .3rem; }
    .cbm3-scalar-fields { grid-template-columns: 1fr; }
}