/* Compact story metadata and coherent action groups across all editions. */
body .reader-post-details.reader-post-details { display:flex; flex-wrap:wrap; align-items:center; gap:5px 12px; margin:12px 0 9px; padding:0; font:400 11px/1.5 Manrope,Arial,sans-serif; color:inherit; opacity:.78; text-align:left; }
body .reader-post-details.reader-post-details>span { display:inline-flex; align-items:center; gap:5px; max-width:100%; min-width:0; flex-basis:auto; }
body .reader-post-details.reader-post-details svg { width:14px!important; height:14px!important; flex:0 0 14px; }
body .reader-post-details time { font:inherit; white-space:normal; }
body :is(.nw-story-meta,.np-card-meta,.np-meta,.gs-card-meta,.bv-meta,.hs-meta,.cs-meta,.bp-meta,.pd-story-meta,.tv-story-meta,.ti-card-meta,.le-byline,.sp-story-meta,.gx-meta):has(+.reader-post-details) { display:none!important; }
body.p-edition.p-edition.p-edition :is(.nw-engagement,.sp-engagement),
body[class*="gx-page-"] .gx-engagement.gx-engagement {
 display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr))!important;
 align-items:center; gap:8px!important; width:100%; max-width:100%; min-width:0;
 border-top:1px solid color-mix(in srgb,currentColor 16%,transparent)!important;
 margin-top:10px!important; padding:10px 0 0!important; color:inherit;
 font:500 11px/1.4 Manrope,Arial,sans-serif;
}
body :is(.reader-reactions,.reader-secondary) { display:flex!important; align-items:center; gap:6px; min-width:0; }
body .reader-reactions { justify-content:flex-start; }
body .reader-secondary { justify-content:flex-end; }
body.p-edition.p-edition.p-edition :is(.nw-engagement,.sp-engagement) button,
body[class*="gx-page-"] .gx-engagement.gx-engagement button {
 display:inline-flex!important; align-items:center; justify-content:center; gap:6px;
 width:auto!important; min-width:32px!important; height:32px!important; min-height:32px!important;
 padding:6px 8px!important; border:1px solid color-mix(in srgb,currentColor 18%,transparent)!important;
 border-radius:8px!important; background:transparent; color:inherit; font:inherit;
 cursor:pointer; flex-shrink:0; box-shadow:none;
}
body.p-edition.p-edition.p-edition :is(.nw-engagement,.sp-engagement) .reader-reactions button,
body[class*="gx-page-"] .gx-engagement .reader-reactions button { min-width:48px!important; border-radius:18px!important; }
body.p-edition.p-edition.p-edition :is(.nw-engagement,.sp-engagement) svg,
body[class*="gx-page-"] .gx-engagement.gx-engagement svg { width:16px!important; height:16px!important; flex-shrink:0; }
body.p-edition.p-edition.p-edition :is(.nw-readers,.sp-view-count),
body[class*="gx-page-"] .gx-views { display:inline-flex; align-items:center; gap:4px; margin:0 auto 0 0!important; font-size:10px!important; white-space:nowrap; opacity:.75; }
body.p-edition.p-edition.p-edition :is(.nw-engagement,.sp-engagement) button:hover,
body[class*="gx-page-"] .gx-engagement button:hover { background:color-mix(in srgb,currentColor 7%,transparent); }
body.p-edition.p-edition.p-edition :is(.nw-engagement,.sp-engagement) button[aria-pressed=true],
body[class*="gx-page-"] .gx-engagement button[aria-pressed=true] { background:color-mix(in srgb,currentColor 12%,transparent); border-color:currentColor!important; }
body :is(.nw-engagement,.sp-engagement,.gx-engagement) button:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
body :is(.nw-engagement,.sp-engagement,.gx-engagement) button:disabled { opacity:.45; cursor:wait; }
/* DramaVerse retains its thumbnail actions and existing reaction engine. */
body.p-edition[data-template=template2] #content :is(.dv-card,.dv-hero,.dv-story-actions) .dv-share-controls>button.dv-reaction { min-width:48px!important; min-height:32px!important; height:32px!important; padding:6px 9px!important; border:1px solid color-mix(in srgb,currentColor 18%,transparent)!important; border-radius:18px!important; box-shadow:none!important; }
body.p-edition[data-template=template2] #content .dv-card .dv-share-controls .dv-svg { width:16px!important; height:16px!important; }
@media(pointer:coarse) {
 body.p-edition.p-edition.p-edition :is(.nw-engagement,.sp-engagement) button,
 body[class*="gx-page-"] .gx-engagement.gx-engagement button { min-width:40px!important; min-height:40px!important; height:40px!important; }
 body.p-edition[data-template=template2] #content :is(.dv-card,.dv-hero,.dv-story-actions) .dv-share-controls>button.dv-reaction { min-height:40px!important; height:40px!important; }
}
@media print { .reader-post-details { opacity:1; } }