/* Small functional additions to the unmodified legacy theme CSS. */
[data-page="hamming"] > #intro[hidden], [data-page="hamming"] > .razdelitel[hidden] { display:none !important; }
[data-page^="note-"] > #intro[hidden], [data-page^="note-"] > .razdelitel[hidden] { display:none !important; }
[data-page="contact"] > .razdelitel[hidden], [data-page="contact"] > .listok[hidden] { display:none !important; }
[data-page^="error-"] > .razdelitel[hidden], [data-page^="error-"] > .listok[hidden] { display:none !important; }
/* Individual-virtue intro2 structure, with light error-only palette surfaces. */
[data-page^="error-"] #intro.intro2 { background:linear-gradient(to bottom,var(--error-top),var(--error-surface) 250px); }
[data-page^="error-"] #summary { color:#243344; }
[data-page^="error-"] #portrait { background-size:contain; background-position:center; background-repeat:no-repeat; }
[data-page^="error-"] #summary :is(h3,a) { color:var(--error-accent); }
#app[data-color-theme="1"] [data-page^="error-"] { --error-top:#e6c9d2; --error-surface:#f8e8ed; --error-accent:#762c40; }
#app[data-color-theme="2"] [data-page^="error-"] { --error-top:#f1d5ba; --error-surface:#fff0df; --error-accent:#873a22; }
#app[data-color-theme="3"] [data-page^="error-"] { --error-top:#a9bfee; --error-surface:#d1deff; --error-accent:#244b87; }
#app[data-color-theme="4"] [data-page^="error-"] { --error-top:#c5dfa7; --error-surface:#e3f2d3; --error-accent:#35551c; }
#app[data-color-theme="5"] [data-page^="error-"] { --error-top:#f4d2a4; --error-surface:#fff0d9; --error-accent:#87410b; }
#app[data-color-theme="6"] [data-page^="error-"] { --error-top:#c9d6ef; --error-surface:#e7edf9; --error-accent:#40567b; }
/* Original one-column explanation; catalogue layout is unchanged. */
.howitworks-page { padding:0; padding-bottom:20px; }
.howitworks-page #summary > :is(h3,p,blockquote) { margin-left:32px; margin-right:25px; }
.howitworks-page #summary > h3 { padding-top:20px; }
[data-page="howitworks"] #portrait[hidden], [data-page="howitworks"] > .razdelitel[hidden], [data-page="howitworks"] > .listok[hidden] { display:none !important; }
.howitworks-page .table tbody th { font:12px Arial,sans-serif; text-align:left; padding-left:9px; background:#e3e6ed; }
.howitworks-page .table tr.n2 th { background:#d7dce7; }
.howitworks-page .table button[data-demo-cell] { width:100%; height:30px; border:0; padding:0; font:12px Arial,sans-serif; color:#243d65; background:transparent; cursor:pointer; }
.howitworks-page .table-dnewnik p { margin:12px 0; }
.howitworks-page .demo-controls button { padding:5px 10px; cursor:pointer; }
@media print {
  .page:has([data-page="howitworks"]) { width:100%; padding:0; }
  .page:has([data-page="howitworks"]) .header { display:none; }
  [data-page="howitworks"] { width:100%; float:none; }
  [data-page="howitworks"] .table table { width:100%; }
  [data-page="howitworks"] .table .table-th th { width:auto; font-size:9px; }
  [data-page="howitworks"] #summary > :not(#sample-table) { display:none; }
  [data-page="howitworks"] #sample-table > :not(.table) { display:none; }
  [data-page="howitworks"] [data-demo-cell] { visibility:hidden; }
  [data-page="howitworks"] .table td { border:1px solid #888; }
}
.brand-link { display:block; width:494px; height:144px; }
.styles button { width:30px; height:30px; display:block; border:0; padding:0; background:transparent; cursor:pointer; }
a:focus-visible, button:focus-visible, input:focus-visible { outline:2px solid #d65a00; outline-offset:3px; }
.menu ul li > span[tabindex]:focus-visible { outline:2px solid #d65a00; outline-offset:-3px; }
.menu ul li:focus-within > ul { display:block; }
.menu ul li ul { z-index:20; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.load-message { margin:40px auto; max-width:800px; padding:24px; background:white; color:#263c5d; font:16px Arial,sans-serif; }
.program-actions { display:flex; align-items:center; gap:12px; padding:4px 2px 8px; text-align:center; }
.program-actions .orange-btn { flex:0 0 auto; margin-left:0; }
.program-actions .orange-btn-in a { box-sizing:border-box; width:218px; padding:0 8px; }
.choice-toggle { flex:0 0 auto; min-width:36px; padding:3px 5px; border:1px solid currentColor; border-radius:12px; color:inherit; background:transparent; font:italic 12px/18px Arial,sans-serif; cursor:pointer; }
.choice-toggle:hover { background:rgba(255,255,255,.15); }
.program-actions[data-choice-touched] [data-program-choice]:focus { outline:2px solid currentColor; outline-offset:3px; }
.breadcrumb { margin-bottom:15px; font-size:12px; color:#08194e; }
.breadcrumb a { color:#08194e; text-decoration:none; }
#summary.intro2-in { padding-top:15px; }
#summary .summary-quote cite { display:block; margin-top:.6em; margin-left:2em; }
.contextual-balance #sl_knob { left:272px; cursor:default; }
#left-panel .russian-virtue-list { list-style:none; margin-left:0.5em; }
#left-panel .moscow-virtue-list { list-style:none; margin-left:0.5em; }
#left-panel .franklin-virtue-list { list-style:none; margin-left:0.5em; }
.footer span b { font-weight:normal; }
.footer span a { font-size:11px; }
.source-label { background:#fff0c8; color:#493411; padding:8px; font:12px Arial,sans-serif; }
.citatnik-in .quote-text { display:inline; color:inherit; padding:0; }
/* The search/share component is the owner's exception to legacy presentation. */
.poisk.reading-tools { --tool-accent:#244e8c; --tool-surface:#f6f8fd; --tool-border:#d4dfef; box-sizing:border-box; margin:14px 0 10px; border:1px solid var(--tool-border); border-radius:8px; background:var(--tool-surface); color:#26364b; font:12px/1.4 Arial,sans-serif; }
#app[data-color-theme="1"] .reading-tools { --tool-accent:#754053; --tool-surface:#fcf8f9; --tool-border:#e4d5dd; }
#app[data-color-theme="2"] .reading-tools { --tool-accent:#865039; --tool-surface:#fffaf6; --tool-border:#eedacb; }
#app[data-color-theme="4"] .reading-tools { --tool-accent:#456034; --tool-surface:#f8faf4; --tool-border:#d8e3cf; }
#app[data-color-theme="5"] .reading-tools { --tool-accent:#a05010; --tool-surface:#fffbf5; --tool-border:#ead6bd; }
#app[data-color-theme="6"] .reading-tools { --tool-accent:#355777; --tool-surface:#f7fafc; --tool-border:#d4e1eb; }
.reading-tools .poisk-in { padding:16px; background:none; }
.reading-tools #public-search label { display:block; margin-bottom:9px; color:#26364b; font-size:14px; font-weight:bold; }
.reading-tools .search-field { display:grid; grid-template-columns:minmax(0,1fr) 36px; gap:6px; }
.reading-tools #public-search input { box-sizing:border-box; min-width:0; width:100%; height:36px; margin:0; padding:0 9px; border:1px solid var(--tool-border); border-radius:5px; background:#fff; color:#26364b; font:12px Arial,sans-serif; }
.reading-tools #public-search input::placeholder { color:#657287; opacity:1; }
.reading-tools #public-search button { display:flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; margin:0; border:1px solid var(--tool-accent); border-radius:5px; background:var(--tool-accent); color:#fff; cursor:pointer; }
.reading-tools #public-search button:hover { filter:brightness(.9); }
.reading-tools #search-results:not(:empty) { margin-top:10px; font-size:12px; }
.reading-tools #search-results a { display:block; margin:4px 0; padding:7px 9px; border-radius:4px; color:var(--tool-accent); background:#fff; text-decoration:none; }
.reading-tools #search-results a:hover { text-decoration:underline; }
.reading-tools .share-tools { margin-top:14px; padding-top:13px; border-top:1px solid var(--tool-border); }
.reading-tools #share-heading { margin:0 0 9px; color:#526176; font:normal 12px/1.4 Arial,sans-serif; }
.reading-tools .share-services { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.reading-tools .share-action { box-sizing:border-box; display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:36px; padding:8px 6px; margin:0; border:1px solid var(--tool-border); border-radius:5px; background:#fff; color:#26364b; font:12px/1.3 Arial,sans-serif; text-decoration:none; cursor:pointer; }
.reading-tools .share-action:hover { border-color:var(--tool-accent); background:var(--tool-surface); color:var(--tool-accent); }
.reading-tools svg { flex-shrink:0; }
.reading-tools .telegram-mark { color:#147bad; }
.reading-tools .vk-mark { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:18px; height:18px; border-radius:4px; color:#fff; background:#0875e1; font:bold 11px/1 Arial,sans-serif; letter-spacing:-1px; padding-right:1px; box-sizing:border-box; }
.reading-tools .copy-action { width:100%; margin-top:8px; color:var(--tool-accent); background:transparent; }
.reading-tools .copy-action:disabled { opacity:.65; cursor:wait; }
.reading-tools #copy-link-status { color:var(--tool-accent); font-size:12px; text-align:center; }
.reading-tools #copy-link-status:not(:empty) { margin-top:8px; }
.reading-tools :is(a,button,input):focus-visible { outline:2px solid var(--tool-accent); outline-offset:2px; }
dialog { border:1px solid #496587; border-radius:0; padding:25px; width:min(510px,80vw); color:#263c5d; font:14px/1.5 Arial,sans-serif; background:#fff; }
dialog::backdrop { background:rgba(0,15,40,.55); }
dialog h2 { font:20px Verdana,sans-serif; margin:0 0 20px; }
dialog form { text-align:right; }
dialog button { padding:7px 20px; cursor:pointer; }
dialog p { padding-bottom:14px; }
@media print {
  .header,.menu,.styles,.footer,dialog,#right-panel,#portrait,.program-actions { display:none !important; }
  body { background:white; min-width:0; }
  .page,.main,.main-in,#page-content { box-sizing:border-box; width:100%; margin:0; padding:0; float:none; background:white; }
  #intro,.listok { background:white; padding:0; }
  #summary,#left-panel { box-sizing:border-box; width:100%; float:none; padding:0; min-height:0; color:#000; }
  #page-content :is(h3,p,li,blockquote,cite,b,strong,em,a) { color:#000 !important; }
  #page-content h3 { break-after:avoid; }
}

/* Preserve the Soviet catalogue list presentation within its editable panel. */
#left-panel .soviet-virtue-list { list-style:none; margin-left:0.5em; }

#left-panel .youth-virtue-list { list-style:none; margin-left:0.5em; }

/* Universal catalogue and group lists, confined to their editable left panels. */
#left-panel .universal-virtue-list { list-style:none; margin-left:0.5em; }

/* Creative catalogue list, confined to its editable left panel. */
#left-panel .creative-virtue-list { list-style:none; margin-left:0.5em; }

/* Leadership catalogue list; other panels retain their presentation. */
#left-panel .leadership-virtue-list { list-style:none; margin-left:0.5em; }
#left-panel .meliorating-virtue-list { list-style:none; margin-left:0.5em; }

/* Contacts is in the footer; retain Login/Logout at the menu right edge. */
.menu li.item6 { float:right; }
