/* Content scrolls independently; the large close control stays within reach. */
.hl-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.hl-dialog .hl-dialog-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;scrollbar-gutter:stable}
.hl-dialog-footer{flex:0 0 auto;padding:12px 18px max(12px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e1e7ee;box-shadow:0 -5px 18px #203b6608}
.hl-dialog .hl-dialog-footer .hl-dialog-close{position:static;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:54px;min-height:54px;padding:12px 18px;border:0;border-radius:11px;background:#203b66;color:#fff;font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;cursor:pointer;touch-action:manipulation}
.hl-dialog-close>span{font-size:26px;font-weight:400;line-height:1}
.hl-dialog .hl-dialog-footer .hl-dialog-close:hover{background:#142c50}
.hl-dialog .hl-dialog-footer .hl-dialog-close:active{background:#0c233f}
.hl-dialog .hl-dialog-footer .hl-dialog-close:focus-visible{outline:3px solid #ffb3a7;outline-offset:3px}
@media(max-width:600px){.hl-dialog-footer{padding-left:14px;padding-right:14px}.hl-dialog .hl-dialog-footer .hl-dialog-close{height:56px;min-height:56px;font-size:17px}}

/* Shared spacing for original-source and save actions in every article dialog. */
.hl-dialog .hl-detail-actions{margin-top:24px;margin-bottom:4px;column-gap:14px;row-gap:12px}