/* Конструктор цитат poleznoeznanie.com/citaty/ (задание № 1322). Цвета — сайта; шрифт — Golos Text своим сервером.
   Всё под #pzc: стили темы Kadence (кнопки, поля, списки) сюда не проникают. */
#pzc{--fon:#F2F1ED;--panel:#FBFAF7;--cherta:#D9D6CF;--cherta2:#8A857B;--tekst:#242320;--vtor:#5B5850;--akc:#9A5513;
  --knopka:#D77B23;--knopka-tekst:#1B1A17;--vybor:#EAE7E0;--fokus:#9A5513;
  font-family:"Golos Text",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tekst);background:var(--fon);
  font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;font-variant-numeric:lining-nums}
html.dark-mode #pzc,#pzc.pzc-temnaya{--fon:#1E1D1B;--panel:#262523;--cherta:#3D3B36;--cherta2:#7C786F;--tekst:#F2F1ED;--vtor:#B5B2AA;
  --akc:#E8912D;--vybor:#2E2D2A;--fokus:#E8912D}
#pzc *,#pzc *::before,#pzc *::after{box-sizing:border-box}
#pzc [hidden]{display:none!important}
#pzc .pzc-ramka{max-width:1400px;margin:0 auto;padding:28px 20px 40px}
#pzc .pzc-skryto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
#pzc a{color:inherit;text-decoration:none}
#pzc :focus{outline:none}
#pzc :focus-visible{outline:2px solid var(--fokus);outline-offset:2px;border-radius:4px}
#pzc button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;line-height:inherit}
#pzc button:disabled{cursor:default;opacity:.38}
#pzc ol,#pzc ul{list-style:none;margin:0;padding:0}
#pzc li{margin:0}
#pzc h1,#pzc h2,#pzc p{margin:0;font-family:inherit;color:inherit}
#pzc fieldset{border:0;margin:0;padding:0;min-width:0}
#pzc legend,#pzc .pzc-legenda{display:block;padding:0;margin:0 0 8px;font-size:14px;font-weight:500;color:var(--vtor)}

/* — элементы управления (№ 1424) — */
/* ряды кнопок */
#pzc .pzc-nabor{display:flex;flex-wrap:wrap;gap:8px}
#pzc .pzc-nb{min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--cherta2);border-radius:8px;font-size:15px;line-height:1.2}
#pzc .pzc-nb[aria-pressed=true],#pzc .pzc-uz[aria-pressed=true]{background:var(--tekst);color:var(--fon);border-color:var(--tekst)}
#pzc .pzc-palitry,#pzc .pzc-fony,#pzc .pzc-uzory{display:flex;flex-wrap:wrap;gap:8px}
#pzc .pzc-pal{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid var(--cherta2);overflow:hidden;font-size:11px;line-height:1.1}
#pzc .pzc-pal i{position:absolute;right:9px;bottom:9px;width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.6)}
#pzc .pzc-pal-avto{width:auto;min-width:44px;padding:0 12px;border-radius:22px;font-size:14px;background:transparent}
#pzc .pzc-pal[aria-pressed=true]{outline:3px solid var(--akc);outline-offset:2px}
#pzc .pzc-pal-avto[aria-pressed=true]{background:var(--tekst);color:var(--fon)}
#pzc .pzc-fon{width:56px;height:56px;border:2px solid var(--cherta2);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;font-size:12px;line-height:1.1}
#pzc .pzc-fon img{display:block;width:100%;height:100%;object-fit:cover}
#pzc .pzc-fon-net{width:auto;min-width:56px;padding:0 10px}
#pzc .pzc-fon[aria-pressed=true]{outline:3px solid var(--akc);outline-offset:2px}
#pzc .pzc-uz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:78px;min-height:44px;padding:4px 2px;border:1px solid var(--cherta2);border-radius:8px;font-size:11px;line-height:1.15;overflow:hidden}
#pzc .pzc-uz canvas{display:block;width:62px;height:62px;border-radius:4px}
#pzc .pzc-uz-t{width:auto;min-width:78px;font-size:14px;padding:0 12px}
#pzc .pzc-shrifty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#pzc .pzc-shr{display:flex;align-items:center;min-height:48px;padding:6px 10px;border:1px solid var(--cherta2);border-radius:8px;overflow:hidden}
#pzc .pzc-shr-obr{display:block;width:100%;max-width:200px;height:28px;background:currentColor;-webkit-mask:url(shrifty-obrazcy.webp?v=010802a2) 0 calc(var(--n)*-28px)/200px auto no-repeat;mask:url(shrifty-obrazcy.webp?v=010802a2) 0 calc(var(--n)*-28px)/200px auto no-repeat}
#pzc .pzc-shr[aria-pressed=true]{background:var(--tekst);color:var(--fon);border-color:var(--tekst)}

