﻿
.corner-article-image-button{display:block;width:100%;padding:0;margin:20px 0 24px;border:0;background:transparent;cursor:zoom-in;border-radius:14px;overflow:hidden}
.corner-article-image{display:block;width:100%;max-height:680px;object-fit:contain;background:#f4f4f4;border-radius:14px;transition:transform .2s ease}
.corner-article-image-button:hover .corner-article-image{transform:scale(1.01)}
.corner-image-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(0,0,0,.88)}
.corner-image-modal.open{display:flex}
.corner-image-modal img{max-width:96vw;max-height:92vh;object-fit:contain;box-shadow:0 14px 45px rgba(0,0,0,.4)}
.corner-image-modal-close{position:absolute;top:12px;right:20px;border:0;background:transparent;color:#fff;font-size:48px;line-height:1;cursor:pointer}
body.corner-modal-open{overflow:hidden}
.corner-admin-image-preview{margin-top:10px}
.corner-admin-image-preview img{display:block;max-width:260px;max-height:170px;object-fit:contain;border:1px solid #ddd;border-radius:8px;background:#f7f7f7;padding:4px}
@media(max-width:700px){.corner-image-modal{padding:14px}.corner-image-modal-close{top:6px;right:10px;font-size:40px}.corner-article-image{max-height:460px}}

.corner-article-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.corner-article-title-row h1{flex:1 1 auto;min-width:0;margin-right:0!important}
.corner-article-title-row .share-dropdown{flex:0 0 auto;margin-top:4px}
@media(max-width:760px){
 .corner-article-title-row{flex-direction:column;gap:12px}
 .corner-article-title-row .share-dropdown{align-self:flex-start;margin-top:0}
}
