/* Shared navigation expands into the left half; content occupies the right. */
.site-heading{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.author-entry{background:transparent;border-color:var(--accent);font-family:Georgia,serif;font-size:17px}
.author-entry[aria-expanded=true]{background:var(--panel);box-shadow:inset 0 -2px var(--accent)}
button:disabled{opacity:.5;cursor:not-allowed}
.reading-window[open]{width:calc(100vw - 48px);max-width:1600px;height:90svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;overflow:hidden}
.reading-navigation,.reading-content{min-width:0;min-height:0;display:flex;flex-direction:column}
.reading-navigation{border-right:1px solid var(--border)}
.reading-navigation #panel{position:static;inset:auto;width:100%;height:100%;max-width:none;max-height:none;min-width:0;border:0;border-radius:0;box-shadow:none;animation:none;backdrop-filter:none;background:transparent}
.reading-window .window-head{padding:22px 26px;flex-shrink:0}
.reading-window .window-body{padding:24px 26px;font-size:15px;line-height:1.75;white-space:normal;flex:1}
.reading-window .window-body>p,.reading-window article{white-space:pre-wrap}
.reading-window h2{font-size:clamp(21px,2vw,29px)}
.reading-navigation .card strong{font-size:15px}.reading-navigation .card small{font-size:12px}
.reading-navigation .tabs button{font-size:13px}
.reading-content #readerBody{display:flex;flex-direction:column}
.window h3{font:normal 21px/1.35 Georgia,serif;margin:20px 0 12px}
.author-chat,.author-comments{border-top:1px solid var(--border);margin-top:24px;padding-top:10px}
.author-placeholder{padding:24px 0;min-height:90px}
.window textarea{display:block;width:100%;resize:vertical;min-height:90px;max-height:220px;margin:8px 0 12px;padding:13px;background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:6px;font:inherit;line-height:1.5}
.window textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.author-comments label,.chat-composer label{display:block;font-size:13px}
.chat-actions{display:flex;flex-wrap:wrap;gap:8px}
.content-form label{display:block;font-size:13px;margin:12px 0 5px}
.content-form input,.content-form select{width:100%;min-width:0;padding:11px;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:5px;font:inherit}
.content-form fieldset{border:1px solid var(--border);border-radius:6px;padding:12px;margin:18px 0;min-width:0}
.content-form legend{font-size:12px;color:var(--muted)}
.content-form button{margin-top:10px}.operation-status:empty{display:none}
/* The profile (Hiroshi, 08.11.2026): the language list only as wide as its words, so its arrow stands near them;
   Сподели разговор · Изход in one row under Запази езика. */
.content-form.profile-language select{display:block;width:auto;max-width:100%}.profile-actions{margin-top:10px}.operation-status{font-size:13px;overflow-wrap:anywhere}
.live-history{overflow:auto;overscroll-behavior:contain;flex:1;min-height:160px;max-height:45svh}
.live-history article{white-space:pre-wrap}.muted{color:var(--muted)!important;font-size:12px}
.chat-history{flex:1;min-height:120px}
.chat-composer{margin-top:auto;border-top:1px solid var(--border);padding-top:18px}
.chat-composer p{font-size:12px;color:var(--muted);margin:12px 0 0}
.participant-list{max-height:45svh;overflow:auto;overscroll-behavior:contain}
.participant{padding:12px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}
.participant strong{font-size:14px;font-weight:500}.participant small{color:var(--muted);font-size:12px}
body.light{--bg:#f2ebdf;--ink:#393d32;--muted:#6e7162;--border:#d3c8b4;--panel:#faf6ed;--accent:#667653}
body.light #stage{background:radial-gradient(ellipse at 22% 85%,#c8d0b24d,transparent 60%),linear-gradient(160deg,#faf6ed,#e6dcc9)}
body.light .reading-window::backdrop{background:rgba(219,209,190,.95)}
body.light .reading-navigation{background:#eee7d9}
body.light .reading-content{background:#faf6ed}
@media(max-width:760px){
 .site-heading{gap:16px}.author-entry{font-size:15px}
 .reading-window[open]{width:calc(100vw - 16px);height:calc(100svh - 16px)}
 .reading-window .window-head{padding:15px 12px;gap:10px;flex-wrap:wrap}
 .reading-window .window-body{padding:16px 12px;font-size:14px}
 .reading-window h2{font-size:21px}.reading-window #closeReader{font-size:11px;padding:8px}
}
/* On phones the same two panes stack, each with independent scrolling. */
@media(max-width:540px){
 .reading-window[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(170px,35%) minmax(0,1fr)}
 .reading-navigation{border-right:0;border-bottom:1px solid var(--border)}
 .reading-window .window-head{flex-direction:row;align-items:center;padding:10px 14px}
 .reading-window .window-body{padding:12px 14px}
 .reading-navigation .eyebrow{display:none}.reading-window h2{font-size:19px;margin:0}
 .reading-navigation .card{padding:8px 0}.reading-navigation .card strong{font-size:13px}
 .reading-footnote{padding:7px}.participant-list{max-height:none}
}

.content-form label.remember-login{display:flex;align-items:center;gap:8px}
.content-form .remember-login input{width:auto;flex:none;padding:0}