/* цвета */
#pzc .pzc-cveta{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
#pzc .pzc-cvet{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;line-height:1.2;text-align:center;color:var(--vtor)}
#pzc .pzc-cvet input{width:44px;height:44px;padding:0;border:2px solid var(--cherta2);border-radius:50%;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}
#pzc .pzc-cvet input::-webkit-color-swatch-wrapper{padding:0}
#pzc .pzc-cvet input::-webkit-color-swatch{border:0;border-radius:50%}
#pzc .pzc-cvet input::-moz-color-swatch{border:0;border-radius:50%}
#pzc .pzc-svoy input{border-color:var(--akc)}
#pzc .pzc-hex,#pzc .pzc-vyb{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:8px;margin-bottom:6px}
#pzc .pzc-vyb{grid-template-columns:1fr}
#pzc .pzc-hex label,#pzc .pzc-vyb label{font-size:14px;color:var(--vtor)}
#pzc .pzc-hex input[type=text],#pzc .pzc-vyb select{min-height:44px;padding:0 10px;font:inherit;font-size:15px;color:var(--tekst);background:var(--fon);border:1px solid var(--cherta2);border-radius:8px;width:100%;box-shadow:none;-webkit-appearance:none;appearance:none}
#pzc .pzc-vyb select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}

/* ползунки и тонкая настройка */
#pzc .pzc-tonko{margin-top:12px;border:1px solid var(--cherta);border-radius:8px}
#pzc .pzc-tonko summary{display:flex;align-items:center;min-height:44px;padding:0 12px;font-size:15px;font-weight:500;cursor:pointer;list-style:none}
#pzc .pzc-tonko summary::-webkit-details-marker{display:none}
#pzc .pzc-tonko summary::before{content:"+";display:inline-block;width:18px;font-weight:600}
#pzc .pzc-tonko[open] summary::before{content:"−"}
#pzc .pzc-tonko-tel{padding:4px 12px 12px}
#pzc .pzc-pz{margin-bottom:6px}
#pzc .pzc-pz-ryad{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--vtor)}
#pzc .pzc-pz-v{font-variant-numeric:tabular-nums;color:var(--tekst);white-space:nowrap}
#pzc .pzc-pz input[type=range]{display:block;width:100%;height:44px;margin:0;padding:0;border:0;box-shadow:none;background:transparent;-webkit-appearance:none;appearance:none;accent-color:var(--akc);cursor:pointer}
#pzc .pzc-pz input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--cherta2)}
#pzc .pzc-pz input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--cherta2)}
#pzc .pzc-pz input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-11px;border-radius:50%;background:var(--akc);border:3px solid var(--panel);box-shadow:0 0 0 1px var(--cherta2)}
#pzc .pzc-pz input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--akc);border:3px solid var(--panel);box-shadow:0 0 0 1px var(--cherta2)}
#pzc .pzc-galka{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px}
#pzc .pzc-galka input{width:22px;height:22px;margin:0;accent-color:var(--akc)}

