.article-detail__title-row.has-cover { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:32px; align-items:start; }
.article-detail__title-row h1 { margin:0; }
.article-detail__cover { display:block; width:100%; padding:0; border:0; border-radius:8px; overflow:hidden; background:#e8edf5; cursor:zoom-in; }
.article-detail__cover img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.article-content img,.news-article-content img { cursor:zoom-in; }
.article-detail__cover:focus-visible,.article-content img:focus-visible,.news-article-content img:focus-visible { outline:3px solid #1769db; outline-offset:4px; }
dialog.hdbb-gallery { position:fixed; inset:0; width:100%; max-width:none; height:100%; height:100dvh; max-height:none; margin:0; padding:0; border:0; background:#10151c; color:#fff; overscroll-behavior:contain; font:14px/1.5 system-ui,sans-serif; }
dialog.hdbb-gallery[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.hdbb-gallery::backdrop { background:#10151c; }
.hdbb-gallery button { min-height:44px; min-width:44px; padding:8px 14px; border:1px solid #55616f; border-radius:6px; color:#fff; background:#242e3a; font:inherit; cursor:pointer; touch-action:manipulation; }
.hdbb-gallery button:hover { background:#354456; }
.hdbb-gallery button:disabled { opacity:.4; cursor:default; }
.hdbb-gallery button:focus-visible { outline:3px solid #8bc2ff; outline-offset:3px; }
.hdbb-gallery__toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left)); padding-top:max(12px,env(safe-area-inset-top)); }
.hdbb-gallery__counter { min-width:48px; font-variant-numeric:tabular-nums; }
.hdbb-gallery__zoom { display:flex; gap:6px; }
.hdbb-gallery__zoom [data-action="reset"] { min-width:66px; font-variant-numeric:tabular-nums; }
.hdbb-gallery__stage { display:flex; align-items:center; justify-content:center; min-width:0; min-height:0; overflow:hidden; touch-action:none; user-select:none; }
.hdbb-gallery__stage img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; transform-origin:center; flex-shrink:0; }
.hdbb-gallery__stage img[hidden] { display:none; }
.hdbb-gallery__stage.is-zoomed { cursor:grab; }
.hdbb-gallery__stage.is-zoomed:active { cursor:grabbing; }
.hdbb-gallery__footer { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:16px; padding:12px 16px max(12px,env(safe-area-inset-bottom)); }
.hdbb-gallery__footer p { margin:0; max-height:4.5em; overflow:auto; text-align:center; overflow-wrap:anywhere; color:#e0e7f0; }
@media(max-width:640px) {
  .article-detail__title-row.has-cover { grid-template-columns:minmax(0,1fr) 104px; gap:16px; }
  .article-detail__cover { border-radius:5px; }
  .hdbb-gallery__toolbar { gap:6px; padding-inline:10px; }
  .hdbb-gallery button { padding-inline:10px; }
  .hdbb-gallery__footer { gap:8px; padding-inline:10px; }
  .hdbb-gallery__footer p { font-size:12px; }
}
@media(max-width:360px) {
  .article-detail__title-row.has-cover { grid-template-columns:minmax(0,1fr) 88px; gap:12px; }
}