/* Паровоз ИС — фотогалерея. Палитра прежняя (тёплая, «бумажная»), вёрстка адаптивная. */
:root{--ink:#2b1a0c;--brown:#612e00;--orange:#e85d00;--paper:#fbf4e6;--card:#fffaf0;--line:#e8bf78;--soft:#f7e0b7;--muted:#8a6a48;--pod:#cdeab3;--fresh:#fff1c9;--r:6px}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--brown)}a:hover{color:var(--orange)}
main{max-width:1280px;margin:0 auto;padding:12px 16px 32px}
.top{display:grid;grid-template-columns:auto 1fr auto;gap:8px 16px;align-items:center;padding:10px 16px;background:linear-gradient(#fcd9b4,#f7e0b7);border-bottom:2px solid var(--line)}
.logo img{display:block}
.tabs{display:flex;flex-wrap:wrap;gap:4px}
.tabs a{padding:6px 10px;border-radius:var(--r) var(--r) 0 0;background:#f9e6c8;border:1px solid var(--line);border-bottom:0;font-weight:700;text-decoration:none;font-size:14px}
.tabs a.on{background:var(--paper);color:var(--orange)}
.find{grid-column:2;display:flex;gap:6px}
.find input{flex:1;max-width:420px}
.who{grid-row:1;grid-column:3;font-size:14px}
input,select,button{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink)}
button{background:var(--brown);color:#fff;border-color:var(--brown);cursor:pointer;font-weight:700}
button:hover{background:var(--orange);border-color:var(--orange)}
h1{font-size:22px;margin:8px 0 4px;color:var(--brown)}h2{font-size:17px;margin:0 0 8px;color:var(--brown)}
.intro .links{margin:0 0 6px;font-size:14px}
.stat{margin:0 0 12px;padding-left:18px;color:var(--muted);font-size:14px}.stat b{color:#2f6f1f}
.pager{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;justify-content:center;margin:12px 0;padding:8px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);font-size:13px}
.pager b{color:var(--orange)}.pager .sizes{margin-left:12px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top{grid-template-columns:1fr}.find,.who{grid-column:1;grid-row:auto}.tabs a{font-size:13px;padding:5px 7px}}
@media(max-width:420px){.grid{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.card.pod{background:var(--pod)}.card.fresh{background:var(--fresh)}
.card .pic{display:block;aspect-ratio:3/2;background:#efe3cc}
.card .pic img{width:100%;height:100%;object-fit:cover;display:block}
.card .txt{padding:8px 10px;font-size:13.5px;flex:1}
.card .pub{color:var(--orange)}
.card .meta{display:flex;gap:10px;padding:6px 10px;background:var(--soft);font-size:13px;color:var(--muted)}
.card .meta .c{color:#c00;font-weight:700}
.medal{color:#d49b00}
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;margin:12px 0}
.authors{columns:3;margin:0;padding-left:18px}.authors span{color:var(--muted);font-size:13px}
.empty{padding:24px;text-align:center;color:var(--muted)}
.search{margin-top:20px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.search .row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:flex-end;margin-bottom:8px}
.search label{display:flex;flex-direction:column;font-size:13px;color:var(--muted);gap:2px}
.search label.r{flex-direction:row;align-items:center;gap:4px;color:var(--ink)}
.search select,.search input{min-width:180px}
footer{text-align:center;padding:16px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}
.cm blockquote{margin:4px 0;padding:4px 10px;border-left:3px solid var(--line);background:var(--paper);font-style:italic}
.cm .del{color:var(--muted);font-style:italic;margin:0}.hint{font-size:13px;color:var(--muted)}
.en{display:block;color:var(--muted);font-style:italic}
.narrow{max-width:520px;margin:16px auto}.form{display:flex;flex-direction:column;gap:10px;margin:10px 0}.form label{display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--muted)}.form label.fchk{flex-direction:row;align-items:center;gap:8px;color:var(--ink);cursor:pointer}.form label.fchk input{width:18px;height:18px;margin:0;flex:none;padding:0}
.err{color:#b00020;font-weight:600}.ok{color:#2f6f1f;font-weight:600}.menu li{margin:4px 0}.mail{white-space:pre-wrap;background:#fff;border:1px dashed var(--line);padding:8px;font-size:12px}
.votebar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.votebar span{color:var(--muted);font-size:14px}
.vote{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.vote label{display:flex;align-items:center;gap:1px;font-size:12px}
.flash{background:#e9f5e1;border:1px solid #b9dca5;border-radius:var(--r);padding:8px 12px}
.inline{display:inline}.link{background:none;border:0;padding:0;color:var(--brown);text-decoration:underline;font-weight:400;font-size:13px;cursor:pointer}.link:hover{background:none;color:var(--orange)}.link.danger{color:#b00020}
.pend{color:#b36b00;font-size:13px;margin:0}.addcm{margin-top:14px;display:flex;flex-direction:column;gap:6px}.addcm textarea{font:inherit;padding:8px;border:1px solid var(--line);border-radius:var(--r)}
.addcm .tools{display:flex;gap:4px}.addcm .tools button{background:#fff;color:var(--ink);border-color:var(--line);padding:2px 8px}.addcm .r{display:flex;gap:6px;align-items:center;font-size:14px}.addcm>button{align-self:flex-start}
.find2{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.hof{columns:3;padding-left:18px;margin:0}.hof li{margin:2px 0;break-inside:avoid}.hof span{font-size:13px}
@media(max-width:700px){.hof,.authors{columns:1}}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.cols{grid-template-columns:1fr}}
.bars{width:100%;border-collapse:collapse;font-size:13.5px}.bars td{padding:2px 4px}.bars .n{color:var(--muted);width:2em;text-align:right}.bars .l{width:40%}
.bars .b span{display:block;height:10px;background:var(--line);border-radius:3px}.bars .v{text-align:right;white-space:nowrap;width:5em}
.cm2{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed var(--soft)}.cm2 img{width:120px;height:80px;object-fit:cover;border-radius:var(--r)}.cm2 .ph{margin:0;font-size:13px}.cm2 .by{margin:2px 0;font-size:13px;color:var(--muted)}
.faq{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 20px}.faq h3{color:#776f00;font-size:16px;margin-top:18px}.mods td,.mods th{padding:2px 10px;text-align:left}
.upload{max-width:900px}.up .row{display:flex;flex-wrap:wrap;gap:8px 14px}.up .row label{min-width:160px}.up textarea{font:inherit;padding:8px;border:1px solid var(--line);border-radius:var(--r)}
.up label.r{flex-direction:row;align-items:center;gap:6px;color:var(--ink)}.up>button{align-self:flex-start}
.prev{font-size:13px;color:var(--muted)}.prev img{max-height:160px;max-width:100%;border:1px solid var(--line);border-radius:var(--r);vertical-align:middle}
.up-res{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.up-res img{border-radius:var(--r)}.up-res p{margin:4px 0}
.exifask{margin-top:12px;padding:10px 12px;background:var(--fresh);border:1px solid var(--line);border-radius:var(--r)}.exifask p{margin:0 0 8px}
.btn2{display:inline-block;padding:6px 14px;border:1px solid var(--brown);border-radius:var(--r);background:#fff;font-weight:700;text-decoration:none}

/* ---- страница фото: снимок в натуральную величину, под ним сведения и комментарии в две колонки ---- */
.podlabel{margin:0 0 6px;color:#b98200;font-weight:700;text-align:center}.banner{text-align:center;margin:0 0 8px}
.shot{position:relative;width:max-content;max-width:calc(100vw - 24px);margin:4px 0 0;left:50%;transform:translateX(-50%);padding:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 2px 10px rgba(97,46,0,.10)}
.shot img{display:block;max-width:calc(100vw - 42px);height:auto;image-rendering:auto}
.shot .side{position:absolute;top:8px;bottom:8px;width:22%;display:flex;align-items:center;text-decoration:none;color:#fff;opacity:0;transition:opacity .15s}
.shot .prev{left:8px;justify-content:flex-start;padding-left:12px}.shot .next{right:8px;justify-content:flex-end;padding-right:12px}
.shot .side span{font-size:44px;line-height:1;width:48px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.42);border-radius:var(--r)}
.shot:hover .side{opacity:.85}.shot .side:hover{opacity:1}
@media(hover:none){.shot .side{display:none}}
.flip{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:8px auto 14px;font-size:14px}.flip .num{color:var(--muted);font-size:13px}
.ph-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:14px;align-items:start}
@media(max-width:980px){.ph-cols{grid-template-columns:1fr}}
.ph-side{display:flex;flex-direction:column;gap:14px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.panel h1{font-size:20px;line-height:1.3;margin:0 0 10px}.panel h2{font-size:16px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--soft);display:flex;align-items:baseline;gap:8px}
.panel h2 small{font-weight:400;color:var(--muted);font-size:12px;margin-left:auto}.panel h2 .cnt{background:var(--soft);color:var(--brown);border-radius:var(--r);padding:0 7px;font-size:13px}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:5px 14px;margin:0;font-size:14px}
.facts dt{color:var(--muted)}.facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.muted{color:var(--muted)}
.perm{font-size:13px}.sub{display:block;margin-top:10px}
.vote1{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;padding:10px;background:var(--fresh);border:1px solid var(--line);border-radius:var(--r)}
.vote1 label{display:flex;align-items:center;gap:2px;font-weight:700}.vote1 small{flex-basis:100%;color:var(--muted)}
.exif summary{cursor:pointer;color:var(--brown);margin-top:10px;font-size:14px}
.exif table{border-collapse:collapse;font:12.5px ui-monospace,Consolas,monospace;margin-top:6px;width:100%}
.exif th{text-align:left;background:var(--soft);padding:2px 8px;font-weight:600;white-space:nowrap}.exif td{padding:2px 8px;border-bottom:1px solid var(--soft);overflow-wrap:anywhere}.exif td.ru{color:var(--muted);font-family:inherit}
.comments .day{font-size:13px;color:var(--brown);font-weight:700;margin:14px 0 2px;text-transform:none}.comments .day:first-of-type{margin-top:4px}
.cm{padding:8px 0;border-bottom:1px dashed var(--soft)}.cm:last-of-type{border-bottom:0}
.cm .t{white-space:normal;overflow-wrap:anywhere}.cm .by{margin:3px 0 0;font-size:13px;color:var(--muted)}.cm .by .n{color:var(--orange);font-weight:700;margin-right:2px}
.comments .addcm{border-top:1px solid var(--soft);padding-top:12px}.comments .addcm h3{margin:0;font-size:15px;color:var(--brown)}
/* ---- Мастерская: мои неопубликованные фото ---- */
.mine-all{max-width:1100px;margin:12px auto}.mine h3{font-size:15px;color:var(--brown);margin:14px 0 6px}.mine .none{color:var(--muted);margin:0}
.mine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.mi{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:13px}
.mi img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.mi span,.mi small{padding:0 8px}.mi small{color:var(--muted)}.mi .acts{padding:4px 8px 8px;color:var(--muted)}
button.danger{background:#b00020;border-color:#b00020;margin-top:12px}button.danger:hover{background:#d0102a;border-color:#d0102a}
.facts2 td{padding:2px 10px 2px 0;font-size:14px}.facts2 td:first-child{color:var(--muted)}
.exifbox table.exif{border-collapse:collapse;width:100%;font-size:13.5px;margin:0}
.exifbox table.exif th{text-align:left;font-weight:600;background:var(--soft);color:var(--brown);padding:4px 10px;width:42%;border-bottom:1px solid #fff;vertical-align:top}
.exifbox table.exif td{padding:4px 10px;border-bottom:1px solid var(--soft);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.mobile-feed{font-size:12px}
/* ---- модерация ---- */
.modpage{max-width:1180px;margin:12px auto}.modtabs{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.modtabs a{padding:6px 10px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none;font-size:14px}
.modtabs a.on{background:var(--brown);color:#fff;border-color:var(--brown)}.modtabs b{color:var(--orange)}.modtabs a.on b{color:#ffd9b0}
.modcard{display:grid;grid-template-columns:300px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--soft)}@media(max-width:760px){.modcard{grid-template-columns:1fr}}
.modcard .mpic img{width:100%;border-radius:var(--r);display:block}.modcard h3{margin:0 0 8px;font-size:16px}
.macts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.macts input[type=date]{padding:5px}
.del summary{cursor:pointer;color:#b00020;font-weight:600;font-size:14px}.del form{display:flex;flex-direction:column;gap:3px;margin-top:6px;max-width:520px}.del label.r{display:flex;gap:6px;font-size:14px}
.del textarea{font:inherit;padding:6px;border:1px solid var(--line);border-radius:var(--r);margin:4px 0}.del button{align-self:flex-start}
.warn{color:#b00020;font-size:13px}.modcm{padding:8px 0;border-bottom:1px dashed var(--soft)}.modcm .by{margin:0 0 4px;font-size:13px;color:var(--muted)}
.modlog{border-collapse:collapse;width:100%;font-size:13.5px}.modlog th,.modlog td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--soft);vertical-align:top}.modlog th{background:var(--soft)}.nowrap{white-space:nowrap}
.modlog select,.modlog input{padding:2px 4px;font-size:13px}.modlog input{width:110px}
.modbar{margin-top:12px;padding:10px;border:1px dashed #b98200;border-radius:var(--r);background:#fff8e6;font-size:14px}
button:disabled{opacity:.45;cursor:not-allowed}
button.btn2{color:var(--brown)}button.btn2:hover{background:var(--soft);color:var(--brown)}
.tblwrap{overflow-x:auto;max-width:100%}

/* кнопки-ссылки («удалить», «снять») — текстом, без красной заливки */
button.link,button.link:hover{background:none;border:0;padding:0;font-weight:400}
button.link.danger,button.link.danger:hover{background:none;border:0;color:#b00020;padding:0}
button.link.danger:hover{text-decoration:underline;color:#e0002a}
/* форма поиска: переключатели и галочки — в строку, текст рядом */
.search input[type=radio],.search input[type=checkbox]{min-width:0;width:auto;margin:0;accent-color:var(--brown)}
.search label.r{flex-direction:row;align-items:center;gap:6px;color:var(--ink);font-size:14px;padding:6px 0}
.search .row:last-child{align-items:center}
input[type=radio],input[type=checkbox]{accent-color:var(--brown)}
footer .eng{display:block;margin-top:4px;font-size:11px;opacity:.8}
/* ---- форма поиска ---- */
.search{display:flex;flex-direction:column;gap:10px}
.search .srow{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end}
.search .srow>label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--muted);min-width:200px}
.search .srow>label.grow{flex:1 1 320px}.search .srow>label.grow input,.search .srow>label.grow select{width:100%}
.search .srow>label select,.search .srow>label input{min-width:0}
.search label.chk{flex-direction:row;align-items:center;gap:6px;color:var(--ink);font-size:14px;min-width:0;padding-bottom:7px}
.search label.chk small{color:var(--muted)}
.search .range{display:flex;align-items:center;gap:6px;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%}.chips:empty{display:none}
.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 10px;background:#fff;border:1px solid var(--line);border-radius:var(--r);font-size:13.5px}
.chip button{background:none;border:0;color:var(--muted);padding:0 4px;font-size:16px;line-height:1}.chip button:hover{background:none;color:#b00020}
.search .bottom{align-items:center;justify-content:flex-start}.search .bottom>button{margin-left:auto;padding:7px 22px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.seg label{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:14px;color:var(--ink);cursor:pointer}.seg label+label{border-left:1px solid var(--line)}
.seg input{margin:0}
@media(max-width:600px){.search .srow>label{min-width:0;flex:1 1 100%}.search .bottom>button{margin-left:0;width:100%}}
.find2 label.chk{display:flex;align-items:center;gap:6px;font-size:14px}
.synadd{display:flex;gap:10px;align-items:flex-end;margin:10px 0}.synadd textarea{flex:1;font:inherit;padding:8px;border:1px solid var(--line);border-radius:var(--r)}
.syns{list-style:none;padding:0;margin:0}.syns li{padding:7px 0;border-bottom:1px dashed var(--soft);font-size:14px}
.syns .sw{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2px 4px 2px 8px}.syns .eq{color:var(--muted)}
footer .iks{display:inline-block;margin-top:8px}footer .iks img{display:block;border:0}
.search .seg label{flex-direction:row;min-width:0;padding:7px 14px}
/* ---- разделы-коллекции: карты, расписания ---- */
.docs{max-width:1280px;margin:12px auto}.docs h1 a{text-decoration:none}.docs .modtabs a.add{background:var(--fresh);font-weight:700}
.abc{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 12px}.abc a{min-width:26px;text-align:center;padding:2px 6px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none;font-size:13px}
.docgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.dcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink)}
.dcard:hover{border-color:var(--orange)}.dcard img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f6efe2;display:block}
.dcard .t{padding:8px 10px 2px;font-size:14px;line-height:1.3}.dcard .m{padding:0 10px 8px;font-size:12px;color:var(--muted)}
.doc h2{font-size:20px}.doc .facts{margin:12px 0}.pdfview{width:100%;height:85vh;border:1px solid var(--line);border-radius:var(--r);background:#fff}
/* ---- Феррохронограф ---- */
.td{max-width:1180px;margin:12px auto}.td h1 a{text-decoration:none}.td .modtabs a.add{background:var(--fresh);font-weight:700}
.cal summary{cursor:pointer;color:var(--brown);font-weight:600;margin:8px 0}
.months{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.mon{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px}.mon.on{border-color:var(--orange)}
.mon .mn{display:block;font-weight:700;text-decoration:none;margin-bottom:4px}.mon .days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.mon .days a{text-align:center;font-size:12px;padding:3px 0;border-radius:4px;text-decoration:none}.mon .days a.has{background:var(--soft);color:var(--brown);font-weight:600}
.mon .days a.no{color:#bbb}.mon .days a.sel{background:var(--brown);color:#fff}
.events{list-style:none;padding:0;margin:0}.events li{padding:8px 0;border-bottom:1px dashed var(--soft);line-height:1.45}
.events .d{font-weight:700;color:var(--brown);margin-right:6px}.events .d.old{color:#8a7a68}.events .c{font-size:13px;margin-left:6px;white-space:nowrap}.events .macts{display:flex;margin:6px 0 0}
.event .big{font-size:17px;line-height:1.5}
.calnav{display:flex;justify-content:space-between;gap:8px;margin:8px 0;font-size:14px}.months.one{grid-template-columns:minmax(0,420px);justify-content:center}
.months.one .days a{font-size:14px;padding:6px 0}
/* ---- Уцелевшие паровозы ---- */
.ex{max-width:1180px;margin:12px auto}.ex h1 a{text-decoration:none}.exsum{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:13px}.exsum a{text-decoration:none;color:var(--ink)}
.st{display:inline-block;padding:1px 7px;border-radius:var(--r);font-size:12px;background:#eee;color:#555;white-space:nowrap}
.st-M,.st-P{background:#f3e3f6;color:#7a2b86}.st-W{background:#e2ecfa;color:#1d4f9c}.st-S,.st-G{background:#e9e9e9;color:#333}.st-A,.st-C{background:#f6e7d9;color:#7a4313}.st-D{background:#fbe1e1;color:#b00020}
.exloco{margin:12px 0}.exloco h2{display:flex;align-items:center;gap:10px}.extable td{font-size:13.5px}
/* энциклопедии «Железнодорожье» и «Младший брат» */
.wiki{max-width:1180px;margin:12px auto}.wiki h1 a{text-decoration:none}.wiki h1 small{font-size:14px;font-weight:400;color:var(--muted);margin-left:8px}
.wiki .modtabs a.add{background:var(--fresh);font-weight:700}
.wlist{columns:3 260px;column-gap:24px}.wl{break-inside:avoid;margin-bottom:8px}.wl h3{margin:6px 0 2px;color:var(--orange);font-size:16px}.wl ul{margin:0;padding-left:18px}.wl li{margin:2px 0}.wl a.on{font-weight:700;color:var(--orange)}
.art .atitle{font-size:21px}.art .atitle .muted{font-size:13px;font-weight:400}
.toc{display:flex;flex-wrap:wrap;gap:4px 12px;padding:8px 10px;margin:8px 0 12px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);font-size:13.5px}
.wmeta{margin:6px 0}.wsec{margin:14px 0;padding-top:4px;border-top:1px solid var(--soft)}.wsec>h3{margin:4px 0 8px;color:var(--brown);font-size:17px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.wtext{line-height:1.55}.wtext p{margin:0 0 .7em}.wtext dt{font-weight:700;margin-top:6px}.wtext dd{margin:0 0 4px 18px}
.syn{display:grid;grid-template-columns:max-content 1fr;gap:3px 14px;margin:0}.syn dt{color:var(--muted)}.syn dd{margin:0}
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:8px 0}
.wgrid figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:12.5px}.wgrid figure.new{outline:3px solid var(--orange)}
.wgrid img{display:block;width:100%;height:128px;object-fit:cover;background:var(--soft)}.wgrid figcaption{padding:4px 6px}
.wph h4{margin:10px 0 4px;font-size:14px;color:var(--brown)}
.wed{margin:6px 0}.wed>summary{cursor:pointer;color:var(--brown);font-size:13.5px}.wed.inline{display:inline-block}.wed textarea{font:inherit;padding:8px;border:1px solid var(--line);border-radius:var(--r)}
.wed .tools,.addcm .tools{display:flex;gap:4px;flex-wrap:wrap}.wed .tools button{background:#fff;color:var(--ink);border-color:var(--line);padding:2px 8px}
.wedit{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;padding:8px;background:var(--fresh);border:1px solid var(--line);border-radius:var(--r)}.wedit label{display:flex;flex-direction:column;font-size:13px;color:var(--muted)}
.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wadd{margin:6px 0}
.btn2s{background:#fff;color:var(--brown);border-color:var(--brown);padding:3px 10px;font-size:13px}.btn2s:hover{color:#fff}
.sacts{font-size:13px;font-weight:400;display:inline-flex;gap:6px;align-items:center}
.wlinks li.map{list-style:square}.wdisc{margin-top:16px;padding:8px 12px;background:var(--pod);border-radius:var(--r);font-size:13px;text-align:center}
.epi{margin:8px 0;padding:6px 12px;border-left:3px solid var(--line);color:var(--muted);font-size:14px}
.wtab{border-collapse:collapse;width:100%}.wtab td{padding:4px 8px;border-bottom:1px solid var(--soft)}.wtab .d{text-align:right;white-space:nowrap;color:var(--muted)}
.ver{margin:8px 0;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.ver summary{cursor:pointer}
.cm .t p{margin:0 0 .5em}.cm .t p:last-child{margin:0}.smile{font-style:normal}
.syn .rc{color:#7a3b1d;font-style:italic}.syn .rw{color:#2f6f1f;text-decoration:underline}.multi{border:1px solid var(--line);border-radius:var(--r);display:flex;flex-wrap:wrap;gap:2px 14px}.multi label.r{flex-direction:row;align-items:center;gap:4px;color:var(--ink)}
/* главная страница сайта */
.hometop{grid-template-columns:auto 1fr auto}.htitle{display:flex;flex-direction:column}.htitle b{font-size:24px;color:var(--brown)}.htitle span{color:var(--muted);font-size:14px}
.hlogin{font-size:14px;text-align:right}.loginrow{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.loginrow input{width:130px}
.homegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px;max-width:1280px;margin:0 auto;padding:0 12px}.homegrid .wide{grid-column:1/-1}
@media(max-width:1000px){.homegrid{grid-template-columns:1fr}.hometop{grid-template-columns:auto 1fr}.hlogin{grid-column:1/-1;text-align:left}.loginrow{justify-content:flex-start}}
.hsec h2 a{text-decoration:none}.hlinks{margin:0}.hlinks dt{font-weight:700;margin-top:8px}.hlinks dd{margin:2px 0 0;font-size:14px;color:var(--muted)}
.hgal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:900px){.hgal{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.hgal{grid-template-columns:1fr}}
.hgal .hph{display:block;background:var(--soft);aspect-ratio:3/2;overflow:hidden}.hgal .hph img{width:100%;height:100%;object-fit:cover;display:block}.hgal .hgt{padding:8px 10px;font-size:14px}.hgal .n{color:var(--orange)}
.hother{columns:2 320px;margin:0;padding-left:18px}.hother li{margin:4px 0;break-inside:avoid}
.home .events{padding-left:0;list-style:none;margin:6px 0}.home .events li{margin:6px 0;font-size:14px}.home .events .d{font-weight:700;color:var(--orange);margin-right:4px}
/* старые страницы в общем оформлении (legacy.php) */
.legacy{max-width:1100px;margin:12px auto}.legacy .crumbs{font-size:13px;color:var(--muted);margin-bottom:8px}.legacy .modtabs{margin-bottom:10px}
.ltext{line-height:1.5;overflow-wrap:anywhere}.ltext img{max-width:100%;height:auto}.ltext table{max-width:100%}.ltext td,.ltext th{vertical-align:top}
.ltext h1,.ltext h2,.ltext h3{color:var(--brown)}.ltext h1{font-size:22px}.ltext h2{font-size:18px}.ltext h3{font-size:16px}
.ltext hr{border:0;border-top:1px solid var(--line);margin:12px 0}
.ltext center>table,.ltext table[width]{width:auto}.tscell{background:var(--soft);padding:6px 10px}.tscopy{margin-top:18px;font-size:12.5px;color:var(--muted)}
.ltext{overflow-x:auto}
/* таблицы старых разделов */
.ltext table.ltab{width:100%;border-collapse:collapse;margin:10px 0;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.ltab th{background:var(--soft);color:var(--brown);text-align:left;padding:7px 10px;border-bottom:2px solid var(--line);font-size:14px;white-space:nowrap}
.ltab td{padding:7px 10px;border-bottom:1px solid #f0dcb6;background:transparent}
.ltab tr:nth-child(even) td{background:#fffdf8}.ltab tr:hover td{background:var(--fresh)}
/* «Путевые заметки»: тема — автор — регион — дата — подробности */
.l-stories .ltab td:nth-child(1){width:22%;font-weight:600}.l-stories .ltab td:nth-child(2){width:13%}.l-stories .ltab td:nth-child(3){width:13%;color:var(--muted)}
.l-stories .ltab td:nth-child(4){white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.l-stories .ltab td:nth-child(5){font-size:14px}
@media(max-width:700px){
 .ltext{overflow-x:visible}
 .l-stories .ltab,.l-stories .ltab tbody,.l-stories .ltab tr,.l-stories .ltab td{display:block;width:auto!important}
 .l-stories .ltab tr:first-child{display:none}.l-stories .ltab tr{border-bottom:1px solid var(--line);padding:8px 10px}
 .l-stories .ltab td{border:0;padding:2px 0;background:transparent!important}
 .l-stories .ltab td:nth-child(2),.l-stories .ltab td:nth-child(3),.l-stories .ltab td:nth-child(4){display:inline;font-size:13px;color:var(--muted)}
 .l-stories .ltab td:nth-child(3)::before,.l-stories .ltab td:nth-child(4)::before{content:" · "}
 .l-stories .ltab td:nth-child(5){margin-top:4px}
}
.ltab td,.ltab th{overflow-wrap:normal;word-break:normal;hyphens:manual}
.l-stories .ltab td:nth-child(2),.l-stories .ltab td:nth-child(3){min-width:110px}
/* кнопка «Наверх» */
.totop{position:fixed;right:18px;bottom:18px;z-index:50;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--r);background:var(--brown);border:1px solid var(--brown);color:#fff;box-shadow:0 2px 8px rgba(60,30,0,.25);opacity:.9;transition:opacity .2s,background .2s}
.totop:hover,.totop:focus-visible{opacity:1;background:var(--orange);border-color:var(--orange)}.totop[hidden]{display:none}
@media(max-width:700px){.totop{right:12px;bottom:12px;width:40px;height:40px}}
@media print{.totop{display:none}}
/* выбор оформления в «Мастерской» */
.design-pick .dz{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 8px}
.design-pick label{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-size:14px}
.design-pick input{position:absolute;opacity:0}
.design-pick .sw{display:block;width:150px;height:92px;border:2px solid var(--line);border-radius:var(--r);overflow:hidden;position:relative}
.design-pick input:checked+.sw{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange)}
.design-pick input:focus-visible+.sw{outline:2px solid var(--brown);outline-offset:2px}
.design-pick .sw i{position:absolute;left:0;right:0;top:0;height:26px}.design-pick .sw b{position:absolute;top:36px;width:40px;height:46px}
.design-pick .sw b:nth-of-type(1){left:6px}.design-pick .sw b:nth-of-type(2){left:55px}.design-pick .sw b:nth-of-type(3){left:104px}
.dz-new .sw{background:#fbf4e6}.dz-new .sw i{background:linear-gradient(#fcd9b4,#f7e0b7);border-bottom:2px solid #e8bf78}.dz-new .sw b{background:#fffaf0;border:1px solid #e8bf78;border-radius:4px}
.dz-old .sw{background:#f9f3d1 url(old/bg.jpg)}.dz-old .sw i{background:linear-gradient(#f19c53,#fa8736 45%,#fcc39a 46%,#f6d7b8);border-bottom:1px solid #ff6600}.dz-old .sw b{background:#f4f1c8;border:1px solid #ff6600}
/* ---- комментарии: карточка с кружком автора, строка автора сверху ---- */
.cm{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:8px 0;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.cm:last-of-type{border-bottom:1px solid var(--line)}
.cm .av{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;
  background:hsl(var(--h,30) 55% 88%);color:hsl(var(--h,30) 45% 28%);user-select:none}
.cm .cb{flex:1;min-width:0}
.cm .by{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0 0 4px;font-size:13px;color:var(--muted)}
.cm .by .who{font-weight:700;font-size:14px;color:var(--brown)}.cm .by a.who{text-decoration:none}.cm .by a.who:hover{text-decoration:underline;color:var(--orange)}
.cm .by .n{order:-1;min-width:1.6em;padding:0 5px;border-radius:var(--r);background:var(--soft);color:var(--brown);font-weight:700;font-size:12px;text-align:center}
.cm .by time{color:var(--muted)}.cm .by .acts{margin-left:auto;display:flex;gap:10px}
.cm .to{margin:0 0 4px;font-size:13px;color:var(--muted)}
.cm .t{font-size:15px;line-height:1.5}
.cm blockquote{margin:4px 0 6px;padding:6px 10px;border-left:3px solid var(--orange);background:var(--paper);border-radius:0 var(--r) var(--r) 0;font-style:normal;font-size:14px;color:#5b4632}
.cm.isdel{background:transparent;border-style:dashed}.cm.isdel .av{opacity:.45}.cm .del{margin:0;font-style:italic;color:var(--muted)}
.cm.ispend{background:var(--fresh)}
.comments .day,.cmday{display:flex;align-items:center;gap:10px;margin:16px 0 4px;font-size:13px;font-weight:700;color:var(--brown)}
.comments .day::after{content:"";flex:1;border-top:1px solid var(--line)}
@media(max-width:600px){.cm{padding:8px 10px;gap:8px}.cm .av{flex-basis:28px;width:28px;height:28px;font-size:13px}.cm .by .acts{margin-left:0;width:100%}}

/* ---- страница «Комментарии»: таблица по дням ---- */
.cmpage{max-width:1100px;margin:0 auto}
.cmfind{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 12px}.cmfind input:not([type]){min-width:220px}.cmfind .chk{display:flex;gap:4px;align-items:center;font-size:14px}
.cmpager{display:flex;justify-content:space-between;align-items:center;margin:10px 0;padding:6px 12px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);font-size:14px}
.cmtab{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cmtab thead th{background:var(--soft);color:var(--brown);text-align:left;font-size:13px;padding:8px 12px;border-bottom:2px solid var(--line)}
.cmtab .dayrow th{text-align:left;padding:7px 12px;background:var(--paper);color:var(--brown);font-size:13px;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.cmtab tbody tr:first-child.dayrow th{border-top:0}
.cmtab td{padding:10px 12px;vertical-align:top;border-bottom:1px solid #f0dcb6}
.cmtab .cmrow:hover td{background:#fffdf6}
.cmtab .c-ph{width:136px}.cmtab .c-ph img{display:block;width:120px;height:80px;object-fit:cover;border-radius:var(--r);background:#efe3cc}
.cmtab .pt{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.cmtab .t{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.cmtab .t p{margin:0 0 .5em}.cmtab .t p:last-child{margin:0}
.cmtab .t blockquote{margin:4px 0 6px;padding:5px 10px;border-left:3px solid var(--orange);background:var(--paper);font-size:14px}
.cmtab .go{display:inline-block;margin-top:6px;font-size:12.5px}
.cmtab .c-au{width:190px}.cmtab .c-au{white-space:nowrap}.cmtab td.c-au{display:table-cell}
.cmtab td.c-au .av{float:left;margin-right:8px}.cmtab td.c-au .nm{display:block;white-space:normal;font-size:14px;font-weight:700}
.cmtab td.c-au a{text-decoration:none}.cmtab td.c-au a:hover{text-decoration:underline}
.cmtab td.c-au time{display:block;font-weight:400;font-size:13px;color:var(--muted)}
.cmtab .av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:hsl(var(--h,30) 55% 88%);color:hsl(var(--h,30) 45% 28%)}
@media(max-width:760px){
 .cmtab thead{display:none}.cmtab,.cmtab tbody,.cmtab tr,.cmtab td,.cmtab th{display:block;width:auto!important}
 .cmtab .cmrow{display:grid;grid-template-columns:96px 1fr;gap:4px 10px;padding:10px;border-bottom:1px solid #f0dcb6}
 .cmtab .cmrow td{padding:0;border:0}.cmtab .c-ph img{width:96px;height:64px}
 .cmtab td.c-au{grid-column:2;grid-row:1;display:flex!important;align-items:center;gap:6px}.cmtab td.c-au .av{float:none;margin:0;width:24px;height:24px;font-size:12px}
 .cmtab td.c-au .nm{display:flex;gap:6px;align-items:baseline}.cmtab td.c-au time{display:inline}
 .cmtab .c-tx{grid-column:1/-1}
}
/* комментарии: фон — полупрозрачный в тон блока (вписывается и в новый, и в старый дизайн); действия справа столбиком */
.cm{background:rgba(255,255,255,.42)}.cm.ispend{background:var(--fresh)}.cm.isdel{background:transparent}
.cm .by .acts{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.3}
.cm .by .acts form.inline{display:block;margin:0}
.cm blockquote .qa{display:block;font-weight:700;color:var(--brown);font-size:13px;margin-bottom:2px}
@media(max-width:600px){.cm .by .acts{margin-left:auto;width:auto}}
/* ---- карточка автора («Моя фотогалерея») и «Мой профиль» ---- */
.author .ahead{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.apic{flex:0 0 96px;width:96px;height:96px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--soft);border:2px solid var(--line)}
.apic img{width:100%;height:100%;object-fit:cover;display:block}
.apic .av{width:100%!important;height:100%!important;flex:none!important;font-size:38px!important}
.author h2{margin:0 0 4px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.author h2 small{font-weight:400;font-size:14px;color:var(--muted)}
.badge{font-size:12px;font-weight:700;padding:1px 7px;border-radius:var(--r);background:var(--brown);color:#fff}
.aprof{display:grid;grid-template-columns:150px 1fr;gap:8px 14px;margin:0}.aprof dt{font-weight:700;color:var(--brown)}.aprof dd{margin:0}
.aprof .bio p{margin:0 0 .4em}.aprof .muted,.muted{color:var(--muted)}
.aprof .tags{display:flex;flex-wrap:wrap;gap:6px}.aprof .tags a{display:inline-flex;gap:6px;align-items:baseline;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.5);text-decoration:none;font-size:14px}
.aprof .tags a b{font-weight:400;color:var(--muted);font-size:12.5px}.aprof .tags a:hover{border-color:var(--orange)}
@media(max-width:600px){.aprof{grid-template-columns:1fr}.aprof dd{margin-bottom:6px}.author .ahead{align-items:flex-start}.apic{flex-basis:72px;width:72px;height:72px}}
.profile .pfpic{display:flex;gap:14px;align-items:center}.profile textarea{font:inherit;padding:8px;border:1px solid var(--line);border-radius:var(--r)}
.profile label.r{flex-direction:row;align-items:center;gap:6px;color:var(--ink)}
/* картинка автора в кружке комментария */
.av{position:relative;overflow:hidden}.av.pic{color:transparent}.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* буква вместо картинки в большом круге (страница автора, «Мой профиль») — по центру, в цвете автора */
.apic .av{display:flex;align-items:center;justify-content:center;border-radius:50%;line-height:1;font-weight:700;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:hsl(var(--h,30) 55% 88%);color:hsl(var(--h,30) 45% 28%)}
.apic.none{border-color:transparent;background:transparent}
.cm .av,.cmtab .av{line-height:1;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
/* строка автора: имя всегда на уровне верха кружка — столбик «цитировать/удалить» не сдвигает её вниз */
.cm .by{align-items:flex-start;line-height:20px}.cm .by>*{line-height:20px}
.cm .by .acts button,.cm .by .acts .link{padding:0;line-height:20px;height:auto;border:0;background:none}
.cm .av{margin-top:2px}
/* шапка комментария: ник и должности в строку, под ними мелко — дата и время */
.cm .by .nb{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.cm .by .nb>*{line-height:1.25}
.cm .by .nl{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
.cm .by .nb time{font-size:12px;color:var(--muted);margin-top:1px}
.cm .by .n{margin-top:1px}
/* должности: «Администратор», «Фотомодератор», «Модератор разделов» */
.role{display:inline-block;padding:0 6px;border-radius:var(--r);font-size:11.5px;font-weight:700;line-height:17px;white-space:nowrap;letter-spacing:.01em}
.r-admin{background:#8f1d1d;color:#fff}.r-photo{background:#2f6f1f;color:#fff}.r-sec{background:#e9e2d0;color:#5b4632;border:1px solid var(--line);line-height:15px}
.author .roles{display:flex;flex-wrap:wrap;gap:4px 6px;margin:2px 0 6px}.author .roles .role{font-size:12.5px;line-height:20px;padding:0 8px;white-space:normal}
.cmtab td.c-au .role{display:inline-block;margin:2px 4px 0 0;font-weight:700}
/* должности — просто мелким текстом, без плашек (как на railgallery) */
.role,.r-admin,.r-photo,.r-sec,.author .roles .role,.cmtab td.c-au .role{display:inline;padding:0;margin:0;border:0;border-radius:0;background:none;color:var(--muted);font-size:12px;font-weight:400;line-height:inherit;letter-spacing:0;white-space:nowrap}
.role+.role::before{content:", "}
.author .roles{display:block;gap:0;margin:2px 0 6px}.author .roles .role{font-size:13.5px;white-space:normal}
.cmtab td.c-au .role{display:inline}.cmtab td.c-au .nm .role:first-of-type::before{content:"";display:block}
.cm .by .nl{gap:0}.cm .by .nl .who{margin-right:6px}.cm .by .nl i{margin-right:6px}
/* ---- Доска почёта и звёзды «Фото дня» (картинки прежнего сайта) ---- */
.medals{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 2px;vertical-align:-2px}.medals img{display:block}
.hofkey .medals{margin:0 2px}
.hofbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.hofbox section+section{border-top:1px solid var(--line)}
.hofbox h2{margin:0;padding:6px 12px;background:var(--soft);font-size:16px;color:var(--brown)}
.hofbox .hof{columns:3;column-gap:24px;margin:0;padding:8px 12px;list-style:none}
.hofbox .hof li{break-inside:avoid;margin:0;padding:3px 0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
@media(max-width:900px){.hofbox .hof{columns:2}}@media(max-width:560px){.hofbox .hof{columns:1}}
.author .hint .medals{margin-left:2px}
/* как раньше: по три автора в строке, слева направо */
.hofbox .hof{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 24px}
@media(max-width:900px){.hofbox .hof{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.hofbox .hof{grid-template-columns:1fr}}
/* ---- железнодорожная карта (OpenStreetMap + OpenRailwayMap) ---- */
.railmap{height:320px;margin:10px 0 4px;border:1px solid var(--line);border-radius:var(--r);background:#e8e4d8;z-index:0}
.railmap.pick{height:360px;cursor:crosshair}.mapbox{margin:4px 0 8px}.mapbox .hint{margin:4px 0}
.leaflet-container{font:12px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.leaflet-control-layers-expanded{font-size:13px}
@media(max-width:600px){.railmap{height:260px}}
.railmap-src{margin:0 0 6px;font-size:11px;color:var(--muted);text-align:right}.railmap-src a{color:inherit}
/* ---- страница фото: название под снимком одной строкой, кнопка карты ---- */
.phtitle{max-width:1280px;margin:10px auto 4px;padding:0 8px;text-align:center;font-size:20px;line-height:1.3;overflow-wrap:break-word;text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}
.mapbtn{text-align:center;margin:6px 0 10px}.mapbtn .btn2{cursor:pointer;font:inherit;font-weight:700;color:var(--brown)}
.mapwrap{max-width:1280px;margin:0 auto 14px}.railmap.big{height:480px}
@media(max-width:700px){.phtitle{font-size:16px;line-height:1.3;padding:0 4px}.railmap.big{height:360px}}
/* фото на карте: иконка в рамке; у группы — число фото; текущее — оранжевая рамка */
.pmk{background:none;border:0}
.pmk img{width:52px;height:38px;object-fit:cover;display:block;border:2px solid #fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.45);background:#ddd}
.pmk b{position:absolute;top:-8px;right:-10px;min-width:20px;padding:1px 5px;border-radius:10px;background:var(--brown,#612e00);color:#fff;font:700 11px/16px system-ui,Arial,sans-serif;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.pmk.cur img{border-color:#ff6600;box-shadow:0 0 0 2px #ff6600,0 2px 6px rgba(0,0,0,.5)}
.pmk:hover img{transform:scale(1.08)}
.pmc{display:flex;gap:8px;align-items:center;text-decoration:none;color:#2b1a0c;margin:4px 0}.pmc img{width:96px;height:64px;object-fit:cover;border-radius:4px;flex:none}.pmc span{font-size:12.5px;line-height:1.3}
.pmlist{max-height:320px;overflow:auto}.pmlist b{display:block;margin-bottom:4px}
.mappage{max-width:none}.railmap.full{height:calc(100vh - 230px);min-height:420px}
/* ручка направления съёмки на карте выбора точки */
.dirh{background:none;border:0}
.dirh i{display:block;width:28px;height:28px;border-radius:50%;background:#ff6600;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.5);position:relative;cursor:grab}
.dirh i::after{content:"";position:absolute;left:50%;top:3px;margin-left:-6px;border:6px solid transparent;border-bottom:10px solid #fff;border-top:0}
.dirh.unset i{background:#9a8a77}.dirh.unset i::after{border-bottom-color:#eee}

.dirh i{display:flex;align-items:center;justify-content:center}.dirh i::after{display:none}.dirh i svg{display:block}
.dirh.unset i svg path{fill:#eee}
.req{color:#c00;font-weight:700}
/* название под фото: отступ от снимка; если карты нет — и от блоков ниже */
.phtitle{margin:18px auto 8px}
.phtitle+.ph-cols,.phtitle+.mapbtn+.mapwrap[hidden]+.ph-cols{margin-top:18px}
.phtitle+.ph-cols{margin-top:20px}
.exifbox h2{display:flex;align-items:center;gap:8px}.camico{flex:none;color:var(--brown)}
/* действия комментария — в одну строку справа: «удалить» слева от «цитировать»; строка автора не растягивается */
.cm .by .acts{flex-direction:row;align-items:baseline;gap:12px}
.cm .by .acts form.inline{order:-1;display:inline}
.cm .by{margin-bottom:2px}
.cm .by .acts{align-items:center}.cm .by .acts form.inline{display:inline-flex;align-items:center;margin:0}.cm .by .acts>*{line-height:20px}
.cm .by .acts form.inline{height:20px;padding:0;border:0}.cm .by .acts form.inline>input{display:none}
.cm .by .acts{align-items:flex-start}.cm .by .acts form.inline{display:block}.cm .by .acts button{display:block;margin:0;height:20px}
#porder label.r{display:flex;align-items:center;gap:6px;margin:4px 0;font-size:15px}
/* карта: поиск станции (слева вверху) и таблица снимков группы */
.rmsearch{position:relative;width:260px;max-width:calc(100vw - 110px);background:#fff;border:2px solid rgba(0,0,0,.2);border-radius:var(--r);background-clip:padding-box}
.rmsearch input{width:100%;box-sizing:border-box;border:0;border-radius:var(--r);padding:6px 9px;font:14px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;color:var(--ink);outline:none}
.rmsearch ul{position:absolute;left:-2px;right:-2px;top:100%;margin:2px 0 0;padding:3px 0;list-style:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 3px 10px rgba(0,0,0,.25);max-height:300px;overflow:auto}
.rmsearch li{padding:4px 9px;cursor:pointer;line-height:1.25}.rmsearch li b{display:block;font-size:13px;color:var(--ink)}.rmsearch li span{display:block;font-size:11.5px;color:var(--muted)}
.rmsearch li:hover,.rmsearch li.on{background:var(--soft)}.rmsearch li.none{cursor:default;color:var(--muted)}.rmsearch li.none:hover{background:none}
.rmlabel{font-weight:700;color:var(--ink)}
.pmpanel{position:absolute;z-index:900;left:10px;top:52px;bottom:10px;width:min(440px,calc(100% - 70px));display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 3px 12px rgba(0,0,0,.3);cursor:auto}
.pmhead{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border-bottom:1px solid var(--line);flex:none}.pmhead b{flex:1;font-size:14px;color:var(--brown)}
.pmhead button{background:none;border:0;color:var(--brown);font-weight:400;padding:0 2px;cursor:pointer}.pmhead .pmzoom{font-size:12.5px;text-decoration:underline}.pmhead .pmx{font-size:22px;line-height:20px}
.pmhead button:hover{color:var(--orange);background:none}
.pmbody{overflow:auto;flex:1}.pmwait{margin:8px 10px;color:var(--muted);font-size:12.5px}
.pmtab{width:100%;border-collapse:collapse}.pmtab td{padding:3px 6px;border-bottom:1px solid var(--soft);vertical-align:top}
.pmtab td.i{width:72px;padding-right:0}.pmtab td.i img{display:block;width:72px;height:48px;object-fit:cover;border-radius:4px;background:#ddd}
.pmtab td.d{font-size:12.5px;line-height:1.3}.pmtab td.d a{color:var(--ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pmtab td.d a:hover{color:var(--orange)}
.pmtab td.d span{display:block;margin-top:2px;font-size:11px;color:var(--muted)}.pmtab tr.cur td{background:#ffe2c6}.pmtab tr:hover td{background:var(--soft)}
@media(max-width:600px){.pmpanel{left:6px;right:6px;width:auto;top:48px}}
.podstar{display:inline-block;width:16px;height:15px;vertical-align:-2px;border:0}a.medal{text-decoration:none;color:#d49b00}a.medal:hover{color:var(--orange)}
/* о фото — под названием: без рамки и фона, ближе к центру; автор и дата слева, регион с флагом справа, остальное по «Подробнее» */
.phinfo{max-width:880px;margin:2px auto 14px;padding:0 12px;box-sizing:border-box}
.phsum{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 28px;font-size:15.5px;font-weight:700;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.75),0 1px 3px rgba(97,46,0,.22)}
.phsum .l{display:flex;flex-wrap:wrap;gap:4px 28px}.phsum .f{white-space:nowrap}
.phsum b{font-weight:400;color:var(--muted);margin-right:3px}.phsum a{color:var(--brown)}.phsum a:hover{color:var(--orange)}
.phsum .r{text-align:right}
.flag{display:inline-block;width:20px;height:15px;vertical-align:-2px;margin-right:6px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.25);background:url(../images/flags.png) no-repeat;background-size:320px auto}
.phmore{margin-top:6px;text-align:center}.phmore summary{display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:var(--brown);font-size:13px;font-weight:700;list-style:none;user-select:none}
.phmore summary::-webkit-details-marker{display:none}.phmore summary::before{content:"";border:4px solid transparent;border-top:6px solid currentColor;border-bottom:0;transition:transform .15s}
.phmore[open] summary::before{transform:rotate(180deg)}.phmore summary:hover{color:var(--orange)}
.phext{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 26px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:14px;font-weight:700;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.75)}
.phext .f{white-space:nowrap}.phext b{font-weight:400;color:var(--muted);margin-right:3px}.phext a{color:var(--brown)}.phext a:hover{color:var(--orange)}
.phext .muted,.phext .link{font-weight:400}.phext .perm{font-size:13px}
@media(max-width:600px){.phext{gap:4px 16px;font-size:13.5px}.phext .f{white-space:normal}}
/* кнопка карты под названием — компактная */
.mapbtn{text-align:center;margin:0 0 8px}
.mapb{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid var(--line);border-radius:var(--r);background:transparent;color:var(--brown);font-family:inherit;font-size:12.5px;font-weight:700;line-height:1.4;cursor:pointer}
.mapb:hover{border-color:var(--orange);color:var(--orange);background:rgba(255,255,255,.35)}.mapb[aria-expanded=true]{background:var(--soft)}
.tools>:first-child{margin-top:0}
.ph-side:empty{display:none}.ph-cols:has(>.ph-side:empty){grid-template-columns:1fr}
@media(max-width:600px){.phsum{font-size:14.5px;flex-direction:column;align-items:center;gap:3px;text-align:center}.phsum .l{flex-direction:column;align-items:center;gap:3px}.phsum .r{text-align:center}.phsum .f{white-space:normal}}
/* «Подробнее» — в той же строке, что автор и регион, посередине */
.phinfo{position:relative}.phmore{margin-top:0}
.phmore summary{position:absolute;left:50%;top:0;transform:translateX(-50%);line-height:23px;white-space:nowrap}
.phmore[open] .phext{margin-top:8px}
.phsum{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:baseline}.phsum .r{justify-self:end}
@media(max-width:600px){.phsum{display:flex}.phsum .mid{display:none}.phsum .r{justify-self:auto}.phmore summary{position:static;transform:none;margin-top:6px}}
/* звезда «Фото дня» — справа от «Подробнее»; блок посвободнее */
.phmore summary{gap:14px}.phmore summary .mt{display:inline-flex;align-items:center;gap:5px}
.phmore summary::before{display:none}.phmore summary .mt::before{content:"";border:4px solid transparent;border-top:6px solid currentColor;border-bottom:0;transition:transform .15s}
.phmore[open] summary .mt::before{transform:rotate(180deg)}
.podb{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#b07a00;text-decoration:none}.podb:hover{color:var(--orange)}
.phinfo{margin:6px auto 20px;max-width:1040px}.phsum{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);column-gap:36px;row-gap:6px}.phsum .l{gap:6px 34px}
.phsum .mid.wide{width:250px}.phsum:has(.mid.wide){grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr)}
.phmore[open] .phext{margin-top:12px;padding-top:12px}.phext{gap:9px 36px;line-height:1.45}
@media(max-width:600px){.phinfo{margin-bottom:16px}.phext{gap:6px 20px}}
@media(max-width:1000px) and (min-width:601px){.phsum,.phsum:has(.mid.wide){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.phsum .mid{display:none}.phmore summary{position:static;transform:none;margin-top:10px}}
.phsum .r{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:4px 22px}.phsum .podb{align-self:center}
@media(max-width:600px){.phsum .r{justify-content:center}}
.phext .phsub{flex-basis:100%;display:flex;justify-content:center;margin:2px 0 0;text-shadow:none}.phext .phsub button{font-size:13px}
/* телефон: «о фото» — автор и дата съёмки первой строкой, регион и звезда «Фото дня» второй, всё по центру */
@media(max-width:600px){
  .phinfo{padding:0 12px;margin:2px auto 16px}
  .phsum,.phsum:has(.mid.wide){display:flex;flex-direction:column;align-items:center;gap:5px;font-size:14.5px;text-align:center}
  .phsum .mid{display:none}
  .phsum .l,.phsum .r{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:3px 18px}
  .phsum .f{white-space:nowrap}.phsum .podb{order:2;align-self:center}
  .phmore summary{position:static;transform:none;display:flex;justify-content:center;margin:8px auto 0;width:max-content}
  .phext{gap:5px 16px;font-size:13.5px}.phext .f{white-space:normal}
}
@media(max-width:600px){.phinfo{padding:0 8px}.phsum,.phsum:has(.mid.wide){font-size:14px}.phsum .l,.phsum .r{gap:3px 12px}.phsum b{margin-right:2px}}
@media(max-width:600px){.phsum .l,.phsum .r{flex-direction:row;width:max-content;max-width:100%}}
@media(min-width:601px){.phext .phsub{flex-basis:auto;margin:0}}
/* нет панелей слева (ни EXIF, ни модератору) — комментарии не на всю ширину, а аккуратной колонкой по центру */
.ph-cols:has(>.ph-side:empty)>.comments{justify-self:center;width:100%;max-width:900px;box-sizing:border-box}
.ph-cols:has(>.ph-side:empty)>.comments .cm{padding-top:8px;padding-bottom:8px}
/* ===== Мастерская ===== */
.ws{max-width:1000px;margin:14px auto;display:flex;flex-direction:column;gap:14px}.ws .box{margin:0}
.ws-warn{max-width:1000px;margin:10px auto 0}
.ws-head{padding:16px 18px}
.ws-me{display:flex;align-items:center;gap:14px}.ws-me>div{flex:1;min-width:0}
.ws-me .av{flex:none;width:56px;height:56px;flex-basis:56px;font-size:24px}
.ws-me h1{margin:0 0 2px;font-size:22px}.ws-me p{margin:0;font-size:15px;font-weight:700;color:var(--ink)}.ws-me p .muted{font-weight:400}
.ws-me .role{margin-left:8px;font-weight:400}
.ws-up{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--r);background:var(--brown);color:#fff;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.ws-up:hover{background:var(--orange);color:#fff}
.ws-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;list-style:none;margin:16px 0 0;padding:0}
.ws-stats a{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.55);color:var(--muted);text-decoration:none;font-size:13px}
.ws-stats b{font-size:22px;line-height:1.2;color:var(--brown)}.ws-stats a:hover{border-color:var(--orange)}.ws-stats a:hover b{color:var(--orange)}
.ws-stats .warn b{color:#b00020}
.ws-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:14px}
.ws-links a{display:inline-flex;align-items:center;gap:6px;color:var(--brown);text-decoration:none;font-weight:700}.ws-links a:hover{color:var(--orange)}
.ws-links a svg{opacity:.8}.ws-links .out{margin-left:auto;font-weight:400;color:var(--muted)}
.ws-links .cnt,.mine h3 .cnt{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--orange);color:#fff;font-size:11.5px;line-height:18px;text-align:center}
.ws-set{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ws-set .box{padding:14px 16px}.ws-set h2{margin-bottom:10px}
.ws-set .hint{margin:8px 0 0;font-size:12.5px}
.design-pick .sw{width:132px;height:82px}.design-pick .sw b{top:32px;width:35px;height:40px}.design-pick .sw b:nth-of-type(2){left:48px}.design-pick .sw b:nth-of-type(3){left:90px}
.ws-order .seg{display:flex;flex-direction:column;gap:8px}.ws-order .seg label{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.55);cursor:pointer;font-size:14px}
.ws-order .seg label:has(input:checked){border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);background:#fff;font-weight:700}
.ws-order .seg input{accent-color:var(--orange);margin:0}
.mine-all{max-width:none;margin:0}.mine-all .hint{margin-top:0}
.mine h3{display:flex;align-items:center;gap:8px}.mine.isempty{display:none}
.ws-none{margin:4px 0 2px;color:var(--muted)}
@media(max-width:700px){.ws-set{grid-template-columns:1fr}.ws-me{flex-wrap:wrap}.ws-up{width:100%;justify-content:center}.ws-links .out{margin-left:0}.ws-stats{grid-template-columns:repeat(2,1fr)}}
.ws-me .av{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;line-height:1;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:hsl(var(--h,30) 55% 88%);color:hsl(var(--h,30) 45% 28%);box-shadow:0 0 0 2px #fff,0 1px 4px rgba(0,0,0,.25)}
.ws-me .av.pic{color:transparent}
.ws a.ws-up:link,.ws a.ws-up:visited,.ws a.ws-up:hover{color:#fff}
.ws .ws-links a:link,.ws .ws-links a:visited{color:var(--brown)}.ws .ws-links a:hover{color:var(--orange)}.ws .ws-links a.out:link,.ws .ws-links a.out:visited{color:var(--muted)}
.ws .ws-stats a:link,.ws .ws-stats a:visited{color:var(--muted)}
[data-design=old] .ws a.ws-up:link,[data-design=old] .ws a.ws-up:visited{background:#fcc39a;border:1px solid #ff6600;color:#473624;box-shadow:none}
[data-design=old] .ws a.ws-up:hover{background:#ff9a52;color:#fff}
[data-design=old] .ws-links .cnt,[data-design=old] .mine h3 .cnt{background:#ff6600}
/* длинные слова без пробелов в комментариях не растягивают страницу */
.modcm,.modcm .t,.cm .t,.cmtab td,.cmtab .t{overflow-wrap:anywhere;word-break:break-word;min-width:0}
.profile .pfh{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
/* должности цветом: администратор — тёмно-красным, модераторы — синим */
.role.r-admin,.role.r-photo,.role.r-sec{color:var(--muted)}   /* должности — одним цветом во всех дизайнах */
.role+.role::before{color:var(--muted)}
.ws-me .role{margin-left:0}.ws-me .ws-roles{margin:2px 0 0;font-size:13px;font-weight:400}.ws-me .ws-roles .role{font-size:13px}
/* Администрирование: таблицы */
.modlog.adm{background:rgba(255,255,255,.5);border:1px solid var(--line);border-radius:var(--r);border-collapse:separate;border-spacing:0;overflow:hidden;margin:4px 0 14px}
.modlog.adm th{font-weight:700;color:var(--brown);border-bottom:1px solid var(--line)}.modlog.adm tr:last-child td{border-bottom:0}
.modlog.adm tr:hover td{background:rgba(255,255,255,.6)}.modlog.adm td{padding:7px 10px}.modlog.adm .c{text-align:center}.modlog.adm td.act{text-align:right;white-space:nowrap;width:1%}
.adm-h{margin:14px 0 6px;font-size:15px;color:var(--brown)}.adm-h .muted{font-weight:400;font-size:13px}
.sev{display:inline-block;min-width:20px;border-radius:10px;color:#fff;font-size:12px;line-height:20px;text-align:center}.sev.s1{background:#c9a227}.sev.s2{background:#e07a1f}.sev.s3{background:#b00020}
.admcm td.ph{width:96px}.admcm td.ph img{display:block;width:96px;height:64px;object-fit:cover;border-radius:4px;background:#ddd}.admcm td.ph .no{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.admcm td.t{font-size:14px;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.admcm td.t p{margin:0 0 4px}
.admcm td.who{width:150px;font-size:13px}.admcm td.who a{font-weight:700}.admcm td.who time{display:block;color:var(--muted);font-size:12px}
@media(max-width:700px){.admcm td.ph{width:64px}.admcm td.ph img{width:64px;height:43px}.admcm td.who{width:auto}}
.pfname{margin:4px 0;font-size:15px}.pfname small{font-size:12.5px}
/* ===== профиль автора (как в RailReels) ===== */
.author.prof{padding:16px 18px}
.prof .ahead{align-items:center;gap:16px;margin-bottom:14px}.prof .atitle{flex:1;min-width:0}
.prof h2{font-size:22px;margin:0 0 2px}.prof .roles{margin:0 0 4px}
.prof .ahome{margin:2px 0 0;font-size:14px;font-weight:700;color:var(--ink)}
.aset{flex:none;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.55);color:var(--brown);font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.aset:hover{border-color:var(--orange);color:var(--orange)}
.prof a.aset:link,.prof a.aset:visited{color:var(--brown)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.pcol,.psec{background:rgba(255,255,255,.45);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px}
.psec{margin-top:14px}
.prof h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
.prof .ut{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 16px;margin:0;font-size:14px}
.prof .ut dt{color:var(--muted)}.prof .ut dd{margin:0;font-weight:700;color:var(--ink);overflow-wrap:anywhere}.prof .ut dd .muted{font-weight:400}
.prof .bio{font-size:14.5px;line-height:1.5}.prof .bio p{margin:0 0 .5em}.prof .bio p:last-child{margin:0}
.prof .tags{display:flex;flex-wrap:wrap;gap:6px}.prof .tags a{display:inline-flex;gap:5px;align-items:center;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.6);text-decoration:none;font-size:13.5px}
.prof .tags a b{font-weight:400;color:var(--muted);font-size:12px}.prof .tags a:hover{border-color:var(--orange)}.prof .tags .flag{margin-right:2px}
@media(max-width:600px){.author.prof{padding:12px}.prof .ahead{flex-wrap:wrap}.aset{order:3;width:100%;justify-content:center}.prof h2{font-size:19px}}
/* ===== Настройка профиля ===== */
.profedit{max-width:760px;margin:16px auto}
.pe fieldset{border:1px solid var(--line);border-radius:var(--r);padding:10px 14px 14px;margin:0;background:rgba(255,255,255,.35)}
.pe legend{padding:0 6px;font-weight:700;color:var(--brown)}
.pe-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.pe textarea{width:100%;box-sizing:border-box;font:inherit;padding:8px;border:1px solid var(--line);border-radius:var(--r)}
.pe label.r{flex-direction:row;align-items:center;gap:6px;color:var(--ink);margin-top:10px}
.profedit .pfpic{display:flex;gap:14px;align-items:center}.profedit .pfpic .hint{margin:4px 0}
@media(max-width:600px){.pe-grid{grid-template-columns:1fr}}
/* комментарий: под ником — дата и домашний регион автора с флагом; «цитировать»/«удалить» — на этой второй строке */
.cm .by .nd{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;font-size:12px;color:var(--muted);margin-top:1px}
.cm .by .nd time{margin:0}.cm .by .hreg{display:inline-flex;align-items:center;white-space:nowrap}
.cm .by .hreg .flag{zoom:.8;margin-right:5px;vertical-align:0}
.cm .by{align-items:flex-end}.cm .by .acts{align-self:flex-end}
.req{margin-left:2px}
/* шапка комментария сеткой: слева ник и под ним дата; справа домашний регион и под ним «цитировать»/«удалить» */
.cm .by{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:1px;align-items:center}
.cm .by .nb,.cm .by .nd{display:contents}
.cm .by .nl{grid-column:1;grid-row:1}.cm .by .nd time{grid-column:1;grid-row:2;font-size:12px}
.cm .by .hreg{grid-column:2;grid-row:1;justify-self:end;font-size:12px;color:var(--muted)}
.cm .by .acts{grid-column:2;grid-row:2;justify-self:end;align-self:center;margin:0}
/* ===== загрузка фото: две колонки — снимок слева, сведения справа, карта снизу во всю ширину ===== */
.upload{max-width:1200px;margin:14px auto}
.upgrid{display:grid;grid-template-columns:minmax(280px,5fr) minmax(0,7fr);gap:18px;align-items:start}
.upl{position:sticky;top:10px;display:flex;flex-direction:column;gap:8px}.upr{display:flex;flex-direction:column;gap:12px;min-width:0}
.up label.drop{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;border:2px dashed var(--line);border-radius:var(--r);background:rgba(255,255,255,.45);color:var(--muted);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.up label.drop:hover,.up label.drop:focus-within{border-color:var(--orange);background:rgba(255,255,255,.7)}
.up label.drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.dz-t{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;font-size:14px;pointer-events:none}.dz-t svg{color:var(--brown);opacity:.75}
.dz-t b{font-size:16px;color:var(--brown)}.dz-t small{font-size:12px}
.upl:has(.prev img) label.drop{min-height:64px}.upl:has(.prev img) .dz-t svg,.upl:has(.prev img) .dz-t small{display:none}.upl:has(.prev img) .dz-t b::after{content:" другой"}
.upl .prev{display:flex;flex-direction:column;gap:4px}.upl .prev img{max-height:none;width:100%;height:auto;max-height:420px;object-fit:contain;background:#fff}
.upl .prev span{font-size:12.5px}
.up .upsel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.up .upsel label{min-width:0}
.up .update{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px 14px}.up .update label{min-width:0}
.up select,.up textarea{width:100%;box-sizing:border-box}
.upopt{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.35)}
.up .mapbox{margin-top:16px}.uph{font-size:16px;margin:0 0 2px}
.up .upgo{align-self:stretch;margin-top:8px;padding:11px;font-size:16px}
@media(min-width:861px){.up .upgo{align-self:center;min-width:320px}}
@media(max-width:860px){.upgrid{grid-template-columns:1fr}.upl{position:static}.up .upsel{grid-template-columns:1fr}}
.upr>label:first-child{margin-top:-2px}
.up select.auto{box-shadow:0 0 0 2px rgba(232,93,0,.35)}
.regnote{display:block;margin-top:3px;font-size:12px;color:#b05a00}
/* расширенный поиск по фотогалерее — разворачивается под шапкой */
.advsearch{max-width:1100px;margin:10px auto 14px}.advsearch[hidden]{display:none}
.ashead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ashead h2{margin:0}
.asclose{font-size:13px}
.find .advtog{background:transparent;color:var(--brown);border:1px solid var(--line);font-weight:700;white-space:nowrap}
.find .advtog:hover,.find .advtog[aria-expanded=true]{background:var(--soft);border-color:var(--orange);color:var(--brown)}
.ofind .oadv{margin-left:8px;font-size:13px;white-space:nowrap}.ofind .oadv[aria-expanded=true]{font-weight:700}
.olabel{white-space:nowrap}
@media(max-width:700px){.find .advtog{padding:6px 8px;font-size:13px}}
/* «все фото / только конкурсные» в поиске — ровный переключатель-сегмент; выбранная половина подсвечена */
.search .seg{display:inline-flex;flex-direction:row;align-items:stretch;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.search .seg label{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;padding:7px 14px;border:0;border-radius:0;box-shadow:none;font-size:14px;color:var(--ink);background:none}
.search .seg label+label{border-left:1px solid var(--line)}
.search .seg label:has(input:checked){background:var(--soft);font-weight:700}
.search .seg input{accent-color:var(--brown);margin:0}
[data-design=old] .search .seg{border-color:#ff6600}[data-design=old] .search .seg label+label{border-left-color:#ff6600}[data-design=old] .search .seg label:has(input:checked){background:#fcc39a}
/* Мастерская: «Параметры отображения фото» — плашки без общей рамки (у общего .seg она есть) */
.ws-order .seg{border:0;border-radius:0;overflow:visible;background:none}.ws-order .seg label+label{border-left:1px solid var(--line)}
.ws-order .wsh{margin:12px 0 6px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.ws-order h2+.wsh{margin-top:0}
.ws-order .seg-row{flex-direction:row;flex-wrap:wrap}.ws-order .seg-row label{flex:1 1 0;justify-content:center;min-width:60px}
.ws-set .saved{margin-left:10px;font-size:12.5px;font-weight:400;color:#2f6f1f;transition:opacity .4s}.ws-set .saved.hide{opacity:0}
.ws-set form.saving{cursor:progress}
@media(max-width:700px){.top{grid-template-columns:minmax(0,1fr)}.find{min-width:0}.find input{flex:1 1 0;min-width:0;max-width:none}.find button{flex:none}}
.pe .tools{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px}
/* Доска почёта: автор, на которого перешли из профиля (hof.php#a<номер>), — подсвечен */
.hof li{scroll-margin-top:90px}.hof li:target{background:#ffe2c6;outline:2px solid var(--orange);outline-offset:2px;border-radius:var(--r)}
.apic>.av{display:none}.apic.none>.av,.apic.noimg>.av{display:flex}
.owho .ome,.who .ome{font-weight:700}
footer .credits a{color:inherit}footer .credits a:hover{color:var(--orange)}
footer .mobile-feed{display:block;margin-top:5px;font-size:12.5px}
/* заголовок списка с кнопкой «Карта фотографий» справа */
.intro .ihead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:4px 0 8px}.intro .ihead h1{margin:0}
.mapchip{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 11px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.6);color:var(--brown);text-decoration:none;box-shadow:0 1px 3px rgba(97,46,0,.12);transition:border-color .15s,background .15s}
.mapchip:hover{border-color:var(--orange);background:#fff;color:var(--brown)}.mapchip svg{color:var(--orange);flex:none}
.mapchip span{display:flex;flex-direction:column;line-height:1.2}.mapchip b{font-size:14px}.mapchip small{font-size:11.5px;color:var(--muted)}
[data-design=old] .mapchip{border-color:#e6c99a;background:rgba(255,250,235,.75);box-shadow:none}[data-design=old] .mapchip svg{color:#8a6a48}[data-design=old] .mapchip:hover{border-color:#d9b27a;background:#fffaf0}[data-design=old] .mapchip small{color:#8a7a66}
[data-design=old] a.mapchip:link,[data-design=old] a.mapchip:visited{color:#473624}
.phtitle .phen{display:block;margin-top:2px;font-size:13.5px;font-weight:400;font-style:italic;color:var(--muted)}
.up label.tl small{color:var(--muted);font-size:12px}.up .tlprev{margin:-6px 0 0;font-style:italic}
.up label.tl{flex-wrap:wrap;column-gap:6px}.up label.tl small{white-space:normal}

/* Мастерская: «Журнал загрузки фото» — свёрнутый блок неопубликованных фото */
.mine-log>summary{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;cursor:pointer;list-style:none;margin:-4px 0;padding:4px 0}
.mine-log>summary::-webkit-details-marker{display:none}
.mine-log>summary h2{margin:0;display:inline-flex;align-items:center;gap:8px}
.mine-log>summary h2::before{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s;margin-right:2px}
.mine-log[open]>summary h2::before{transform:rotate(45deg)}
.mine-log>summary:hover h2{color:var(--orange)}
.mine-log>summary .muted{font-size:13px}
.mine-log[open]>summary{margin-bottom:10px}
/* журнал: группы в три колонки, пустые — с подписью «Таких фотографий нет» */
.mine-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;margin-bottom:12px}
.mine-cols .mine,.mine-cols .mine.isempty{display:block;margin:0;padding:10px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.35);min-width:0}
.mine-cols .mine h3{margin:0 0 8px}
.mine-cols .mine .none{font-size:13px}
.mine-cols .mine-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.mine-cols .mi .acts{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:center}
.mine-cols .mi .acts label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;margin:0}
.mine-cols .mine[data-kind=todelete]:not(.isempty){border-color:#d9a0a0}
@media(max-width:800px){.mine-cols{grid-template-columns:1fr}}
.edit .redo{margin:0 0 12px;line-height:1.5}.edit label.repl input[type=file]{max-width:100%}.edit label.repl small{font-weight:400}
.modcard .again{color:var(--orange)}
.edit .replnote{margin:-4px 0 8px}.edit .replnote.bad{color:#a8122a;font-weight:700}
.edit .up-res img{height:128px;width:auto;max-width:240px;object-fit:cover}.edit .up-res.newpic img{outline:3px solid var(--orange);outline-offset:1px}
/* замена опубликованного фото: «сейчас» и «новый файл» рядом */
.rp-pair{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 12px}
.rp-pair figure{margin:0;display:flex;flex-direction:column;gap:4px;min-width:0}
.rp-pair figcaption{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.rp-pair img{display:block;height:128px;width:auto;max-width:100%;border-radius:var(--r);border:1px solid var(--line)}
.rp-pair figure.new img{outline:3px solid var(--orange);outline-offset:1px}
.rpcard{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.rpcard .rp-pair img{height:auto;max-height:260px;max-width:300px}
.rpcard .rp-pair{margin:0;align-items:flex-start}
.ownbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 8px}.ownbar small{flex-basis:100%}
.replace .rp-wait{margin:0 0 12px}.replace .rp-wait form.inline{display:inline}
@media(max-width:760px){.rpcard{grid-template-columns:1fr}}
.rp-pair figure[hidden]{display:none}
.phext .phrepl{flex-basis:100%;display:flex;justify-content:center;margin:2px 0 0;font-size:13px;text-shadow:none}@media(min-width:601px){.phext .phrepl{flex-basis:auto;margin:0}}
/* профиль: «География» и «Предпочтения» свёрнуты по умолчанию */
.prof .pfold>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}
.prof .pfold>summary::-webkit-details-marker{display:none}
.prof .pfold>summary h3{margin:0;display:inline-flex;align-items:center;gap:8px}
.prof .pfold>summary h3::before{content:'';width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.prof .pfold[open]>summary h3::before{transform:rotate(45deg)}
.prof .pfold>summary:hover h3{color:var(--orange)}
.prof .pfold>summary .muted{font-size:12px}
.prof .pfold[open]>summary{margin-bottom:8px}
.rpcard .rpmap{margin:4px 0 0;grid-column:1/-1}.rpcard .rpmap .railmap{height:200px;border-radius:var(--r);border:1px solid var(--line)}
.replace #geonote{margin:4px 0 0}.replace #geonote.chg{color:var(--orange);font-weight:700}
.prof .pgrid{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0}.prof .pgrid>.psec{margin-top:0}
/* избранное: кнопка у фото (рядом с «Место съёмки на карте») */
.mapbtn{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.mapbtn form.favf{display:inline;margin:0}
.favb{text-decoration:none}.favb.on{background:var(--soft);color:var(--orange);border-color:var(--orange)}.favb .fn{font-weight:400;color:var(--muted);margin-left:2px}
/* профиль: слева «Основное», «Контакты», «О себе»; справа — избранное */
.prof .pwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.prof .pfav{display:flex;flex-direction:column;gap:14px;min-width:0}.prof .pfav:empty{display:none}
.prof .fav h3 .muted{font-weight:400;letter-spacing:0;text-transform:none;margin-left:4px}
.prof .fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.prof .fgrid a{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:var(--soft)}
.prof .fgrid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.prof .fgrid a:hover img{transform:scale(1.05)}
.prof .fav .fall{margin:8px 0 0;text-align:right;font-size:13px}.prof .fav p.muted{margin:0;font-size:13px}
@media(max-width:760px){.prof .pwrap{grid-template-columns:1fr}}
.mapbtn .favmsg{flex-basis:100%;margin:2px 0 0;text-align:center;font-size:13px;color:#a8122a}
/* у иконок галереи по краю чёрная рамка 1 px — в миниатюрах избранного прячем её за краем ячейки */
.prof .fgrid img.ico{width:calc(100% + 6px);height:calc(100% + 6px);margin:-3px;max-width:none}
.phext .phfav{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:2px 0 0;font-size:13px;text-shadow:none}@media(min-width:601px){.phext .phfav{flex-basis:auto;margin:0}}
.phext .phfav form.favf{display:inline;margin:0}.phext .phfav .favb{font-size:13px}.phext .phfav .favb.on{background:none;border:0;color:var(--orange)}
.phext .phfav .favmsg{flex-basis:100%;margin:2px 0 0;text-align:center;font-size:13px;color:#a8122a}
/* ===== личные сообщения (messages.php) ===== */
.who .pmlink,.owho .pmlink{white-space:nowrap}.pmlink .cnt{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--orange);color:#fff;font-size:11.5px;line-height:18px;text-align:center;font-weight:700}
.pm{max-width:1100px;margin:12px auto}.pm h1{margin:0 0 10px}
.pmwrap{display:grid;grid-template-columns:300px minmax(0,1fr);height:min(72vh,760px);min-height:420px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:rgba(255,255,255,.4)}
.pmlist{border-right:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column}
.pmlist nav{display:flex;flex-direction:column}.pmnone{padding:14px;margin:0;font-size:13px}
.pmd{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--soft);text-decoration:none;color:var(--ink);position:relative}
.pmd .av{grid-row:1/3;width:36px;height:36px;font-size:15px}.pmd .pmdt{display:flex;flex-direction:column;min-width:0;grid-row:1/3}
.pmd .pmdt b{font-size:14px;color:var(--brown);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmd .pmdt small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmd time{grid-column:3;grid-row:1;font-size:11.5px;color:var(--muted);white-space:nowrap}.pmd .cnt{grid-column:3;grid-row:2;justify-self:end;font-style:normal;min-width:18px;padding:0 5px;border-radius:9px;background:var(--orange);color:#fff;font-size:11.5px;line-height:18px;text-align:center}
.pmd:hover{background:rgba(255,255,255,.6)}.pmd.on{background:var(--soft)}.pmd.new .pmdt small{color:var(--ink);font-weight:700}
.pm a.pmd:link,.pm a.pmd:visited{color:var(--ink)}
.pmbl{margin-top:auto;padding:8px 12px;border-top:1px solid var(--line);font-size:13px}.pmbl summary{cursor:pointer;color:var(--brown);font-weight:700}.pmbl ul{list-style:none;margin:6px 0 0;padding:0}.pmbl li{display:flex;justify-content:space-between;gap:8px;padding:3px 0}
.pmchat{display:flex;flex-direction:column;min-width:0;min-height:0}
.pmempty{margin:auto;padding:20px;text-align:center}
.pmhead{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.55)}
.pmhead .av{width:36px;height:36px;font-size:15px}.pmwho{display:flex;flex-direction:column;min-width:0;flex:1}.pmwho small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmback{display:none;font-size:26px;line-height:1;text-decoration:none;color:var(--brown);padding:0 6px 0 0}
.pmmenu{position:relative}.pmmenu summary{list-style:none;cursor:pointer;font-size:20px;line-height:1;padding:2px 8px;border:1px solid var(--line);border-radius:var(--r);color:var(--brown)}.pmmenu summary::-webkit-details-marker{display:none}
.pmmenu>div{position:absolute;right:0;top:calc(100% + 4px);z-index:20;background:#fffdf5;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 4px 14px rgba(0,0,0,.12);padding:6px 0;min-width:210px}
.pmmenu form{margin:0}.pmmenu button.link{display:block;width:100%;text-align:left;padding:7px 14px;font-size:14px}.pmmenu button.link:hover{background:var(--soft)}
.pmlog{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-height:0}
.pmtopic{display:flex;align-items:center;gap:10px;margin:10px 0 4px;font-size:12.5px;color:var(--muted)}.pmtopic::before,.pmtopic::after{content:'';flex:1;border-top:1px solid var(--line)}.pmtopic b{color:var(--brown)}
.pmmsg{align-self:flex-start;max-width:min(560px,78%);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:7px 11px 5px;box-shadow:0 1px 1px rgba(0,0,0,.04)}
.pmmsg.me{align-self:flex-end;background:#fbe9d4;border-color:#efc79c}
.pmb{font-size:14.5px;line-height:1.45;overflow-wrap:anywhere}.pmt{font-size:11px;color:var(--muted);text-align:right;margin-top:2px}.pmt .rd{color:var(--orange)}
.pmform{border-top:1px solid var(--line);padding:9px 12px;background:rgba(255,255,255,.55);display:flex;flex-direction:column;gap:6px;margin:0}
.pmform .pmsubj input{width:100%}.pmrow{display:flex;gap:8px;align-items:flex-end}.pmrow textarea{flex:1;resize:vertical;min-height:42px;max-height:220px}.pmrow button{flex:none}
.pmnt{font-size:13px;margin:0}.pmerr{margin:0;color:#a8122a;font-weight:700;font-size:13px}
.pmstop{margin:0;padding:12px 14px;border-top:1px solid var(--line);color:var(--muted);text-align:center;background:rgba(255,255,255,.55)}
.amsg{margin-right:8px}
@media(max-width:760px){
  .pmwrap{grid-template-columns:1fr;height:calc(100vh - 170px);min-height:380px}
  .pm.open .pmlist{display:none}.pm:not(.open) .pmchat{display:none}.pmlist{border-right:0}.pmback{display:block}
  .pmmsg{max-width:88%}
}
.pm .av{flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:hsl(var(--h,30) 55% 88%);color:hsl(var(--h,30) 45% 28%)}
/* меню «⋯» в чате: оба пункта одинаковые (у «Удалить чат» не должно быть отступа и полей красной кнопки) */
.pm .pmmenu>div button.link,.pm .pmmenu>div button.link.danger{display:block;width:100%;margin:0;padding:8px 16px;border:0;border-radius:0;background:none;font-family:inherit;font-size:14px;line-height:1.35;text-align:left;text-decoration:none;color:var(--brown);height:auto}
.pm .pmmenu>div button.link.danger{color:#b00020}
.pm .pmmenu>div button.link:hover,.pm .pmmenu>div button.link.danger:hover{background:var(--soft);text-decoration:none}
.pm .pmmenu>div form+form{border-top:1px solid var(--soft)}
/* разделитель между списком переписок и чатом — на всю высоту окна сообщений */
.pm .pmwrap{grid-template-rows:minmax(0,1fr)}.pm .pmlist{align-self:stretch;height:auto;min-height:0;max-height:none}
.pm .pmlist{border-right:0}.pm .pmchat{border-left:1px solid var(--line)}@media(max-width:760px){.pm .pmchat{border-left:0}}
/* главная: вошедший — карточка с картинкой и кнопками «Мастерская», «Сообщения», «Выйти» */
.hlogin .hme{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.hwho{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--brown)}.hwho b{font-size:15.5px}.hwho:hover b{color:var(--orange)}
.hwho .av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;background:hsl(var(--h,30) 55% 88%);color:hsl(var(--h,30) 45% 28%);border:2px solid var(--line)}
.hbtns{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.hbtns a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.6);color:var(--brown);font-weight:700;font-size:13.5px;text-decoration:none;line-height:1.2;transition:border-color .15s,color .15s,background .15s}
.hbtns a:hover{border-color:var(--orange);color:var(--orange);background:#fff}.hbtns a svg{opacity:.85}
.hbtns a.out{font-weight:400;color:var(--muted)}.hbtns a.out:hover{color:var(--orange)}
.hbtns .cnt{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--orange);color:#fff;font-size:11.5px;line-height:18px;text-align:center}
.home a.hwho:link,.home a.hwho:visited{color:var(--brown)}.home .hbtns a:link,.home .hbtns a:visited{color:var(--brown)}.home .hbtns a.out:link,.home .hbtns a.out:visited{color:var(--muted)}
@media(max-width:1000px){.hlogin .hme{align-items:flex-start}.hbtns{justify-content:flex-start}}
[data-design=old] .hbtns a{background:#fcc39a;border-color:#ff6600;color:#473624}[data-design=old] .hbtns a:hover{background:#ff9a52;color:#fff}[data-design=old] .hbtns .cnt{background:#ff6600}
/* главная: у иконок галерей чёрная рамка 1 px — прячем её за краем карточки */
.hgal .hph img.ico{width:calc(100% + 6px);height:calc(100% + 6px);margin:-3px;max-width:none}
/* шапка: вкладка «Наши галереи ▾» с выпадающим списком */
.tdrop{position:relative;display:flex}
.tabs .tg{padding:6px 10px;border-radius:var(--r) var(--r) 0 0;background:#f9e6c8;border:1px solid var(--line);border-bottom:0;font:inherit;font-weight:700;font-size:14px;color:var(--brown);cursor:pointer;line-height:inherit}
.tdt .car{font-size:11px;margin-left:2px;display:inline-block;transition:transform .15s}.tdrop.open .tdt .car,.tdrop:hover .tdt .car{transform:rotate(180deg)}
.tmenu{display:none;position:absolute;left:0;top:100%;z-index:60;min-width:300px;padding:6px 0;background:#fffdf5;border:1px solid var(--line);border-radius:0 var(--r) var(--r) var(--r);box-shadow:0 6px 18px rgba(60,35,10,.18)}
.tdrop:hover .tmenu,.tdrop:focus-within .tmenu,.tdrop.open .tmenu{display:block}
.tmenu a{display:block;padding:8px 14px;color:var(--brown);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;border:0;background:none;border-radius:0}
.tmenu a:hover{background:var(--soft);color:var(--orange)}.tmenu a.cur{color:var(--orange)}
.tabs .tmenu a,.tabs .tmenu a:link,.tabs .tmenu a:visited{padding:8px 14px;border:0;background:none;border-radius:0;color:var(--brown)}.tabs .tmenu a.cur{color:var(--orange)}.tabs .tmenu a:hover{background:var(--soft);color:var(--orange)}
@media(max-width:700px){.tabs .tg{font-size:13px;padding:5px 7px}.tmenu{min-width:260px}}
/* старое оформление: вкладка как остальные «ушки», меню — в цветах старого сайта */
.otabs .tdrop{flex:1 1 auto}.otabs .tdrop .ot{width:100%;border:0;cursor:pointer;color:#473624}
.otabs .tmenu{top:30px;background:#fcc39a;border:1px solid #ff6600;border-radius:0 0 8px 8px}
.otabs .tmenu a{font:700 15px/1.2 "Times New Roman",Times,serif;color:#473624;text-decoration:underline}.otabs .tmenu a:hover{background:#ff9a52;color:#fff}.otabs .tmenu a.cur{color:#ff6600}
/* выпадающее меню галерей и кнопки главной — обычным шрифтом, как остальные ссылки */
.tmenu a,.tabs .tmenu a,.otabs .tmenu a{font-weight:400}
.hbtns a{font-weight:400}
/* старое оформление: все вкладки шапки одного цвета — и посещённые, и «Наши галереи» (раньше посещённые были серыми) */
.otabs a.ot:link,.otabs a.ot:visited,.otabs .tdrop .ot{color:#473624}.otabs a.ot:hover,.otabs .tdrop .ot:hover,.otabs .tdrop.open .ot{color:#ff6600}
.dz-modern .sw{background:#18191d;border-color:#2b2d33}
.dz-modern .sw i{background:linear-gradient(90deg,#d9590b 0 30%,#2b2d33 30%)}
.dz-modern .sw b{background:#2a2d33;border-color:#3a3e46;border-radius:4px}
/* меню «Наши галереи»: «мостик» над списком, чтобы меню не закрывалось при переходе курсора с вкладки */
.tmenu::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}.tdrop{z-index:70}

/* ---- значки Material Design (core/icons.php) ---- */
.mi-ic{display:inline-block;flex:none;vertical-align:-.2em;fill:currentColor}
a .mi-ic,button .mi-ic{margin-right:4px}
.iconbtn .mi-ic,.car .mi-ic,.ic .mi-ic,.totop .mi-ic,.mapchip .mi-ic,.dz-t .mi-ic,.camico{margin-right:0}
.tdt .car .mi-ic{vertical-align:-.28em}
.ic .mi-ic{vertical-align:-.22em}
.rd .mi-ic{vertical-align:-.25em;margin:0}
/* круглая кнопка-значок (копировать ссылку) */
button.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;margin:0 0 0 6px;border:1px solid var(--line,#d8cdb8);border-radius:50%;background:transparent;color:var(--brown,#7a4a1c);cursor:pointer;vertical-align:middle;transition:background .15s,color .15s,border-color .15s}
button.iconbtn:hover{background:var(--soft,#f1e7d3);border-color:var(--brown,#7a4a1c)}
button.iconbtn.done{color:#2e7d32;border-color:#2e7d32}
/* подписка на комментарии — переключатель (по умолчанию выключен) */
.subtog{display:inline-flex;align-items:center;gap:6px;text-decoration:none!important}
.subtog .sw{position:relative;flex:none;width:30px;height:16px;border-radius:8px;background:#b9b2a6;transition:background .15s}
.subtog .sw::after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .15s}
.subtog.on .sw{background:var(--orange,#d9590b)}.subtog.on .sw::after{left:16px}
.subtog .mi-ic{margin:0}
/* старые иконки -s.jpg с «зашитой» чёрной рамкой: показываем без неё (где есть среднее превью — оно и так без рамки) */
img.ico{object-view-box:inset(3px)}
@supports not (object-view-box:inset(0)){img.ico{clip-path:inset(3px)}}
.prof .fgrid img.ico,.hgal .hph img.ico{object-view-box:none}
/* шапка главной на телефоне: логотип · название · тема в одну строку, ниже — пользователь и три равные кнопки */
@media(max-width:700px){
  .hometop{grid-template-columns:auto minmax(0,1fr) auto;gap:10px 12px;align-items:center;padding:10px 12px}
  .hometop .logo img{height:44px;width:auto}
  .hometop .htitle{min-width:0}.hometop .htitle b{font-size:22px;line-height:1.1}.hometop .htitle span{font-size:12.5px;line-height:1.3}
  .hometop .hlogin{display:contents}
  .hometop .hlogin>.themetog{grid-column:3;grid-row:1;margin:0;align-self:center}
  .hometop .hme,.hometop .loginrow,.hometop .hlogin .hint{grid-column:1/-1}
  .hometop .hme{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-top:10px;border-top:1px solid var(--line)}
  .hometop .hbtns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .hometop .hbtns a{justify-content:center;padding:8px 4px;font-size:13.5px;min-width:0;white-space:nowrap}
  .hometop .hbtns a .mi-ic{margin-right:0}
  .hometop .loginrow{flex-wrap:nowrap}.hometop .loginrow input{flex:1 1 0;min-width:0;width:auto}
  .hometop .hlogin .hint{text-align:left;margin:-4px 0 0}
}
@media(max-width:380px){.hometop .hbtns{grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,.8fr)}.hometop .hbtns a{font-size:12.5px;padding:8px 2px;gap:4px}.hometop .hbtns a .mi-ic{width:14px;height:14px}}
/* старые разделы на телефоне: таблицы-раскладки — в одну колонку, картинки — по ширине экрана (класс lay ставит legacy.php) */
@media(max-width:700px){
  .ltext table.lay,.ltext table.lay>tbody,.ltext table.lay>tbody>tr,.ltext table.lay>tbody>tr>td,.ltext table.lay>tr,.ltext table.lay>tr>td{display:block;width:auto!important;height:auto!important;min-width:0;max-width:100%;box-sizing:border-box}
  .ltext table.lay{margin:8px 0;border-spacing:0}
  .ltext table.lay>tbody>tr>td,.ltext table.lay>tr>td{padding:4px 0!important}
  .ltext table.lay[border]:not([border="0"])>tbody>tr>td{padding:8px 10px!important}
  .ltext img[align],.ltext img[hspace]{float:none!important;display:block;margin:8px auto!important}
  .ltext [width]:not(img):not(table){width:auto!important}
  .ltext center>table.lay{margin-left:auto;margin-right:auto}
  .ltext pre{white-space:pre-wrap}
}
@media(max-width:700px){
  .ltext table.bi,.ltext table.bi>tbody{display:grid;grid-template-columns:minmax(0,1fr);width:auto!important}
  .ltext table.bi>tbody>tr,.ltext table.bi>tr{display:contents}
  .ltext table.bi>tbody>tr>*,.ltext table.bi>tr>*{display:block;width:auto!important;white-space:normal}
  .ltext table.bi>tbody>tr>:nth-child(2),.ltext table.bi>tr>:nth-child(2){order:2}
  .ltext table.bi>tbody>tr:first-child>:nth-child(2){margin-top:14px;border-top:2px solid var(--line)}
  .ltext table.ltab:not(.bi){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
/* Справка → модераторы: производительность «исправлено/+утверждено/−удалено» */
.mods .prod{white-space:nowrap;font-variant-numeric:tabular-nums}.mods .prod .ch{color:var(--brown)}.mods .prod .ap{color:#2e7d32}.mods .prod .dl{color:#c62828}
.mods .eml{white-space:nowrap}
@media(max-width:600px){.mods{font-size:13px}.mods td,.mods th{padding:4px 6px}.mods .eml{white-space:normal;overflow-wrap:anywhere}}
/* Мастерская на телефоне: счётчики — в одну строку, ссылки — ровным списком во всю ширину */
@media(max-width:700px){
  .ws{margin:10px auto;gap:10px}
  .ws-head{padding:14px}
  .ws-me{flex-wrap:wrap;gap:12px}.ws-me .av{width:48px;height:48px;flex-basis:48px;font-size:20px}
  .ws-me h1{font-size:20px}.ws-me p{font-size:14px}
  .ws-me .ws-up{margin-top:2px;padding:11px 16px}
  .ws-stats{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-top:12px}
  .ws-stats a{padding:8px 4px;font-size:11.5px;line-height:1.25;text-align:center;height:100%;box-sizing:border-box;justify-content:flex-start}
  .ws-stats b{font-size:20px}
  .ws-links{flex-direction:column;flex-wrap:nowrap;gap:0;margin-top:12px;padding-top:0;border-top:0;font-size:15px}
  .ws-links>a,.ws-links>span{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line)}
  .ws-links>a .cnt{margin-left:auto}
  .ws-links>span.muted{font-size:12.5px;padding:8px 2px}
  .ws-links .out{margin-left:0;border-bottom:0;padding-bottom:2px}
}
/* должности (Администратор, Фотомодератор, Модератор разделов) — современным шрифтом в «Новом» и «Современном» дизайнах */
html:not([data-design=old]) .role{font-family:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-weight:500!important;letter-spacing:.01em}
/* шапка главной на компьютере — по краям центрального блока (homegrid: до 1280 px + поля 12 px) */
@media(min-width:1001px){.hometop{padding-left:max(16px,calc((100% - 1280px) / 2 + 12px));padding-right:max(16px,calc((100% - 1280px) / 2 + 12px))}}
/* шапка страниц галерей на компьютере — по краям содержимого страницы (main: до 1280 px + поля 16 px) */
@media(min-width:1001px){html:not([data-design=old]) header.top:not(.hometop){padding-left:max(16px,calc((100% - 1280px) / 2 + 16px));padding-right:max(16px,calc((100% - 1280px) / 2 + 16px))}}
/* шапка галерей на компьютере: логотип — на всю высоту шапки; вкладки — одной строкой до правого края;
   ниже — поиск, а справа от него, над «Картой фотографий», — тема, имя, сообщения, выход */
@media(min-width:1001px){
  html:not([data-design=old]) header.top:not(.hometop){grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center}
  html:not([data-design=old]) header.top:not(.hometop) .logo{grid-column:1;grid-row:1/3;align-self:stretch;display:flex;align-items:center}
  html:not([data-design=old]) header.top:not(.hometop) .logo img{height:84px;width:auto}
  html:not([data-design=old]) header.top:not(.hometop) .tabs{grid-column:2/4;grid-row:1;flex-wrap:nowrap}
  html:not([data-design=old]) header.top:not(.hometop) .find{grid-column:2;grid-row:2}
  html:not([data-design=old]) header.top:not(.hometop) .who{grid-column:3;grid-row:2;justify-self:end;flex-wrap:nowrap;white-space:nowrap}
}
@media(min-width:1001px) and (max-width:1250px){html:not([data-design=old]) header.top:not(.hometop) .tabs{flex-wrap:wrap}}
/* EXIF сворачивается: заголовок — кнопка со стрелкой (во всех дизайнах) */
details.exifbox>summary{list-style:none;cursor:pointer;user-select:none}
details.exifbox>summary::-webkit-details-marker{display:none}
details.exifbox>summary h2{margin:0}
details.exifbox[open]>summary h2{margin-bottom:10px}
details.exifbox .fold{margin-left:auto;flex:none;opacity:.7;transition:transform .2s}
details.exifbox[open] .fold{transform:rotate(180deg)}
details.exifbox>summary:hover .fold{opacity:1}
details.exifbox>summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}
[data-design=old] details.exifbox .fold{display:none}
[data-design=old] details.exifbox>summary h2::after{content:" ▾";font-size:.8em}
[data-design=old] details.exifbox[open]>summary h2::after{content:" ▴"}
.mine-log>.mlhead{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;margin:0 0 10px}.mine-log>.mlhead h2{margin:0}.mine-log>.mlhead .muted{font-size:13px}
/* ссылки Мастерской на компьютере — в одну строку, «Выйти» справа */
@media(min-width:901px){html:not([data-design=old]) .ws-links{flex-wrap:wrap;gap:6px 12px;font-size:13.5px}html:not([data-design=old]) .ws-links>a{white-space:nowrap}html:not([data-design=old]) .ws-links a svg{width:16px;height:16px}}
/* подписи вариантов оформления в Мастерской */
.design-pick .dzc{margin-top:-5px;font-size:11.5px;color:var(--muted);white-space:nowrap}
.design-pick .dz-modern .dzc{color:var(--orange);font-weight:700}
/* «Новый» дизайн: вкладки шапки — целые кнопки с нижней рамкой */
html[data-design=new] .tabs>a,html[data-design=new] .tabs .tg{border-bottom:1px solid var(--line);border-radius:var(--r)}
html[data-design=new] .tabs{margin-bottom:2px}
/* «Новый» дизайн: вкладки шапки — целыми кнопками, с нижней рамкой и скруглением со всех сторон */
html[data-design=new] .tabs>a,html[data-design=new] .tabs .tg{border-bottom:1px solid var(--line);border-radius:var(--r)}
html[data-design=new] .tabs>a.on{border-color:var(--orange)}
.themetog .mi-ic{margin:0!important;vertical-align:0;display:block}   /* солнце и месяц — точно по центру круглой кнопки */
.shot .side span .mi-ic{display:block;margin:0!important;width:.8em;height:.8em}   /* стрелки «предыдущее/следующее фото» — значки по центру круга */
.regchk{display:block;font-size:12.5px;margin-top:3px;min-height:0}.regchk.ok{color:#2e7d32}.regchk.bad{color:#c62828}
/* капча: картинка, кнопка «другая картинка», поле */
.capbox{display:grid;gap:6px;margin:8px 0 10px}.caplbl{font-size:14px}.caprow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.capimg{display:block;border:1px solid var(--line,#ccc);border-radius:6px;background:#fff;max-width:100%;height:auto}
.capnew{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.capbox input{max-width:220px;font-size:18px;letter-spacing:3px;text-transform:uppercase}
.form.resend{border:1px dashed var(--line,#ccc);border-radius:8px;padding:10px 12px;margin:0 0 14px}
/* блокировка: отметка в профиле */
.banmark{display:inline-flex;align-items:center;gap:5px;margin:6px 0 0;padding:3px 9px;border-radius:12px;background:#c62828;color:#fff;font-size:13px;font-weight:600}
.banmark.soft{background:#fbe7d8;color:#a8450a}
/* Администрирование → Безопасность */
.sectabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 16px;border-bottom:1px solid var(--line,#ccc)}.sectabs a{padding:7px 14px;border:1px solid var(--line,#ccc);border-bottom:0;border-radius:8px 8px 0 0;text-decoration:none}.sectabs a.on{font-weight:700;background:var(--card,#fff)}
.regtools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.regtools input{min-width:240px}
.reglist{columns:3 260px;column-gap:18px}.regg{break-inside:avoid;border:1px solid var(--line,#ccc);border-radius:8px;margin:0 0 12px;padding:6px 10px}
.regg legend{font-weight:700;padding:0 4px}.regi{display:block;padding:2px 0;font-size:14px;cursor:pointer}.regi.off{color:#c62828;text-decoration:line-through}.regi .muted{font-size:12px}
.savebar{position:sticky;bottom:0;background:var(--card,#fff);padding:10px 0;margin:0;border-top:1px solid var(--line,#ccc)}
table.vis input{width:18px;height:18px}
.banform{max-width:520px}
/* Администрирование: разделы карточками */
.admnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin:12px 0 20px}
.admnav a{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--line2);border-radius:var(--r);background:var(--card);color:var(--ink);text-decoration:none;transition:border-color .15s}
.admnav a:hover{border-color:var(--acc);color:var(--ink)}.admnav a:hover b{color:var(--acc)}
.admnav svg{flex:none;margin-top:1px;color:var(--acc)}.admnav span{display:flex;flex-direction:column;gap:2px;min-width:0}
.admnav b{font-size:15px}.admnav small{font-size:13px;color:var(--muted);line-height:1.35}
/* ===== Правая колонка: «Новости сайта» и «Кто сейчас на сайте» (core/side.php) — главная страница сайта и галерей ===== */
/* Колонка — в свободном поле справа от плитки фото: плитка и вся страница остаются как были (шире 1840 px).
   Уже — оба блока над содержимым, свёрнуты (раскрываются нажатием). */
.withside{position:relative;display:flex;flex-direction:column}.withside>.wsmain,.withside>.homegrid{min-width:0}
.withside.home{max-width:1280px;margin:0 auto}html[data-design=modern] .withside.home{max-width:1320px}.withside.home>.homegrid{max-width:none;margin:0}
.withside>.side{display:flex;flex-direction:column;gap:14px;min-width:0}
@media(min-width:1840px){.withside>.side{position:absolute;top:12px;left:calc(100% + 24px);width:min(320px,calc((100vw - 100%) / 2 - 60px))}.sbox>.shd{padding:10px 12px}.snews .nlist{padding:4px 12px 8px}.onl{padding:10px 12px}.nadd{margin:10px 12px 4px}}
@media(max-width:1839px){.withside>.side{margin:10px 0 4px;gap:8px;flex-direction:row;flex-wrap:wrap}.withside>.side>.sbox{flex:1 1 300px;align-self:flex-start}.withside>.side{order:-1}}
.sbox{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 18px rgba(0,0,0,.06);overflow:hidden}
.sbox>.shd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
.sbox>.shd h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;line-height:1.2}.sbox>.shd h2 .mi-ic{color:var(--orange,#d9590b)}
.sbox .sdate{font-size:12px;color:var(--muted);white-space:nowrap}
.snews .nlist{max-height:440px;overflow-y:auto;overscroll-behavior:contain;padding:4px 14px 8px;scrollbar-width:thin}
.nitem{padding:10px 0;border-bottom:1px dashed var(--line)}.nitem:last-child{border-bottom:0}
.nitem time{display:inline-block;font-size:12px;font-weight:700;color:var(--orange,#d9590b);letter-spacing:.02em}
.nitem h3{margin:3px 0 4px;font-size:15px;line-height:1.3}.nitem .nbody{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.nitem .nbody p{margin:0 0 6px}
.nadm{display:flex;gap:14px;align-items:center;margin-top:4px;font-size:13px}.nadm form{margin:0;display:inline}.nadm a,.nadm button.link{text-decoration:none;display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:13px;background:none;border:0;padding:0;cursor:pointer}
.nadm a:hover,.nadm button.link:hover{color:var(--orange,#d9590b)}
.nadd{margin:10px 14px 4px;border:1px dashed var(--line);border-radius:10px}.nadd>summary{padding:8px 10px;cursor:pointer;font-weight:700;font-size:14px;color:var(--orange,#d9590b);display:flex;align-items:center;gap:5px}
.nform{display:flex;flex-direction:column;gap:8px;padding:0 10px 10px}.nform input,.nform textarea{width:100%;box-sizing:border-box;font:inherit;font-size:14px}.nform .hint{font-size:12px}
.sonline .dot{width:9px;height:9px;border-radius:50%;background:#2fb344;box-shadow:0 0 0 3px rgba(47,179,68,.22);animation:pvpulse 2s ease-in-out infinite}
@keyframes pvpulse{50%{box-shadow:0 0 0 6px rgba(47,179,68,0)}}
.sonline .ocnt{min-width:26px;padding:2px 8px;border-radius:20px;background:var(--orange,#d9590b);color:#fff;font-weight:700;font-size:13px;text-align:center}
.onl{padding:12px 14px}.onum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.onum>div{display:flex;flex-direction:column;align-items:center;padding:8px 6px;border-radius:10px;background:var(--soft,#f3f1ec)}.onum b{font-size:22px;line-height:1.1}.onum span{font-size:12px;color:var(--muted)}
.ochips{display:flex;flex-wrap:wrap;gap:6px}
.ochips a{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 10px 3px 3px;border-radius:20px;border:1px solid var(--line);background:var(--card);text-decoration:none;font-size:13px}
.side .ochips a,.side .ochips a:visited{color:var(--ink)}.side .nadm a,.side .nadm button.link{text-decoration:none;color:var(--muted)}.side .nadm a:hover,.side .nadm button.link:hover{color:var(--orange,#d9590b)}
.ochips a:hover{border-color:var(--orange,#d9590b)}.ochips a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.ochips .av{display:flex;align-items:center;justify-content:center;border-radius:50%;width:24px;height:24px;font-size:11px;font-weight:700;line-height:1;flex:none;box-shadow:none;background:hsl(var(--h,30) 55% 88%);color:hsl(var(--h,30) 45% 28%);overflow:hidden;position:relative}.ochips .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.onl>.hint{margin:10px 0 0;font-size:12px}
.newsed{max-width:860px;margin:12px auto}.newsed .nform{padding:0}

html body .side .sbox>.shd h2{font-size:15.5px;line-height:1.2;white-space:nowrap;margin:0;letter-spacing:0}
html body .side .nitem h3{font-size:14.5px;line-height:1.3;margin:3px 0 4px}
.snews{box-sizing:border-box}.snews[style*="height"]{overflow:hidden}
html body .side .nplus{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--orange,#d9590b);color:#fff;font-size:19px;font-weight:700;line-height:1;text-decoration:none}html body .side .nplus .mi-ic{color:#fff}
html[data-design=old] .side .sbox,html[data-design=old] .side .onum>div,html[data-design=old] .side .ochips a,html[data-design=old] .side .nadd,html[data-design=old] .side .ocnt,html[data-design=old] .side .nplus,html[data-design=old] .side .nform input,html[data-design=old] .side .nform textarea,html[data-design=old] .side button{border-radius:0}html[data-design=old] .side .sbox{box-shadow:none}
html body .side .nplus{font-size:0;padding:0}html body .side .nplus svg{display:block;width:14px;height:14px}
@media(max-width:1839px){.side .snews .nlist{max-height:220px}}
@media(min-width:1840px){html body .withside.home>.side{left:calc(100% + 16px);width:min(340px,calc((100vw - 100%) / 2 - 46px))}}
/* ===== Левая колонка галереи: «Лучшие фото за 10 дней» (core/side.php: best_block) ===== */
.lside{display:flex;flex-direction:column;gap:14px;min-width:0}
@media(min-width:1840px){.withside>.lside{position:absolute;top:12px;right:calc(100% + 20px);width:240px}}
@media(max-width:1839px){.withside>.lside{order:-1;margin:10px 0 0}.withside>.side{order:-2}.sbest .bl{flex-direction:row!important;overflow-x:auto;overscroll-behavior-x:contain}.sbest .bph{flex:0 0 160px}}
.sbest .bl{display:flex;flex-direction:column;gap:12px;padding:10px 12px 12px}
.sbest .bph{display:block;text-decoration:none;color:inherit}
html body .lside .sbest .bph,html body .lside .sbest .bph:visited{color:var(--ink);text-decoration:none}
.sbest .bim{position:relative;display:block;border-radius:8px;overflow:hidden;aspect-ratio:3/2;background:var(--soft,#eee)}
.sbest .bim img{width:100%;height:100%;object-fit:cover;display:block}
.sbest .brk{position:absolute;left:6px;top:6px;min-width:20px;text-align:center;background:rgba(0,0,0,.62);color:#fff;font-weight:700;font-size:12px;line-height:18px;border-radius:10px;padding:0 6px}
.sbest .bvt{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,.66);color:#fff;font-weight:700;font-size:13px;line-height:1;border-radius:12px;padding:4px 8px}
.sbest .bvt .podstar{width:14px;height:13px}.sbest .bvt .mi-ic{color:#fff}
.sbest .btx{display:block;margin-top:5px;font-size:12.5px;line-height:1.35}
.sbest .btx b{display:block;font-weight:600;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.sbest .btx>span{display:block;color:var(--muted);margin-top:2px}
.sbest .bph:hover .btx b{color:var(--orange,#d9590b)}
.sbest .bper{margin:10px 12px 0;font-size:12px;color:var(--muted);line-height:1.45}.sbest .bper b{color:var(--ink)}
.sbest .bnone{margin:8px 12px 14px;font-size:13px;color:var(--muted)}
html body .lside .sbox>.shd h2{font-size:15.5px;line-height:1.2;white-space:nowrap;margin:0;letter-spacing:0}.lside .shd h2 .podstar{width:16px;height:15px}
html[data-design=old] .lside .sbox,html[data-design=old] .lside .bim,html[data-design=old] .lside .brk,html[data-design=old] .lside .bvt,html[data-design=old] .lside .ocnt{border-radius:0}html[data-design=old] .lside .sbox{box-shadow:none}
.sbest .ocnt{min-width:26px;padding:2px 8px;border-radius:20px;background:var(--orange,#d9590b);color:#fff;font-weight:700;font-size:13px;text-align:center}
/* телефон: блоки колонок компактные и по умолчанию свёрнуты (заголовок — раскрыть/свернуть) */
@media(max-width:900px){
.withside>.side,.withside>.lside{gap:6px;margin-top:8px}.withside>.side>.sbox{flex:1 1 100%}
.withside .sbox{border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
html body .withside .sbox>.shd{padding:8px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
html body .withside .sbox>.shd h2{font-size:14px;margin-right:auto}html body .withside .sbox>.shd{justify-content:flex-start}
.withside .sbox>.shd::after{content:"";flex:none;width:8px;height:8px;margin-left:4px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-135deg) translate(-2px,-2px);transition:transform .15s}
.withside .sbox.fold>.shd::after{transform:rotate(45deg) translate(-2px,-2px)}
.withside .sbox.fold>.shd{border-bottom:0}.withside .sbox.fold>:not(.shd){display:none!important}
.withside .sbox .shd .sdate{display:none}
.side .snews .nlist{max-height:200px;padding:2px 12px 6px}.onl{padding:8px 12px}.onum{margin-bottom:6px}.onum>div{padding:5px}.onum b{font-size:18px}
.sbest .bper{margin:6px 12px 0}.sbest .bl{padding:8px 12px 10px;gap:8px}.sbest .bph{flex:0 0 140px}
}
/* телефон: три одинаковые строки, ровные отступы */
@media(max-width:900px){
html body .withside>.side{margin:8px 0 0;gap:6px}html body .withside>.lside{margin:6px 0 0;gap:6px}
html body .withside .sbox{border-radius:9px}
html body .withside .sbox>.shd{height:38px;box-sizing:border-box;padding:0 10px;gap:8px}
html body .withside .sbox>.shd h2{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;line-height:16px;margin:0 auto 0 0;padding-top:1px}
html body .withside .sbox>.shd h2>svg,html body .withside .sbox>.shd h2>img,html body .withside .sbox>.shd h2>.dot{flex:none;width:16px;height:16px;margin:0}
html body .withside .sbox>.shd h2>.dot{width:10px;height:10px;margin:0 3px;animation:none;box-shadow:0 0 0 3px rgba(47,179,68,.2)}
html body .withside .sbox>.shd .ocnt,html body .withside .sbox>.shd .nplus{box-sizing:border-box;min-width:22px;width:auto;height:22px;padding:0 6px;border-radius:11px;font-size:12px;line-height:22px;display:inline-flex;align-items:center;justify-content:center}
html body .withside .sbox>.shd .nplus{width:22px;padding:0}html body .withside .sbox>.shd .nplus svg{width:12px;height:12px}
html body .withside .sbox>.shd::after{width:7px;height:7px;margin:0 2px 0 2px}
}
.sstat .stb ul.stat{margin:0;padding:8px 12px 10px 28px;font-size:13px;line-height:1.5}.sstat .stb ul.stat li{margin:2px 0}.sstat .shd h2 .mi-ic{color:var(--orange,#d9590b)}
html[data-design=old] .lside .sstat{border-radius:0}
.intro .ititle{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-width:0}
.vnote{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;line-height:1.3;color:var(--muted);background:var(--soft,#f1efe9);border:1px solid var(--line);border-radius:20px;padding:3px 10px 3px 8px}.vnote .mi-ic{flex:none;color:#2fb344}
html[data-design=old] .vnote{border-radius:0}
.withside .intro .ihead{margin-bottom:4px}.withside .pager{margin-top:8px}
.sstat .stg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}
.sstat .stg>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:5px 8px;border-radius:8px;background:var(--soft,#f1efe9)}
.sstat .stg b{font-size:15px;line-height:1.2;color:var(--orange,#d9590b);white-space:nowrap}.sstat .stg span{font-size:11px;line-height:1.25;color:var(--muted)}
html[data-design=old] .sstat .stg>div{border-radius:0}
@media(min-width:1840px){.withside>.side>.sstat>.shd{display:none}}
.sstat .stg{grid-template-columns:1.35fr 1.2fr .85fr .95fr;gap:5px;padding:7px}
.sstat .stg>div{padding:5px 6px;text-align:center;align-items:center}.sstat .stg b{font-size:14px}.sstat .stg span{font-size:10.5px}
@media(max-width:1839px){.sstat .stg{grid-template-columns:repeat(4,1fr)}}
.sstat{display:flex;flex-direction:column;box-sizing:border-box}.sstat .stg{flex:1}
.sstat .stb{flex:1;display:flex;flex-direction:column;min-height:0}
/* «Статистика галереи» — аккуратная таблица 2×2: подпись мелко, число крупно, тонкие разделители */
html body .sstat .stg{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0;padding:2px 0}
html body .sstat .stg>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;background:none;border-radius:0;padding:4px 14px;min-width:0}
html body .sstat .stg>div:nth-child(odd){border-right:1px solid var(--line)}html body .sstat .stg>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
html body .sstat .stg span{font-size:11.5px;line-height:1.3;color:var(--muted);white-space:nowrap}
html body .sstat .stg b{font-size:16px;line-height:1.25;color:var(--ink);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
html body .sstat .stg>div:first-child b{color:var(--orange,#d9590b)}
html body .sstat .stg b i{font-style:normal}.sstat .qy{color:#2fb344}.sstat .qn{color:#d9a400}.sstat .qa{color:#e5484d}
html[data-design=modern][data-theme=dark] .sstat .qn{color:#f2c94c}
@media(max-width:1839px){html body .withside.home>.side{padding:0 12px;box-sizing:border-box}html[data-design=modern] body .withside.home>.side{padding:0 20px}}
.sstat .qy{color:#26993a}.sstat .qn{color:#c29200}.sstat .qa{color:#b3263a}
html[data-design=modern][data-theme=dark] .sstat .qy{color:#36ad4b}html[data-design=modern][data-theme=dark] .sstat .qn{color:#d8ad2e}html[data-design=modern][data-theme=dark] .sstat .qa{color:#c9384c}
html body .sstat .stg{padding:0}html body .sstat .stg>div{padding:3px 12px}
html body .sstat .stg span{font-size:11px;line-height:1.2}html body .sstat .stg b{font-size:15px;line-height:1.2}
.onl-dot{display:inline-block;width:10px;height:10px;margin-left:9px;border-radius:50%;background:#2fb344;box-shadow:0 0 0 3px rgba(47,179,68,.22);vertical-align:middle;position:relative;top:-2px;animation:pvpulse 2s ease-in-out infinite}
/* формы на телефоне: поле выбора файла и рамки разделов не раздвигают страницу шире экрана */
fieldset{min-width:0;max-width:100%;box-sizing:border-box}
input[type=file]{max-width:100%;min-width:0;box-sizing:border-box}
.pfpic>div{flex:1;min-width:0}.pfpic .apic{flex:none}
@media(max-width:600px){.profedit,.profile{margin-left:0;margin-right:0}.pfpic{flex-direction:column;align-items:flex-start!important}.pe fieldset{padding:8px 10px 12px}.pe input[type=file]{width:100%;font-size:14px}}
/* подвал: кнопка Telegram и счётчик Яндекса — по центру, в одну строку, одной высоты */
footer .fbtns{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:10px}
footer .fbtns .iks{margin:0}
/* кнопка Telegram — в стиле плашки «Карта»: фон/рамка/текст из переменных дизайна и темы */
.tgbtn{display:inline-flex;align-items:center;gap:8px;height:31px;box-sizing:border-box;padding:0 6px 0 8px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.6);color:var(--brown)!important;text-decoration:none!important;font-size:13px;line-height:1;white-space:nowrap;box-shadow:0 1px 3px rgba(97,46,0,.12);transition:border-color .15s,background .15s}
.tgbtn:hover{border-color:var(--orange);background:var(--card)}
.tgbtn img{width:45px;height:22px;flex:none;object-fit:contain}
.tgbtn span{color:inherit}.tgbtn b{font-weight:700}
.tgbtn .tgi{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:var(--orange);color:#fff;flex:none;margin-left:2px}.tgbtn .tgi svg{margin-left:-1px}
html[data-design=modern] .tgbtn{background:var(--glass);box-shadow:var(--shadow);color:var(--ink)!important}
html[data-design=modern] .tgbtn .tgi{background:var(--acc);color:var(--accink)}
html[data-design=old] .tgbtn{border-radius:0;border-color:#e6c99a;background:rgba(255,250,235,.75);box-shadow:none;color:#473624!important}
html[data-design=old] .tgbtn:hover{border-color:#d9b27a;background:#fffaf0}
html[data-design=old] .tgbtn .tgi{background:#8a6a48}
@media (max-width:420px){footer .fbtns{gap:6px}.tgbtn{gap:6px;font-size:12px;padding:0 5px 0 6px}.tgbtn img{width:37px;height:18px}.tgbtn .tgi{width:19px;height:19px}}
/* скрытая должность: сам автор видит её приглушённой и пометку «скрыта от других» (core/authors.php role_badges) */
.rhid{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px 8px}.rhid .role{opacity:.55}
.rhid-note{display:inline-flex;align-items:center;gap:4px;padding:0 8px 0 6px;border:1px dashed var(--line2,var(--line));border-radius:20px;font-size:11.5px;font-weight:600;line-height:19px;color:var(--muted)!important;text-decoration:none!important;white-space:nowrap;font-family:inherit}
.rhid-note:hover{border-color:var(--orange);color:var(--orange)!important}.rhid-note .mi-ic{flex:none;margin:0}
.ws-me .rhid-note{font-size:11px;line-height:17px}
html[data-design=old] .rhid-note{border-radius:0}
/* «Настройки учётной записи» → «Должность»: переключатель */
.rolepref{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.rolepref .rp-now{font-size:14px}.rolepref .rp-now .roles{font-weight:600;color:var(--ink)}.rolepref .rp-now .role{font-size:14px;color:var(--ink)}.rolepref .rp-now .role+.role::before{content:" · "}
.form label.tgl{position:relative;align-items:flex-start;gap:12px;margin:0}
.tgl input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.tgl-sw{flex:none;position:relative;width:40px;height:22px;margin-top:1px;border-radius:11px;background:var(--line2,var(--line));transition:background .15s}
.tgl-sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.tgl input:checked+.tgl-sw{background:var(--orange)}.tgl input:checked+.tgl-sw::after{transform:translateX(18px)}
.tgl input:focus-visible+.tgl-sw{outline:2px solid var(--orange);outline-offset:2px}
.tgl span{display:flex;flex-direction:column;gap:3px;min-width:0}.tgl span b{font-size:14.5px;font-weight:600;color:var(--ink)}.tgl small{font-size:12.5px;line-height:1.4;color:var(--muted)}
html[data-design=old] .rolepref,html[data-design=old] .tgl-sw,html[data-design=old] .tgl-sw::after{border-radius:0}
/* профиль: «Был на сайте» — «Сейчас онлайн» с зелёной точкой */
.onl-now{display:inline-flex;align-items:center;gap:8px;color:#2a9d3e;font-weight:700}.onl-now .onl-dot{margin:0;top:0}
html[data-theme=dark] .onl-now{color:#4cc760}
/* «О себе» и значения в профиле: длинные ссылки и слова переносятся, а не вылезают за край на телефоне */
.prof .bio,.prof .bio a,.prof .pcol dd,.prof .pcol dd a,.prof .psec,.prof .psec a{overflow-wrap:anywhere;word-break:break-word}
.prof .pcol,.prof .psec,.prof .pgrid{min-width:0;max-width:100%}
/* личные сообщения: поле ввода как в мессенджере — скруглённое, растёт по тексту; «новая тема» — маленькой строкой */
.pmsend{display:inline-flex;align-items:center;justify-content:center;gap:6px}.pmsend .mi-ic{display:none;margin:0}
.pmnt{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:var(--muted);cursor:pointer}.pmnt input{width:16px;height:16px;margin:0;accent-color:var(--orange)}
@media(max-width:760px){
  .pmform{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:5px}
  .pmrow{gap:8px;align-items:flex-end}
  .pmrow textarea{min-height:44px;height:44px;max-height:180px;resize:none;border-radius:22px;padding:11px 16px;font-size:16px;line-height:1.3;box-sizing:border-box;overflow-y:auto}
  .pmsend{width:44px;height:44px;min-width:44px;padding:0;border-radius:50%}.pmsend span{display:none}.pmsend .mi-ic{display:block;margin-left:2px}
  .pmnt{font-size:13px;padding:0 4px}
  .pmsubj input{border-radius:22px;padding:9px 16px;font-size:15px}
}
html[data-design=old] .pmrow textarea,html[data-design=old] .pmsend,html[data-design=old] .pmsubj input{border-radius:0}
@media(max-width:760px){html[data-design=modern] .pmrow textarea,html[data-design=modern] .pmsubj input{border-radius:22px}html[data-design=modern] .pmsend{border-radius:50%}}
/* средняя ширина (901–1839 px: ноутбук, планшет, «Версия для ПК» на телефоне): верхние блоки — одной высоты и ширины в один ряд */
@media(min-width:901px) and (max-width:1839px){
  html body .withside>.side{flex-wrap:nowrap;align-items:stretch}
  html body .withside>.side>.sbox{flex:1 1 0;min-width:0;align-self:stretch;display:flex;flex-direction:column}
  html body .withside>.side>.sbox>:not(.shd){flex:1 1 auto;min-height:0}
  html body .withside>.side>.sstat .stg{height:100%;box-sizing:border-box}
  html body .side .snews .nlist{max-height:170px;overflow-y:auto}
  html body .side .sonline .onl{display:flex;flex-direction:column}
  .sbest .bl{cursor:grab;scrollbar-width:thin}.sbest .bl.drag{cursor:grabbing;user-select:none}.sbest .bl.drag a{pointer-events:none}
}
/* телефон: внизу подвала — место под кнопку «Наверх», чтобы она не закрывала ИКС и кнопку Telegram */
@media(max-width:900px){html[data-design] body footer,html body footer{padding-bottom:calc(16px + 56px + env(safe-area-inset-bottom,0px))}}
/* Мастерская → «Мои заявки» (newgallery/my_requests.php): список заявок на замену и фото, представленных к удалению */
.myreq .mrh{display:flex;align-items:center;gap:8px;font-size:17px;margin:18px 0 8px}.myreq .mrh .cnt{font-size:12px}
.myreq .mrl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.myreq .mrl>li{display:flex;gap:12px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.myreq .mrt{flex:none;display:block;width:120px;height:80px;overflow:hidden;border-radius:calc(var(--r) - 2px);background:var(--soft)}.myreq .mrt img{width:120px;height:80px;object-fit:cover;display:block}
.myreq .mrb{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.myreq .mrn{font-weight:700;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.myreq .mrn:hover{color:var(--orange)}
.myreq .mrs{align-self:flex-start;font-size:12px;font-weight:700;padding:1px 9px;border-radius:20px;background:var(--soft);color:var(--muted)}
.myreq .mrs.w{background:#fdf1d6;color:#8a5d00}.myreq .mrs.y{background:#dff3e3;color:#1f7a32}.myreq .mrs.n,.myreq .mrs.a{background:#fbe1e4;color:#a3192d}
html[data-theme=dark] .myreq .mrs.w{background:#3b2f14;color:#e6b84a}html[data-theme=dark] .myreq .mrs.y{background:#1d3a24;color:#6fd08a}html[data-theme=dark] .myreq .mrs.n,html[data-theme=dark] .myreq .mrs.a{background:#40191f;color:#ff8f9c}
.myreq .mrd{margin:0;font-size:13px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}.myreq .mrd b{color:var(--ink)}
.myreq .mra{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.myreq .mra form{margin:0}
.myreq li.s-c,.myreq li.s-y{opacity:.85}
html[data-design=old] .myreq .mrl>li,html[data-design=old] .myreq .mrt,html[data-design=old] .myreq .mrs{border-radius:0}
@media(max-width:600px){.myreq .mrl>li{gap:10px;padding:8px}.myreq .mrt,.myreq .mrt img{width:88px;height:62px}}
.myreq .mrh .cnt{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:11px;background:var(--orange);color:#fff;font-size:12px;font-weight:700;line-height:1}
.myreq .mra .btn2,.myreq .mra button{display:inline-flex;align-items:center;height:34px;box-sizing:border-box;padding:0 14px;margin:0;font-size:14px;line-height:1}
.myreq .mra button.danger{background:transparent;border:1px solid #c9384c;color:#c9384c}.myreq .mra button.danger:hover{background:#c9384c;color:#fff}
html[data-design=old] .myreq .mrh .cnt,html[data-design=old] .myreq .mra .btn2,html[data-design=old] .myreq .mra button{border-radius:0}
/* Мастерская: меню в одну строку на компьютере (у модератора и администратора пунктов больше) — ровные промежутки, «Выйти» справа */
@media(min-width:901px){html body .ws-links{flex-wrap:wrap;gap:6px 14px;align-items:center}html body .ws-links>a{white-space:nowrap}html body .ws-links .out{margin-left:auto}}
/* «Мои заявки»: статус и «Подать новую заявку» — в одну строку, кнопка маленькая справа от статуса */
.myreq .mrst{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.myreq .mrst .mrs{align-self:center}
.myreq .mrnew{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border:1px solid var(--line2,var(--line));border-radius:11px;font-size:12px;font-weight:700;line-height:1;color:var(--ink)!important;text-decoration:none!important;white-space:nowrap}
.myreq .mrnew:hover{border-color:var(--orange);color:var(--orange)!important}.myreq .mrnew .mi-ic{flex:none;margin:0}
html[data-design=old] .myreq .mrnew{border-radius:0}
/* загрузка и правка фото: поля «Регион» и «Категории» — по верхнему краю (подсказка «Регион выставлен по месту съёмки» не сдвигает поле) */
.up .upsel,.up .row{align-items:start}
/* «Расширенный поиск», телефон: «полное совпадение» в одну строку с галочкой, пример синонимов — строкой ниже */
@media(max-width:600px){.search label.chk{flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:1px;padding-bottom:0}.search label.chk>span{white-space:nowrap}.search label.chk small{flex:1 1 100%;padding-left:24px;font-size:12px;line-height:1.35}}
/* карта: список снимков группы — поверх кнопок карты (масштаб, слои: у Leaflet z-index 1000), заголовок списка — свой,
   не путается с шапкой личных сообщений (.pmhead) и не берёт оформление обычных кнопок дизайна */
.pmpanel{z-index:1001}
html body .pmpanel .pmhead{padding:6px 8px 6px 12px;background:var(--card);gap:10px}
html body .pmpanel .pmhead b{font-size:14px;color:var(--orange)}
html body .pmpanel .pmhead button{flex:none;min-width:0;height:auto;min-height:0;margin:0;padding:2px 4px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--brown);font-weight:400;line-height:1.2}
html body .pmpanel .pmhead .pmzoom{font-size:13px;text-decoration:underline}html body .pmpanel .pmhead .pmx{font-size:24px;line-height:22px;padding:0 4px}
html body .pmpanel .pmhead button:hover{background:none;color:var(--orange)}
html[data-design=modern] body .pmpanel .pmhead button{color:var(--ink)}html[data-design=modern] body .pmpanel .pmhead button:hover{color:var(--acc)}
/* «Железнодорожные анекдоты»: разделитель между анекдотами (legacy.php) — тонкая линия, гаснущая к краям, с точкой посередине */
.ltext hr.jsep{height:14px;margin:16px auto;border:0;width:min(420px,70%);background:radial-gradient(circle at center,var(--orange,#d9590b) 0 3px,transparent 3.5px),linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 42%,transparent 46%,transparent 54%,var(--line) 58%,var(--line) 80%,transparent) center/100% 1px no-repeat;background-size:auto,100% 1px;background-position:center,center}
/* «Новости сайта»: в правой колонке — заголовок блока и заголовки новостей ведут на страницу новостей; закреплённая — со значком */
.snews .shd h2 a.shlink{display:inline-flex;align-items:center;gap:inherit;color:inherit!important;text-decoration:none!important}.snews .shd h2 a.shlink:hover{color:var(--orange)!important}
@media(max-width:900px){.snews .shd h2 a.shlink{pointer-events:none}}   /* на телефоне заголовок блока сворачивает/разворачивает блок */
.side .nitem h3 a{color:inherit!important;text-decoration:none!important}.side .nitem h3 a:hover{color:var(--orange)!important;text-decoration:underline!important}
.side .nitem .npin{color:var(--orange);margin:0 4px 0 0;vertical-align:-2px}
.side .nall{display:block;margin:6px 0 2px;font-size:13px;font-weight:700;color:var(--orange)!important;text-decoration:none!important}.side .nall:hover{text-decoration:underline!important}
/* страница новостей (newgallery/news.php) */
.newspage{max-width:860px;margin-left:auto;margin-right:auto}
.newspage .nadd{margin:6px 0 18px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.newspage .nadd summary{cursor:pointer;font-weight:700;color:var(--orange)}
.newspage .nadd .nform{margin-top:10px}.newspage .nfbtn{display:flex;gap:12px;align-items:center}
.newspage .npost{padding:16px 0;border-top:1px solid var(--line)}.newspage .npost:first-of-type{border-top:0}
.newspage .npost.pinned{margin:0 -14px;padding:16px 14px;border:1px solid var(--orange);border-radius:var(--r);background:color-mix(in srgb,var(--orange) 7%,transparent)}
.newspage .npost.pinned+.npost{border-top:0}
.newspage .nmeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;color:var(--muted)}.newspage .nmeta time{font-weight:700;color:var(--orange)}
.newspage .npinb{display:inline-flex;align-items:center;gap:4px;padding:1px 9px 1px 6px;border-radius:20px;background:var(--orange);color:#fff;font-weight:700;font-size:12px}.newspage .npinb .mi-ic{margin:0}
.newspage .npost h2{font-size:22px;line-height:1.25;margin:6px 0 8px}
.newspage .nbody{font-size:16px;line-height:1.6;overflow-wrap:anywhere}.newspage .nbody p{margin:0 0 .7em}
.newspage .nadm{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px;font-size:13px}.newspage .nadm form{margin:0}
.newspage .nadm a,.newspage .nadm button.link{display:inline-flex;align-items:center;gap:3px;color:var(--muted);text-decoration:none}.newspage .nadm a:hover,.newspage .nadm button.link:hover{color:var(--orange)}
html[data-design=old] .newspage .npost.pinned,html[data-design=old] .newspage .npinb,html[data-design=old] .newspage .nadd{border-radius:0}
@media(max-width:600px){.newspage .npost h2{font-size:19px}.newspage .nbody{font-size:15px}.newspage .npost.pinned{margin:0 -8px;padding:14px 8px}}
/* шапка профиля: имя, должность, «откуда» — ровной колонкой с одинаковыми промежутками; без должности — те же отступы */
html body .prof .atitle{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
html body .prof .atitle>h2{margin:0;line-height:1.15}
html body .prof .atitle>.roles{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0;font-size:14px;line-height:20px}
html body .prof .atitle>.roles .role{font-size:14px;line-height:20px}
html body .prof .atitle>.roles .rhid{gap:2px 8px}html body .prof .atitle>.roles .rhid-note{line-height:18px}
html body .prof .atitle>.ahome{display:flex;align-items:center;gap:7px;margin:0;font-size:14px;line-height:20px}
html body .prof .atitle>.ahome .flag{margin:0;vertical-align:0;flex:none}
html body .prof .atitle>.banmark{margin:0}
html body .prof .atitle>.roles,html body .prof .atitle>.roles .rhid{column-gap:0}html body .prof .atitle>.roles .rhid-note{margin-left:8px}   /* «Администратор, Фотомодератор» — запятая сразу после слова */
@media(max-width:600px){html body .prof .atitle>.roles .rhid{flex-direction:column;align-items:flex-start;row-gap:4px}html body .prof .atitle>.roles .rhid-note{margin-left:0}}
/* загрузка фото: превью — ссылка на сам файл в новой вкладке */
.prev a.prevopen{display:block;cursor:zoom-in;line-height:0}.prev a.prevopen:hover img{border-color:var(--acc,#c0571b)}
/* кнопка Telegram в правой колонке — во всю ширину колонки, по центру; на средних и узких экранах — отдельной строкой под блоками */
.side .stgram{display:flex}.side .stgram .tgbtn{width:100%;justify-content:center;height:38px;font-size:13.5px}
@media(max-width:1839px){html body .withside>.side{flex-wrap:wrap}html body .withside>.side>.stgram{flex:0 0 100%}}
/* телефон, главные страницы галерей и сайта (где есть правая колонка): кнопка Telegram — маленькая, в правом верхнем углу шапки,
   вместо кнопки в колонке; на остальных страницах — внизу, как на компьютере */
.tgmini{display:none}
@media(max-width:700px){
  header.top,header.otop{position:relative}
  body:has(.withside>.side) .tgmini{display:inline-flex;align-items:center;gap:5px;position:absolute;top:10px;right:12px;z-index:5;height:28px;box-sizing:border-box;padding:0 4px 0 6px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.08);text-decoration:none}
  .tgmini img{width:36px;height:18px;object-fit:contain;display:block}
  .tgmini .tgi{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--orange,#d9590b);color:#fff}
  html[data-design=modern] .tgmini .tgi{background:var(--acc);color:var(--accink)}
  html[data-design=old] .tgmini{border-radius:0;border-color:#e6c99a;background:rgba(255,250,235,.75)}html[data-design=old] .tgmini .tgi{background:#8a6a48}
  .side .stgram{display:none!important}
}
/* Администрирование → модераторы: справа ровная строка — степень, «за что», «предупредить», «снять с модераторов» */
.modlog.adm td{vertical-align:middle}
.modlog.adm td.modacts{width:1%;white-space:nowrap}
.modlog.adm td.modacts>div{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.modlog.adm td.modacts form.inline{display:flex;align-items:center;gap:6px;margin:0}
.modlog.adm td.modacts select{width:auto;min-width:48px;height:32px;padding:0 6px}
.modlog.adm td.modacts input[name=NOTE]{width:150px;height:32px;box-sizing:border-box;padding:0 8px}
.modlog.adm td.modacts button.link{white-space:nowrap;padding:0;margin:0;line-height:32px}
@media(max-width:760px){.modlog.adm td.modacts{white-space:normal}.modlog.adm td.modacts>div{flex-wrap:wrap;justify-content:flex-start;gap:8px}}
/* главная сайта на телефоне: маленькая кнопка Telegram и кнопка темы — друг под другом справа от названия, не поверх друг друга */
@media(max-width:700px){
  body:has(.withside>.side) .hometop .tgmini{position:static;grid-column:3;grid-row:1;align-self:start;justify-self:end}
  body:has(.withside>.side) .hometop .hlogin>.themetog{grid-column:3;grid-row:1;align-self:end;justify-self:end}
  body:has(.withside>.side) .hometop .htitle{min-height:70px;display:flex;flex-direction:column;justify-content:center}
}
/* Модерация → «Приняты сегодня»: когда выйдет и кто принял */
.modcard .mdone{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:var(--r);background:var(--soft);color:var(--ink);font-size:13.5px}.modcard .mdone b{margin:0 3px;color:var(--orange)}
/* Мастерская: причины представления к удалению */
.mine .mi small.dreason{display:block;margin-top:4px;color:var(--red,#b3261e);line-height:1.35}.mine .mi small.dreason b{font-weight:700}
/* «Кто сейчас на сайте»: ники компактнее и плотнее — по 3–4 в строке (аватарки — как были) */
.side .ochips{gap:4px 3px}
.side .ochips a{flex:1 1 auto;min-width:0;max-width:calc(50% - 1.5px);gap:4px;padding:1px 7px 1px 1px;font-size:12px;line-height:18px}   /* не шире половины: длинный ник не встаёт один на всю строку */
.side .ochips .av{width:18px;height:18px;font-size:9.5px}
.side .ochips a span{max-width:none;min-width:0}
.side .ochips::after{content:"";flex:999 1 0}   /* последняя строка не растягивается на всю ширину */
/* главная: смена темы — слева от аватарки вошедшего, как в шапке галерей */
.hwrow{display:flex;align-items:center;gap:10px;justify-content:flex-end}.hwrow .themetog{margin:0;flex:none}
@media(max-width:1000px){.hwrow{justify-content:flex-start}}
/* страница автора: каждая должность — своей строкой, без запятых между ними; длинный список разделов переносится внутри строки */
html body .prof .atitle>.roles,html body .prof .atitle>.roles .rhid{display:flex;flex-direction:column;align-items:flex-start;gap:1px;row-gap:1px}
html body .prof .atitle>.roles .role{display:block;white-space:normal;max-width:100%}
html body .prof .atitle>.roles .role+.role::before{content:none}
html body .prof .atitle>.roles .rhid-note{margin:2px 0 0}
/* модераторская: уведомления без перезагрузки, плавное удаление карточки, подгрузка, фото в полный размер при наведении */
.mtoasts{position:fixed;top:16px;right:16px;z-index:1000;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px));pointer-events:none}
.mtoast{padding:11px 16px;border-radius:10px;background:#2f9e44;color:#fff;font-size:14.5px;font-weight:600;line-height:1.35;box-shadow:0 6px 24px rgba(0,0,0,.28);opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s}
.mtoast.on{opacity:1;transform:none}.mtoast.bad{background:#c92a2a}.mtoast.info{background:#d9590b}
.mlist .modcard.mgone{overflow:hidden;opacity:0;margin:0;padding-top:0;padding-bottom:0;border-width:0;transition:height .3s ease,opacity .25s,padding .3s,margin .3s}
.mmore{padding:14px 0 4px;text-align:center;color:var(--muted);font-size:14px;min-height:20px}
.mzoom{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .15s;background:rgba(0,0,0,.35)}
.mzoom.on{opacity:1}.mzoom img{max-width:none;max-height:none;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.5);background:#111}
.mzoom span{display:none;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:5px 12px;border-radius:14px;background:rgba(0,0,0,.65);color:#fff;font-size:13px}.mzoom.wait span{display:block}
.modcard .mupl{font-weight:600}
/* репутация автора (видят модераторы и сам автор) */
.rep{cursor:help}.rep b{font-weight:700}.rep-good b{color:#2f9e44}.rep-warn b{color:var(--orange,#d9590b)}.rep-bad b,.rep-bad{color:#c92a2a}
/* полоска «Модератору» на странице фото: состояние, репутация, кнопки — каждое своей строкой */
.modbar .mbst{font-size:14.5px;line-height:1.45}.modbar .mbst b{margin-right:4px}
.modbar .mbreq{display:block;margin-top:2px;color:var(--muted);font-size:13px}
.modbar .mbrep{margin:4px 0 0;color:var(--muted);font-size:13.5px;line-height:1.45}.modbar .mbrep .rep{color:inherit}.modbar .mbrep .rep b{font-size:14px}
.modbar .macts{margin-top:10px}
/* автор фото неизвестен (учётная запись удалена) — без ссылки */
.noauth{color:var(--muted);font-style:italic;cursor:help}
/* должности через запятую: запятая — в конце предыдущей должности, поэтому при переносе строки она не начинает новую строку */
.role+.role::before{content:none}
.role:has(+.role)::after{content:",";color:var(--muted)}
.role:has(+.role){margin-right:.3em}       /* пробел после запятой — справа, перенесённая строка начинается ровно */
.rolepref .rp-now .role::after,html body .prof .atitle>.roles .role::after{content:none}
.rolepref .rp-now .role:has(+.role),html body .prof .atitle>.roles .role:has(+.role){margin-right:0}

/* ===== Модерация с телефона (экран до 760px): крупные кнопки под палец, вкладки в одну строку с прокруткой, фото во всю ширину ===== */
.mview{position:fixed;inset:0;z-index:1001;background:#0e0e0e;display:none;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mview.on{display:flex}
.mview img{margin:auto;display:block;max-width:100%;max-height:100%;object-fit:contain}
.mview.full img{max-width:none;max-height:none}
.mview .mvbar{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;justify-content:space-between;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.75));color:#ddd;font-size:13px;pointer-events:none}
.mview .mvbar a,.mview .mvbar button{pointer-events:auto;min-height:40px;padding:0 14px;border-radius:20px;border:0;background:rgba(255,255,255,.16);color:#fff;font:600 14px system-ui,sans-serif;display:inline-flex;align-items:center;text-decoration:none}
.mview .mvwait{position:fixed;top:12px;left:50%;transform:translateX(-50%);color:#ccc;font-size:13px;background:rgba(0,0,0,.6);padding:4px 10px;border-radius:12px}
@media(max-width:760px){
  .modpage{margin:6px auto}.modpage h1{font-size:20px;margin:4px 0}
  .modpage .modtabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:6px -12px;padding:2px 12px 6px;scroll-snap-type:x proximity}
  .modpage .modtabs::-webkit-scrollbar{display:none}
  .modpage .modtabs a{flex:none;white-space:nowrap;padding:9px 12px;font-size:14px;scroll-snap-align:start}
  .modpage>.hint{font-size:13px}
  .modcard{gap:8px;padding:14px 0 18px;border-bottom-width:6px}
  .modcard .mpic{margin:0 -12px}.modcard .mpic img{border-radius:0}
  .modcard h3{font-size:16px;line-height:1.3}
  .modcard .facts{grid-template-columns:max-content minmax(0,1fr);gap:4px 10px;font-size:13.5px}
  .modcard .facts dd{overflow-wrap:anywhere}
  .modcard .macts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .modcard .macts>form.inline{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;margin:0}
  .modcard .macts>form.inline+form.inline{grid-template-columns:1fr}
  .modcard .macts button,.modcard .macts .btn2,.modcard .macts .mdone{min-height:48px;font-size:15.5px;justify-content:center;text-align:center;width:100%;box-sizing:border-box;display:inline-flex;align-items:center}
  .modcard .macts>form.inline>button{grid-column:1}
  .modcard .macts input[type=date]{min-height:48px;padding:0 8px;font-size:16px;max-width:150px;box-sizing:border-box}
  .modcard .macts>.btn2:last-child{grid-column:1/-1}
  .modcard .macts .mdone{grid-column:1/-1}
  .modcard .del summary{min-height:44px;display:flex;align-items:center;font-size:15px}
  .modcard .del form{max-width:none;gap:0}
  .modcard .del label.r{padding:9px 0;font-size:15px;line-height:1.3;border-bottom:1px solid var(--soft);align-items:flex-start}
  .modcard .del label.r input{width:22px;height:22px;flex:none;margin:0 4px 0 0}
  .modcard .del textarea{width:100%;box-sizing:border-box;margin:10px 0 8px;font-size:16px}
  .modcard .del button{min-height:48px;font-size:15.5px;width:100%}
  .mtoasts{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:none;align-items:stretch}
  .mtoast{text-align:center;font-size:15px;transform:translateY(8px)}
  .modpage .pager{display:flex;flex-wrap:wrap;gap:6px}.modpage .pager a,.modpage .pager b{padding:8px 10px}
  .modpage table.modlog{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:13px}
  .modbar .macts button,.modbar .macts .btn2{min-height:46px}
}

/* ===== Перенос фото в другой профиль (только администратор, блок «Модератору» на странице фото) ===== */
.modbar .mbmove{margin:10px 0 0;padding:8px 10px;border-left:3px solid var(--orange);background:rgba(217,89,11,.07);border-radius:0 var(--r) var(--r) 0;font-size:13.5px;line-height:1.5}
.modbar .mbmove b{margin-right:4px}
.modbar .mvauth{margin-top:8px}
.modbar .mvauth summary{cursor:pointer;color:var(--orange);font-weight:600;font-size:14px}
.modbar .mvauth form{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:520px}
.modbar .mvauth label{display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.modbar .mvauth input,.modbar .mvauth textarea{width:100%;box-sizing:border-box;font-size:15px}
.modbar .mvauth form>button{align-self:flex-start}
.modbar .mvask p{margin:0}.modbar .mvask{flex-direction:row!important;flex-wrap:wrap;align-items:center}.modbar .mvask p{flex:1 1 100%}
@media(max-width:760px){.modbar .mvauth form>button,.modbar .mvask .btn2{min-height:46px;flex:1 1 auto}.modbar .mvauth input,.modbar .mvauth textarea{font-size:16px}}

/* «Править профиль» (администратор): прежние ники автора */
.profedit .oldnames{margin:10px 0 0;font-size:13.5px;line-height:1.5}
.profedit .oldnames ul{margin:4px 0 0;padding-left:18px}
.profedit .oldnames .on{font-weight:600}

/* Название фото: серия, номер, станции — ссылки на поиск («Ещё ЧМЭ3Т…»). Выглядят как текст, при наведении — подчёркивание */
.phtitle a.dl{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:3px;text-decoration-thickness:1px}
.phtitle a.dl:hover{color:var(--orange);text-decoration-color:currentColor}