/* — № 1481: вёрстка по утверждённому эскизу трёх экранов (rabota/786/eskiz/) — */
/* кнопки сайта, которые на этой странице лежали бы на картинке и шторке: тема — в строке действий, чат и приглашение — не здесь */
#pz-tema,.mwai-chat,.mwai-trigger,.pz-pril-priglas{display:none!important}

/* — список: вступление, разделы, цитаты — */
#pzc .pzc-vvod{margin-bottom:18px}
#pzc .pzc-h1{font-size:clamp(26px,20px + 1.4vw,34px);line-height:1.1;font-weight:650;letter-spacing:-.015em}
#pzc .pzc-lid{margin-top:8px;font-size:15px;color:var(--vtor);max-width:46ch;text-wrap:pretty}
#pzc .pzc-poisk{position:relative;margin-top:14px}
#pzc .pzc-poisk-znak{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--vtor);pointer-events:none}
#pzc .pzc-poisk input{width:100%;height:48px;margin:0;padding:0 14px 0 42px;font:inherit;font-size:16px;color:var(--tekst);
  background:var(--panel);border:1px solid var(--cherta);border-radius:12px;box-shadow:none;-webkit-appearance:none;appearance:none}
#pzc .pzc-poisk input::placeholder{color:var(--vtor);opacity:1}
#pzc .pzc-poisk input:focus-visible{outline:2px solid var(--fokus);outline-offset:1px;border-color:transparent}
#pzc .pzc-nazad{display:none;align-items:center;gap:4px;min-height:44px;margin:-6px 0 6px -6px;padding:0 10px 0 2px;font-size:16px;font-weight:500;color:var(--akc)}
#pzc .pzc-razdely{margin-bottom:16px}
#pzc .pzc-oglavlenie{display:flex;flex-wrap:wrap;gap:8px}
#pzc .pzc-oglavlenie a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--cherta);border-radius:999px;
  font-size:14px;font-weight:500;white-space:nowrap;background:var(--panel);transition:background-color .2s,border-color .2s,color .2s}
#pzc .pzc-oglavlenie a:hover{border-color:var(--cherta2)}
#pzc .pzc-oglavlenie .pzc-n{display:none}
#pzc .pzc-oglavlenie .pzc-sk{font-size:12px;color:var(--vtor);font-variant-numeric:tabular-nums}
#pzc .pzc-oglavlenie a[aria-current]{background:var(--tekst);border-color:var(--tekst);color:var(--fon)}
#pzc .pzc-oglavlenie a[aria-current] .pzc-sk{color:var(--fon);opacity:.7}
#pzc .pzc-h2{font-size:18px;line-height:1.25;font-weight:600}
#pzc .pzc-spisok-verh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px 8px}
#pzc .pzc-chislo{font-size:13px;color:var(--vtor);white-space:nowrap}
#pzc .pzc-citaty{border-top:1px solid var(--cherta)}
#pzc .pzc-c{display:block;padding:12px 12px;border-bottom:1px solid var(--cherta);transition:background-color .15s}
#pzc .pzc-c:hover{background:var(--vybor)}
#pzc .pzc-c[aria-current]{background:var(--vybor);box-shadow:inset 3px 0 0 var(--knopka)}
#pzc .pzc-c-razdel{display:block;font-size:12px;color:var(--vtor);margin-bottom:2px}
#pzc .pzc-c-tema{display:block;font-size:15px;font-weight:600;line-height:1.3}
#pzc .pzc-c-tekst{display:none}
#pzc .pzc-c-avtor{display:block;margin-top:3px;font-size:13px;color:var(--vtor)}
#pzc .pzc-pusto{padding:24px 0}
#pzc .pzc-pusto p{color:var(--vtor);margin-bottom:14px}
#pzc .pzc-knopka-vtor{min-height:44px;padding:0 18px;border:1px solid var(--cherta2);border-radius:10px;font-weight:500}
#pzc .pzc-noscript{padding:20px}
#pzc:not(.pzc-gotov):not(.pzc-oshibka) .pzc-setka{visibility:hidden}

