/* Shared entry layout for the Flask and native activities. */
#word-post main:has(> .activity-entry) { max-width:none; width:100%; }
.activity-entry.main-content,
.activity-entry.page { box-sizing:border-box; padding:40px 32px 64px; max-width:none; }
.activity-entry.page { width:100%; margin:0; }
.activity-entry > .activity-entry-content { box-sizing:border-box; width:100%; max-width:1120px; margin:0 auto; padding:0; color:var(--wp-text-primary); }
.activity-entry .activity-header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px 32px; margin:0 0 32px; padding:0; }
.activity-entry .activity-header-copy { flex:1 1 auto; min-width:0; }
.activity-entry .activity-header h1 { margin:0; padding:0; color:var(--wp-text-primary); font:500 clamp(28px,2.5vw,36px)/1.3 var(--wp-font-display); letter-spacing:-.8px; }
.activity-entry .activity-header .activity-description { max-width:65ch; margin:12px 0 0; color:var(--wp-text-secondary); font:400 18px/1.6 var(--wp-font-reading); }
.activity-entry .activity-header-actions { display:flex; align-items:center; flex:0 0 auto; gap:12px; }
.activity-entry .activity-header .activity-header-action { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; margin:0; padding:11px 18px; border:1px solid var(--wp-text-secondary); border-radius:10px; box-shadow:none; background:transparent; color:var(--wp-text-primary); font:500 16px/1.5 var(--wp-font-reading); text-decoration:none; white-space:nowrap; }
.activity-entry .activity-header .activity-header-action:hover { background:var(--wp-surface-sheet); border-color:var(--wp-text-primary); }
.activity-entry .activity-header .activity-header-action:focus-visible { outline:3px solid var(--wp-accent-learning); outline-offset:4px; }
.activity-entry-content > .activity-header + * { margin-top:0; }
@media(max-width:700px) {
  .activity-entry.main-content,
  .activity-entry.page { padding:24px 20px 48px; }
  .activity-entry .activity-header { flex-direction:column; gap:20px; margin-bottom:28px; }
  .activity-entry .activity-header .activity-description { font-size:16px; }
  .activity-entry .activity-header-actions { flex-wrap:wrap; }
}
