/* B 广厦千秋 (MJOB10289): glyphs are <use> of the one cached sprite i/b-sprite.svg (as F); tabs and text of the work pages. */
.b-icon { width: 1.15em; height: 1.15em; flex: none; color: inherit; vertical-align: -0.2em; }
.atlas-sidebar-mode-link .b-icon, .atlas-sidebar-context-link .b-icon { width: 1.1rem; height: 1.1rem; margin-right: 0.45rem; color: #15110a; }
.site-breadcrumb-dropdown-item .b-icon { width: 1rem; height: 1rem; margin-right: 0.4rem; color: currentColor; }
.b-card .lit-work-title .b-icon { width: 28px; height: 28px; padding: 3px; border-radius: 50%; background: var(--lit-ink, #1d1a16); color: #f4ead2; box-sizing: border-box; }
body.lit-home-style .lit-door-node .b-icon { width: 68%; height: 68%; color: #4a3a12; }
.b-pending { margin: 0.4rem 0 0; }

/* The tab block of a type or work page: the shared ce-tabs component with the tab count set per page. */
.b-tabs { margin-top: 1.6rem; }
.b-tabs .ce-tab-list { grid-template-columns: repeat(var(--b-tabs, 3), minmax(0, 1fr)); }
.b-tabs .ce-tab-panel { min-height: 0; padding-top: 0.6rem; }
.b-tabs h4 { margin: 1.2em 0 0.4em; font-size: 1rem; }
.b-text p { margin: 0 0 var(--paragraph-gap, 1.1em); }
.b-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 var(--paragraph-gap, 1.1em); }
.b-rail { margin: 0 0 var(--paragraph-gap, 1.1em); padding: 0 0 0 1.2rem; list-style: none; border-left: 2px solid #c9b27a; }
.b-rail-item { display: grid; grid-template-columns: 6.5rem 1fr; gap: 0.8rem; margin-bottom: 1.1em; }
.b-rail-year { font-weight: 700; color: #7a6a52; }
.b-rail-item p { margin: 0.2em 0 0; }
.b-rail-by { color: #6b6b78; font-size: 0.9rem; }

@media (min-width: 761px) {
  .b-page .lit-main { padding-left: clamp(1.8rem, 7vw, 6.5rem); padding-right: clamp(1.8rem, 5vw, 4.5rem); }
}
.b-page .b-tabs { padding: 0.6rem 1rem 1.2rem; border: 1px solid #e3d3a8; border-radius: 14px; background: linear-gradient(180deg, #fbf5e4 0%, #fffdf6 18rem); box-shadow: 0 2px 14px rgba(120, 90, 30, 0.1); }
.b-page .b-tabs .ce-tab-list { gap: 0.4rem; padding: 0.35rem; border: 0; border-radius: 12px; background: #eadcb6; }
.b-page .b-tabs .ce-tab { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.6rem 0.7rem; border: 0; border-radius: 9px; background: transparent; color: #5b4a24; font-weight: 700; transition: background 150ms ease, color 150ms ease; }
.b-page .b-tabs .ce-tab::after, .b-page .b-tabs .ce-tab::before { display: none; }
.b-page .b-tabs .ce-tab:hover { background: rgba(255, 255, 255, 0.55); color: #2b2111; }
.b-page .b-tabs .ce-tab.is-active, .b-page .b-tabs .ce-tab[aria-selected="true"] { background: #231d12; color: #f6e7b4; box-shadow: 0 2px 8px rgba(35, 29, 18, 0.35); }
.b-tab-ico { flex: none; width: 1.55em; height: 1.55em; }
@media (max-width: 760px) {
  .b-page .b-tabs { padding: 0.4rem 0.5rem 1rem; }
  .b-page .b-tabs .ce-tab-list { overflow-x: auto; }
  .b-page .b-tabs .ce-tab { white-space: nowrap; padding: 0.5rem 0.65rem; }
  .b-tab-ico { width: 1.35em; height: 1.35em; }
  .b-rail-item { grid-template-columns: 1fr; gap: 0.2rem; }
}