/* Manual pages inside the site layout (/manual/{dir}/). */

/* Long documents: the site menu scrolls away instead of covering the text. */
nav.nav-glass{position:relative}

/* The static manual keeps its own look: undo the site's base reset inside the manual
   (the download row keeps the site styling). The manual's own CSS, scoped to
   .bl-manual-doc, follows in the page head and wins on specificity or order. */
.bl-manual-doc :where(:not(.bl-mf):not(.bl-mf *)){all:revert}
.bl-manual-doc :focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.bl-manual-page{display:block}
/* Under the site menu the manual title needs less top space than at the top of a bare page. */
.bl-manual-doc>h1:first-child{margin-top:12px}

/* Download row below the manual title: this manual's PDF and the other languages. */
.bl-mf{margin:10px 0 4px;color:#334155;font-size:15px;line-height:1.3}
.bl-mf::after{content:"";display:block;clear:both}
.bl-mf-pdf,.bl-mf-langs>summary{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 8px;border-radius:10px;font-size:15px;line-height:1.3;text-decoration:none;cursor:pointer}
.bl-mf-pdf{float:left;margin-inline:-8px 20px;color:#2563eb;font-weight:700}
.bl-manual-doc[dir="rtl"] .bl-mf-pdf{float:right}
.bl-mf-pdf svg,.bl-mf-langs>summary svg{width:19px;height:19px;flex:none}
.bl-mf-sep,.bl-mf-size{color:#556274;font-weight:500}
.bl-mf-size{white-space:nowrap;unicode-bidi:isolate}
.bl-mf-pdf:hover{background:#dbeafe;color:#1d4ed8}
.bl-mf-langs{display:block}
.bl-mf-langs>summary{list-style:none;color:#556274;font-weight:500}
.bl-mf-langs>summary::-webkit-details-marker{display:none}
.bl-mf-langs>summary:hover,.bl-mf-langs[open]>summary{background:#e2e8f0;color:#0f172a}
.bl-mf-langs>summary svg:last-child{width:17px;height:17px;transition:transform .16s ease}
.bl-mf-langs[open]>summary svg:last-child{transform:rotate(180deg)}
.bl-mf-list{clear:both;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(7.5rem,calc(50% - 4px)),1fr));gap:2px 8px;margin:4px 0 12px;padding:8px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff;list-style:none}
.bl-mf-list a{display:flex;align-items:center;min-height:44px;padding:6px 8px;border-radius:10px;color:#334155;font-size:15px;font-weight:500;line-height:1.25;text-decoration:none;overflow-wrap:anywhere}
.bl-mf-list a:hover{background:#e2e8f0;color:#0f172a}
.bl-mf-list a[aria-current="true"]{color:#2563eb;font-weight:700}
.bl-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(forced-colors:active){.bl-mf,.bl-mf-langs>summary{border:1px solid CanvasText}}

/* Printing from the browser prints the manual only. */
@media print{.bl-mf,.skip-link,#lang-modal,#lang-backdrop,#mobile-nav-overlay{display:none!important}}

/* Stacked mobile tables (reader-tables.css) are sized in rem. The site root is 18px and
   the static manuals had 16px, so pin the stacked cells to the manuals' size. */
@media screen and (max-width:640px){
.bl-manual-doc .bl-reader-stacked>tbody>tr{margin-bottom:16px}
.bl-manual-doc table.bl-reader-table.bl-reader-stacked>tbody>tr>.bl-table-row-title,
.bl-manual-doc table.bl-reader-table.bl-reader-stacked>tbody>tr>*:not(.bl-table-row-title){font-size:16px}
}