/* Браузер: повноекранний шар над меню (3000), поряд із Книгами (3500), під модалками (5000). */
#browser-section { position: fixed; inset: 0; z-index: 3600; display: flex; flex-direction: column; background: #07090d; }

.br-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 6px 16px; height: 44px;
  background: var(--panel); border-bottom: 1px solid var(--border); flex-shrink: 0; }
#br-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; }
#br-host { color: var(--dim); white-space: nowrap; }

.br-main { position: relative; flex: 1; min-height: 0; }
/* Текст — вузька колонка великим шрифтом: зручно читати й не треба водити очима від краю до краю. */
#br-view { position: absolute; inset: 0; overflow-y: auto; padding: 24px max(24px, calc((100% - 46em) / 2)) 40vh;
  line-height: 1.55; color: #eef1f6; user-select: text; }
#br-view h2.br-block { font-size: 1.25em; margin: 1.2em 0 .5em; color: #fff; }
#br-view p.br-block { margin: 0 0 .9em; }
/* Абзаци з посиланнями позначені рискою: людина знає, що «🔗 Посилання» тут щось покаже. */
#br-view .br-block.has-links { border-left: 6px solid rgba(90, 169, 255, .55); padding-left: 14px; }

.br-hint-top { left: 0; right: 0; top: 0; height: 16%; background: linear-gradient(rgba(90,169,255,.45), transparent); }
.br-hint-bottom { left: 0; right: 0; bottom: 0; height: 24%; background: linear-gradient(transparent, rgba(90,169,255,.45)); }

.br-bar { display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; padding: 10px; height: 130px; flex-shrink: 0;
  background: var(--panel); border-top: 1px solid var(--border); }
.br-bar .tile { min-width: 0; min-height: 0; font-size: 18px; }
.br-bar .tile-icon { font-size: 32px; }
#br-links { border-color: var(--accent); }
#br-exit { border-color: #555; }
#br-back:disabled { opacity: .4; }