/* — строка над картинкой: раздел, стрелки, действия — */
#pzc .pzc-instr{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:44px}
#pzc .pzc-vyb-razdel{min-width:0;flex:0 1 auto}
#pzc .pzc-vyb-razdel select{max-width:100%;height:44px;margin:0;padding:0 34px 0 16px;font:inherit;font-size:15px;font-weight:600;color:var(--tekst);
  background:var(--panel);border:1px solid var(--cherta);border-radius:999px;box-shadow:none;cursor:pointer;text-overflow:ellipsis;
  -webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 19px) 19px,calc(100% - 14px) 19px;background-size:5px 5px;background-repeat:no-repeat}
#pzc .pzc-vyb-razdel select:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
#pzc .pzc-deystviya{display:flex;gap:6px;margin-left:auto;flex:none}
#pzc .pzc-ik{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--cherta);
  background:var(--panel);color:var(--tekst);transition:transform .16s cubic-bezier(.32,.72,0,1),border-color .2s}
#pzc .pzc-ik:not(:disabled):hover{border-color:var(--cherta2)}
#pzc .pzc-ik:not(:disabled):active,#pzc .pzc-kv:not(:disabled):active,#pzc .pzc-glavnaya:active,#pzc .pzc-vk:active .pzc-vk-zn{transform:scale(.94)}
#pzc .pzc-strelki{display:flex;align-items:center;gap:2px}
#pzc .pzc-strelki-verh{display:none}
#pzc .pzc-kv{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--tekst);transition:transform .16s cubic-bezier(.32,.72,0,1),background-color .2s}
#pzc .pzc-kv:not(:disabled):hover{background:var(--vybor)}
#pzc .pzc-nomer{font-size:14px;color:var(--vtor);font-variant-numeric:tabular-nums;white-space:nowrap}
#pzc .pzc-strelki-niz{justify-content:center;margin-top:8px}
#pzc .pzc-k-spisku{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:0;max-width:calc(100% - 96px);padding:0 10px;border-radius:10px;font-size:14px;color:var(--vtor)}
#pzc .pzc-k-spisku:hover{background:var(--vybor);color:var(--tekst)}
#pzc .pzc-tema-c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pzc .pzc-k-spisku .pzc-nomer::after{content:" ·"}
#pzc .pzc-k-spisku .pzc-nomer:empty::after{content:none}

/* — картинка — */
#pzc .pzc-holst{position:relative;margin:0;display:flex;justify-content:center;align-items:flex-start}
#pzc .pzc-holst canvas{display:block;max-width:100%;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 32px -8px rgba(0,0,0,.22);
  transition:width .3s cubic-bezier(.32,.72,0,1),height .3s cubic-bezier(.32,.72,0,1)}
#pzc .pzc-holst canvas.pzc-smena{animation:pzc-smena .22s cubic-bezier(.32,.72,0,1)}
@keyframes pzc-smena{from{opacity:.55;transform:scale(.985)}to{opacity:1;transform:none}}
#pzc .pzc-metka{position:absolute;left:12px;bottom:12px;margin:0;padding:6px 10px;border-radius:8px;background:#8A1F1F;color:#fff;font-size:13px;font-weight:600;line-height:1.3;max-width:calc(100% - 24px)}
#pzc .pzc-podskazka{margin:6px auto 0;max-width:60ch;font-size:14px;text-align:center;color:var(--tekst)}
#pzc .pzc-ssylka{color:var(--akc);text-decoration:underline;text-underline-offset:3px;font-weight:500;min-height:44px}

/* — панель: «Скачать», вкладки-значки (телефон, планшет), разделы-гармошка (компьютер) — */
#pzc .pzc-panel{background:var(--panel);border:1px solid var(--cherta);border-radius:16px;display:flex;flex-direction:column;min-width:0;padding:14px}
#pzc .pzc-ruchka{display:none}
#pzc .pzc-glavnye{display:flex;gap:8px}
#pzc .pzc-glavnaya{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 18px;border-radius:12px;
  background:var(--knopka);color:var(--knopka-tekst);font-size:17px;font-weight:650;letter-spacing:-.005em;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 16px -6px rgba(215,123,35,.55);transition:transform .16s cubic-bezier(.32,.72,0,1),background-color .2s}
