/* МедиаТут — общие правки вёрстки поверх прежних слоёв стилей (подключается из unified-layout.js). */
body.account-page main,body.account-page main.wrap{justify-content:flex-start;min-height:0}
.metro-main>.hero h1.home-title,.hero h1.home-title{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;margin:8px 0 12px!important;font-size:clamp(28px,4vw,46px)!important;line-height:1.1!important;letter-spacing:-.01em;color:#102747!important;text-wrap:balance;max-width:22ch}


/* Мегаменю: полный каталог и тематические разделы */
body.with-mega-menu .design-header>.mega-panel.mega-all{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 26px}
body.with-mega-menu .design-header>.mega-panel.mega-3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.with-mega-menu .design-header>.mega-panel.mega-1{grid-template-columns:1fr}
body.with-mega-menu .design-header>.mega-panel.mega-1 section{columns:3 220px}
body.with-mega-menu .design-header>.mega-panel.mega-1 section h2{column-span:all}
html:root:root:root body .mega-panel a{break-inside:avoid}
html:root:root:root body .mega-panel a:focus-visible,html:root:root:root body .mega-trigger:focus-visible{outline:2px solid #0969da;outline-offset:2px}
.mega-panel .format-icon svg{width:15px;height:15px}


@media(max-width:1200px){body.with-mega-menu .design-header>.mega-panel.mega-all{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){body.with-mega-menu .design-header>.mega-panel.mega-all,body.with-mega-menu .design-header>.mega-panel.mega-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body.with-mega-menu .design-header>.mega-panel.mega-all,body.with-mega-menu .design-header>.mega-panel.mega-3{grid-template-columns:1fr}body.with-mega-menu .design-header>.mega-panel.mega-1 section{columns:1}}
@media(max-width:640px){
 
 
 body.with-mega-menu .design-header>.mega-panel{max-height:70vh;overflow:auto}
}

/* Полный каталог на /files/ */

.mt-catalog h2{margin:0 0 20px}




.mt-catalog-grid a:hover{color:#0969da;text-decoration:underline}
.mt-catalog-grid .format-icon{width:24px;height:24px;flex:none}

/* Остатки старой тёмной темы в инструментах */
html body .t-files li,html body .image-page{background:#f7faff!important;border:1px solid #d7e4f5!important;color:#183c69!important}


body .t-opts .chip,body .tool .chip{padding:7px 13px;font-size:13.5px;line-height:1.2;cursor:pointer}
html body .t-opts .chip:hover{border-color:#0969da!important;color:#0969da!important}



html body #image-list>div{background:#f7faff!important;border:1px solid #d7e4f5;color:#183c69}
html body #image-list>div p{color:#183c69!important}


/* Итог обработки — светлая панель */

html body .metro-layout-docs .t-done .t,html body .t-done .t,html body .metro-layout-docs .t-done p b,html body .t-done p b{color:#0f5132!important}

html body .t-done .t-prevwrap *{color:#35506b!important}


html body .t-next a:hover{border-color:#0969da!important}
html body .t-note.t-note-server{color:#8a4b00!important;font-weight:600}
/* Кнопки и поля: касание срабатывает сразу, без ожидания двойного касания (важно после рисования подписи пальцем) */
body button,body a,body input,body select,body label,body .t-drop{touch-action:manipulation}