:root { --ed-blue:#203666; --ed-ink:#172033; --ed-muted:#667085; --ed-line:#e4e7ec; --ed-bg:#f2f4f7; --ed-red:#c92127; }
body.ed-feed-modal-open { overflow:hidden; }
.ed-feed { background:var(--ed-bg); color:var(--ed-ink); min-height:70vh; padding:42px 18px 70px; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
.ed-feed * { box-sizing:border-box; }
.ed-feed__intro,.ed-feed__stream { width:min(100%,720px); margin-inline:auto; }
.ed-feed__intro { padding:0 4px 26px; }
.ed-feed__kicker { color:var(--ed-red); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.ed-feed__intro h1 { color:var(--ed-ink); font-size:clamp(28px,5vw,44px); letter-spacing:-.035em; line-height:1.05; margin:7px 0 9px; }
.ed-feed__intro p { color:var(--ed-muted); font-size:16px; margin:0; }
.ed-feed__stream { display:grid; gap:22px; }
.ed-feed-card { background:#fff; border:1px solid rgba(16,24,40,.08); border-radius:18px; box-shadow:0 7px 28px rgba(16,24,40,.07); overflow:visible; }
.ed-feed-card__header { align-items:center; display:flex; gap:11px; padding:18px 20px 8px; }
.ed-feed-card__avatar { border-radius:50%; height:44px; object-fit:cover; width:44px; }
.ed-feed-card__header strong { color:var(--ed-ink); display:block; font-size:15px; line-height:1.25; }
.ed-feed-card__meta { align-items:center; color:var(--ed-muted); display:flex; font-size:12px; gap:6px; margin-top:3px; }
.ed-feed-card__meta i { font-style:normal; }
.ed-feed-card__copy { padding:7px 20px 17px; }
.ed-feed-card__copy h2 { color:var(--ed-ink); font-size:clamp(21px,4vw,30px); letter-spacing:-.025em; line-height:1.12; margin:0 0 10px; }
.ed-feed-card__copy p { color:#475467; font-size:15px; line-height:1.58; margin:0; }
.ed-feed-card__media { aspect-ratio:16/9; background:#101828; overflow:hidden; }
.ed-feed-card__media img { display:block; height:100%; object-fit:cover; width:100%; }
.ed-feed-card__social-proof { align-items:center; display:flex; justify-content:space-between; min-height:43px; padding:6px 20px; }
.ed-feed-card__reaction-summary { align-items:center; color:var(--ed-muted); display:flex; font-size:15px; min-height:28px; }
.ed-feed-card__reaction-summary span { align-items:center; background:#fff; border:2px solid #fff; border-radius:50%; display:inline-flex; height:25px; justify-content:center; margin-left:-5px; width:25px; }
.ed-feed-card__reaction-summary span:first-child { margin-left:0; }
.ed-feed-card__reaction-summary b { font-size:13px; font-weight:600; margin-left:6px; }
.ed-feed-card__comment-count { background:none; border:0; color:var(--ed-muted); cursor:pointer; font-size:13px; padding:6px 0; }
.ed-feed-card__comment-count:hover { text-decoration:underline; }
.ed-feed-card__actions { border-top:1px solid var(--ed-line); display:grid; grid-template-columns:1fr 1fr 1fr; margin:0 14px; padding:5px 0; }
.ed-feed-action { align-items:center; background:none; border:0; border-radius:9px; color:#475467; cursor:pointer; display:flex; font:600 13px/1.2 inherit; gap:7px; justify-content:center; min-height:42px; padding:8px; }
.ed-feed-action:hover,.ed-feed-action.is-selected { background:#f2f4f7; color:var(--ed-blue); }
.ed-feed-action.is-selected { font-weight:800; }
.ed-reaction-control { position:relative; }
.ed-reaction-control>.ed-feed-action { width:100%; }
.ed-reaction-picker { align-items:center; background:#fff; border:1px solid var(--ed-line); border-radius:999px; bottom:43px; box-shadow:0 10px 35px rgba(16,24,40,.18); display:flex; gap:2px; left:0; opacity:0; padding:6px; pointer-events:none; position:absolute; transform:translateY(7px); transition:.18s ease; z-index:5; }
.ed-reaction-control:hover .ed-reaction-picker,.ed-reaction-control:focus-within .ed-reaction-picker { opacity:1; pointer-events:auto; transform:translateY(0); }
.ed-reaction-picker button { background:none; border:0; border-radius:50%; cursor:pointer; font-size:24px; height:38px; padding:0; transition:transform .15s ease; width:38px; }
.ed-reaction-picker button:hover,.ed-reaction-picker button:focus-visible { transform:scale(1.28) translateY(-3px); }
.ed-feed__pagination { display:flex; justify-content:space-between; padding:8px 2px; }
.ed-feed__pagination a { background:#fff; border:1px solid var(--ed-line); border-radius:999px; color:var(--ed-blue); font-size:14px; font-weight:700; padding:11px 18px; }
.ed-feed-modal[hidden] { display:none; }
.ed-feed-modal { font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; inset:0; position:fixed; z-index:999999; }
.ed-feed-modal__backdrop { background:rgba(15,23,42,.72); inset:0; position:absolute; backdrop-filter:blur(4px); }
.ed-feed-modal__dialog { background:#fff; border-radius:18px; box-shadow:0 25px 80px rgba(0,0,0,.3); display:flex; flex-direction:column; inset:3vh max(16px,calc((100vw - 860px)/2)); overflow:hidden; position:absolute; }
.ed-feed-modal__bar { align-items:center; border-bottom:1px solid var(--ed-line); display:flex; flex:0 0 auto; justify-content:center; min-height:56px; padding:9px 60px; position:relative; }
.ed-feed-modal__bar strong { color:var(--ed-ink); font-size:16px; }
.ed-feed-modal__bar button { align-items:center; background:#eef1f5; border:0; border-radius:50%; color:#344054; cursor:pointer; display:flex; font-size:28px; height:38px; justify-content:center; line-height:1; position:absolute; right:13px; top:9px; width:38px; }
.ed-feed-modal__body { color:var(--ed-ink); overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; }
.ed-modal-post__header { padding:28px clamp(20px,5vw,58px) 22px; }
.ed-modal-post__eyebrow { color:var(--ed-red); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.ed-modal-post__header h2 { color:var(--ed-ink); font-size:clamp(28px,5vw,44px); letter-spacing:-.035em; line-height:1.08; margin:8px 0 12px; }
.ed-modal-post__header p { color:#475467; font-size:16px; line-height:1.55; margin:0; }
.ed-modal-post__image { aspect-ratio:16/9; background:#101828; }
.ed-modal-post__image img { display:block; height:100%; object-fit:cover; width:100%; }
.ed-modal-post__content { color:#27364a; font-family:Georgia,serif; font-size:18px; line-height:1.75; padding:30px clamp(20px,7vw,74px) 38px; }
.ed-modal-post__content h2,.ed-modal-post__content h3 { color:var(--ed-ink); font-family:Inter,system-ui,sans-serif; line-height:1.2; margin-top:1.7em; }
.ed-comments { background:#f8fafc; border-top:1px solid var(--ed-line); padding:26px clamp(18px,6vw,60px) 40px; }
.ed-comments h3 { color:var(--ed-ink); font-size:20px; margin:0 0 22px; }
.ed-comments h3 span { color:var(--ed-muted); font-size:14px; }
.ed-comments__list { display:grid; gap:15px; }
.ed-comment { align-items:flex-start; display:flex; gap:10px; }
.ed-comment__avatar img { border-radius:50%; display:block; }
.ed-comment__main { flex:1; min-width:0; }
.ed-comment__bubble { background:#e9eef5; border-radius:6px 16px 16px 16px; display:inline-block; max-width:100%; padding:10px 13px; }
.ed-comment__author { display:block; font-size:13px; margin-bottom:2px; }
.ed-comment__text { color:#27364a; font-size:14px; line-height:1.45; }
.ed-comment__text p { margin:0; }
.ed-comment__meta { color:var(--ed-muted); display:flex; font-size:11px; gap:10px; padding:4px 11px; }
.ed-comments__empty,.ed-comments__closed { color:var(--ed-muted); font-size:14px; }
.ed-comment-form { border-top:1px solid var(--ed-line); margin-top:24px; padding-top:20px; }
.ed-comment-form__identity { display:grid; gap:10px; grid-template-columns:1fr 1fr; }
.ed-comment-form label { color:#475467; display:grid; font-size:12px; font-weight:700; gap:5px; }
.ed-comment-form label span { font-weight:400; }
.ed-comment-form input,.ed-comment-form textarea { background:#fff; border:1px solid #d0d5dd; border-radius:11px; color:var(--ed-ink); font:14px/1.4 inherit; outline:none; padding:10px 12px; width:100%; }
.ed-comment-form textarea { margin-top:10px; resize:vertical; }
.ed-comment-form input:focus,.ed-comment-form textarea:focus { border-color:#5174bd; box-shadow:0 0 0 3px rgba(81,116,189,.14); }
.ed-comment-form__website { height:0!important; left:-9999px; opacity:0; padding:0!important; position:absolute; width:0!important; }
.ed-comment-form button { background:var(--ed-blue); border:0; border-radius:10px; color:#fff; cursor:pointer; float:right; font-size:13px; font-weight:800; margin-top:10px; padding:10px 16px; }
.ed-comment-form button:disabled { opacity:.55; }
.ed-comment-form__notice { color:#475467; font-size:13px; min-height:18px; }
.ed-feed-loader { animation:ed-spin .8s linear infinite; border:3px solid #e4e7ec; border-radius:50%; border-top-color:var(--ed-blue); height:34px; margin:70px auto; width:34px; }
.ed-feed-error { color:#b42318; padding:50px; text-align:center; }
@keyframes ed-spin { to { transform:rotate(360deg); } }
@media (max-width:640px) {
  .ed-feed { padding:26px 0 55px; }
  .ed-feed__intro { padding-inline:16px; }
  .ed-feed__stream { gap:12px; }
  .ed-feed-card { border-left:0; border-radius:0; border-right:0; }
  .ed-feed-card__actions { margin-inline:8px; }
  .ed-feed-action { font-size:12px; gap:4px; }
  .ed-reaction-picker { left:5px; position:fixed; right:5px; width:max-content; }
  .ed-feed-modal__dialog { border-radius:0; inset:0; }
  .ed-modal-post__header { padding-top:22px; }
  .ed-comment-form__identity { grid-template-columns:1fr; }
}