#pzc .pzc-glavnaya:hover{background:#E08A35}
#pzc .pzc-podel{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border-radius:12px;border:1px solid var(--cherta2);color:var(--tekst)}
#pzc .pzc-vkladki{display:none}
#pzc .pzc-gruppy{margin-top:6px}
#pzc .pzc-g{border-bottom:1px solid var(--cherta)}
#pzc .pzc-g:last-child{border-bottom:0}
#pzc .pzc-g-h{margin:0;font-size:16px}
#pzc .pzc-g-zag{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;font-size:15px;font-weight:600;text-align:left}
#pzc .pzc-g-zag svg{flex:none;color:var(--vtor)}
#pzc .pzc-g-zag span{flex:1}
#pzc .pzc-g-znach{font-style:normal;font-weight:500;font-size:14px;color:var(--vtor);white-space:nowrap}
#pzc .pzc-g-zag::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);margin:0 4px 0 2px;transition:transform .25s cubic-bezier(.32,.72,0,1)}
#pzc .pzc-g-zag[aria-expanded=true]::after{transform:translateY(2px) rotate(-135deg)}
#pzc .pzc-g-tel{display:none;padding:2px 0 18px}
#pzc .pzc-g-vidna .pzc-g-tel{display:block;animation:pzc-poyav .25s cubic-bezier(.32,.72,0,1)}
@keyframes pzc-poyav{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
#pzc .pzc-podpis{margin:14px 0 8px;font-size:13px;font-weight:500;color:var(--vtor)}
#pzc .pzc-g-tel>.pzc-podpis:first-child{margin-top:0}
#pzc .pzc-d{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid var(--cherta2);border-radius:10px;font-size:15px;font-weight:500;color:var(--tekst);white-space:nowrap}
#pzc .pzc-d:not(:disabled):hover{border-color:var(--tekst)}
#pzc .pzc-d-malaya{margin-top:6px}

/* образцы шаблонов — крупно, от 96 точек; выбранный — рамкой */
#pzc .pzc-shablony{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
#pzc .pzc-sh{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border-radius:10px;min-height:44px;transition:transform .16s cubic-bezier(.32,.72,0,1)}
#pzc .pzc-sh:active{transform:scale(.97)}
#pzc .pzc-sh canvas{display:block;max-width:100%;border-radius:8px;outline:1px solid var(--cherta);outline-offset:0;transition:outline-color .2s}
#pzc .pzc-sh span{font-size:12px;line-height:1.2;color:var(--vtor);text-align:center}
#pzc .pzc-sh[aria-pressed=true] canvas{outline:3px solid var(--knopka);outline-offset:2px}
#pzc .pzc-sh[aria-pressed=true] span{color:var(--tekst);font-weight:600}
#pzc .pzc-sh-zag{grid-column:1/-1;margin:8px 0 -2px;font-size:13px;font-weight:600;color:var(--vtor)}

/* — телефон и планшет: путь «картинка ↔ список цитат», вкладки-значки — */
@media (max-width:1179.98px){
  #pzc .pzc-ramka{padding:16px 20px 32px}
  #pzc[data-vid=redaktor] .pzc-levo{display:none}
  #pzc[data-vid=spisok] .pzc-redaktor{display:none}
  #pzc[data-vid=spisok] .pzc-nazad{display:inline-flex}
  #pzc .pzc-vkladki{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin:14px -4px 2px}
  #pzc .pzc-vk{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:60px;padding:2px 0;color:var(--vtor);font-size:11.5px;font-weight:500;line-height:1.1;letter-spacing:-.01em;white-space:nowrap}
  #pzc .pzc-vk-zn{display:flex;align-items:center;justify-content:center;width:44px;height:38px;border-radius:12px;background:var(--vybor);color:var(--tekst);
    transition:background-color .25s cubic-bezier(.32,.72,0,1),color .25s,transform .16s cubic-bezier(.32,.72,0,1)}
  #pzc .pzc-vk[aria-selected=true]{color:var(--tekst);font-weight:600}
  #pzc .pzc-vk[aria-selected=true] .pzc-vk-zn{background:var(--knopka);color:var(--knopka-tekst)}
  #pzc .pzc-g{border-bottom:0;display:none}
  #pzc .pzc-g.pzc-g-vidna{display:block}
  #pzc .pzc-g-h{display:none}
  #pzc .pzc-g-tel{padding:10px 0 12px}
  #pzc .pzc-oglavlenie{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px 4px;scrollbar-width:none;
    -webkit-mask:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 28px),transparent);mask:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 28px),transparent)}
  #pzc .pzc-oglavlenie::-webkit-scrollbar{display:none}
  #pzc .pzc-oglavlenie li{flex:none}
  #pzc .pzc-c{padding:14px 4px}
  #pzc .pzc-c-tekst{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:14px;line-height:1.45;opacity:.85;hyphens:auto}
}

