/* Рабочие столы библиотеки ВАМ (2026-10-28): читальный стол, стол волонтёра, проверка волонтёров, оценка текстов.
   Подключается после стилей страницы. Рамка под картинкой страницы — тёмная (тот же коричнево-бежевый тон);
   на широком экране две половины (страница и текст) одной ширины и одной высоты: высоту задаёт картинка страницы,
   текст рядом прокручивается внутри своей половины. Работа со страницами рассчитана на экран настольного ПК:
   на узком экране вместо страницы — объяснение (класс stol-only на <html>) или предупреждение сверху (класс stol-soft).
   Создано ИИ Claude (Anthropic) по поручению владельца библиотеки. */
:root{--frame:#9c8256;--frameb:#7d6641;--framet:#f6eedb}

/* тёмная рамка под картинкой страницы */
.pagebox,[data-lupa-box]{background:var(--frame)!important;border:1px solid var(--frameb)!important;border-radius:var(--r);padding:14px;
  box-shadow:inset 0 1px 4px rgba(40,25,5,.35),4px 4px 0 rgba(95,127,61,.45)}
[data-lupa-box] .lbl,[data-lupa-box] .lbl span,[data-lupa-box] .lupa-bar{color:var(--framet)!important}
[data-lupa-box] img{display:block;width:100%;height:auto;background:#fff;border:0!important;box-shadow:0 2px 6px rgba(30,20,5,.45)}
[data-lupa-box] .canvas{box-shadow:0 2px 6px rgba(30,20,5,.45)!important}

/* две равные половины: ширина 1:1, высота — по картинке страницы, текст прокручивается внутри */
.stol-eq{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px;align-items:stretch!important}
.stol-eq>*{min-width:0}
.stol-fill{position:relative;min-height:320px}
.stol-fill>.stol-in{position:absolute;inset:0;overflow:auto;max-height:none!important}
.textbox.stol-fill{padding:0!important}.textbox.stol-fill>.stol-in{padding:16px 18px}
.stol-eq>form.typing{display:flex;flex-direction:column}.stol-eq>form.typing textarea{flex:1 1 auto;min-height:300px!important}
.stol-eq .pagebox{position:static!important;align-self:stretch}

/* читальный стол: заголовок «Распознанный текст страницы» сверху и ссылки снизу видны всегда, прокручивается только текст */
.tb-col{display:flex;flex-direction:column;overflow:hidden!important}.tb-col>h2{flex:none}
.tb-mid{flex:1 1 auto;min-height:0;overflow:auto;padding-right:6px}
.tb-foot{flex:none;border-top:1px solid #e3d6b4;padding-top:10px;margin-top:8px!important}

/* узкий экран */
@media (max-width:1099px){
  html.stol-only body{display:none!important}
  html.stol-only::before{content:"Эта страница — рабочий стол: страница книги и её текст рассматриваются рядом, бок о бок, и для этого нужен широкий экран настольного компьютера или ноутбука. На телефоне и других узких экранах её, к сожалению, не разобрать. Откройте её, пожалуйста, на компьютере. Спасибо!";
    display:block;max-width:560px;margin:18vh auto 0;position:relative;z-index:1;padding:22px 24px;font:500 1.02rem/1.6 var(--sans,system-ui,sans-serif);color:#3d3420;
    background:rgba(251,247,235,.97);border:1px solid #bca675;border-radius:12px;box-shadow:4px 4px 0 rgba(95,127,61,.45),0 2px 10px rgba(90,70,30,.12)}
  html.stol-soft::before{content:"Читальный стол удобнее открывать на компьютере: на узком экране страница книги и её текст идут друг под другом.";
    display:block;position:relative;z-index:1;margin:10px 16px 0;padding:10px 14px;font:.86rem/1.5 var(--sans,system-ui,sans-serif);color:#5a4a26;
    background:rgba(251,247,235,.95);border:1px solid #bca675;border-radius:10px}
  .stol-eq{grid-template-columns:minmax(0,1fr)!important}
  .stol-fill{min-height:0}.stol-fill>.stol-in{position:static;max-height:70vh}
  .tb-col{overflow:visible!important}.tb-mid{max-height:60vh}
}