/* — планшет: картинка слева (не уезжает), панель справа — */
@media (min-width:768px) and (max-width:1179.98px){
  #pzc .pzc-ramka{padding:20px 24px 48px}
  #pzc .pzc-scena{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:0 22px;align-items:start}
  #pzc .pzc-centr{position:sticky;top:12px}
  #pzc .pzc-instr .pzc-vyb-razdel{flex:1}
  #pzc .pzc-levo{max-width:680px}
}

/* — телефон: картинка над шторкой, шторка прилипает к низу и тянется пальцем — */
@media (max-width:767.98px){
  #pzc .pzc-ramka{padding:10px 12px 24px}
  #pzc[data-vid=redaktor] .pzc-ramka{padding-bottom:calc(var(--pzc-list,320px) + 12px)}
  #pzc[data-vid=redaktor] .pzc-centr{position:sticky;top:0;z-index:3;background:var(--fon);padding-top:6px;margin-top:-6px}
  #pzc .pzc-instr{margin-bottom:10px;gap:6px}
  #pzc .pzc-deystviya{gap:4px}
  #pzc .pzc-strelki-niz{margin-top:4px}
  #pzc .pzc-panel{position:fixed;left:0;right:0;bottom:0;z-index:10000;height:320px;padding:0 12px;border-radius:20px 20px 0 0;border-width:1px 0 0;
    box-shadow:0 -10px 30px -6px rgba(0,0,0,.22);overflow:hidden;transition:height .3s cubic-bezier(.32,.72,0,1);will-change:height}
  #pzc .pzc-panel.pzc-tyanu{transition:none}
  #pzc .pzc-ruchka{display:flex;align-items:center;justify-content:center;flex:none;height:26px;margin:0 -12px;cursor:grab;touch-action:none}
  #pzc .pzc-ruchka i{display:block;width:40px;height:5px;border-radius:3px;background:var(--cherta2);opacity:.7}
  #pzc .pzc-vkladki{order:1;flex:none;margin:0 -4px}
  #pzc .pzc-gruppy{order:2;flex:1;min-height:0;margin:0 -12px;padding:0 12px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    border-top:1px solid var(--cherta)}
  #pzc .pzc-panel[data-pol=svernut] .pzc-gruppy{visibility:hidden}
  #pzc .pzc-glavnye{order:3;flex:none;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));margin:0 -12px;padding-left:12px;padding-right:12px;
    background:var(--panel);border-top:1px solid var(--cherta)}
  #pzc .pzc-shablony{display:flex;gap:10px;overflow-x:auto;margin:0 -12px;padding:4px 12px 6px;scroll-snap-type:x proximity;scrollbar-width:none;scroll-padding:0 12px}
  #pzc .pzc-shablony::-webkit-scrollbar{display:none}
  #pzc .pzc-sh{flex:none;width:104px;scroll-snap-align:start}
  #pzc .pzc-sh-zag{display:none}
}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce){#pzc .pzc-panel,#pzc .pzc-holst canvas{transition:none}}

/* — компьютер: разделы и цитаты · картинка · панель — */
@media (min-width:1180px){
  #pzc .pzc-ramka{max-width:1480px;padding:32px 40px 72px}
  #pzc .pzc-setka{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0 36px;align-items:start}
  #pzc .pzc-scena{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0 28px;align-items:start}
  #pzc .pzc-centr{position:sticky;top:20px}
  #pzc .pzc-vyb-razdel,#pzc .pzc-strelki-niz{display:none}
  #pzc .pzc-strelki-verh{display:flex}
  #pzc .pzc-instr{margin:2px 0 14px}
  #pzc .pzc-oglavlenie{gap:6px}
  #pzc .pzc-oglavlenie a{min-height:34px;padding:0 11px;font-size:13px}
  #pzc .pzc-holst canvas{transition:none}
}
@media (prefers-reduced-motion:reduce){#pzc *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* тёмная тема: тени мягче, шторка отделяется светлой кромкой */
html.dark-mode #pzc .pzc-holst canvas,#pzc.pzc-temnaya .pzc-holst canvas{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 12px 32px -8px rgba(0,0,0,.6)}
html.dark-mode #pzc .pzc-panel,#pzc.pzc-temnaya .pzc-panel{box-shadow:0 -10px 30px -6px rgba(0,0,0,.6)}
html.dark-mode #pzc .pzc-glavnaya,#pzc.pzc-temnaya .pzc-glavnaya{box-shadow:none}

/* журнальные шаблоны (№ 1481): то, чего у них нет, — скрыто; подсказка — вместо */
#pzc.pzc-n .pzc-klass{display:none!important}
#pzc:not(.pzc-n) .pzc-tolko-n{display:none!important}
#pzc .pzc-zametka{margin:4px 0 8px;padding:12px 14px;border-radius:10px;background:var(--vybor);font-size:14px;line-height:1.45;color:var(--tekst)}
/* телефон, экран картинки: подвал сайта не выглядывает из-под шторки; страница кончается шторкой */
html.pzc-ekran #colophon{display:none}
#pzc .pzc-vse-sh{width:100%;margin-top:12px}
@media (min-width:768px){#pzc .pzc-sh-svernuto .pzc-sh:nth-of-type(n+10):not([aria-pressed=true]){display:none}#pzc .pzc-sh-svernuto .pzc-sh-zag:nth-of-type(n+2){display:none}}
@media (max-width:767.98px){#pzc .pzc-vse-sh{display:none}}
@media (max-width:767.98px){
  #pzc[data-vid=redaktor] .pzc-ramka{min-height:100svh}   /* есть куда прокрутить: шапка сайта уходит, картинке больше места */
  #pzc #pzc-gt-sh>.pzc-podpis:first-child{display:none}
}
@media (max-width:767.98px){
  #pzc[data-pol=polnyy] .pzc-strelki-niz{display:none}
  #pzc .pzc-panel,#pzc .pzc-holst,#pzc .pzc-instr{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
}
/* № 1481, по Контролёру выпуска: подписи образцов на телефоне не срезаны; на компьютере «Скачать» липкая, разделы плотнее */
@media (max-width:767.98px){#pzc .pzc-shablony{padding-bottom:16px}}
@media (min-width:1180px){
  #pzc .pzc-glavnye{position:sticky;top:12px;z-index:2;margin:-14px -14px 0;padding:14px;background:var(--panel);border-radius:16px 16px 0 0}
  #pzc .pzc-oglavlenie{gap:5px}
  #pzc .pzc-oglavlenie a{min-height:32px;padding:0 10px;font-size:12.5px}
  #pzc .pzc-oglavlenie .pzc-sk{display:none}
  #pzc .pzc-lid{display:none}
}
