:root {
  --mra-red: #c91e2d;
  --mra-ink: #101114;
  --mra-muted: #686d75;
  --mra-line: #dedbd5;
  --mra-paper: #f5f3ef;
}
.mra-ticker { display:flex; min-height:42px; align-items:stretch; color:#fff; background:var(--mra-ink); overflow:hidden; font-family:Inter,Arial,sans-serif; }
.mra-ticker-label { flex:0 0 auto; display:flex; align-items:center; gap:9px; padding:0 18px; background:var(--mra-red); font-size:11px; font-weight:900; letter-spacing:.12em; }
.mra-ticker-label span { width:7px; height:7px; border-radius:50%; background:#fff; animation:mraPulse 1.4s infinite; }
.mra-ticker-window { min-width:0; flex:1; overflow:hidden; display:flex; align-items:center; }
.mra-ticker-track { display:flex; width:max-content; align-items:center; animation:mraTicker var(--mra-ticker-duration,42s) linear infinite; will-change:transform; }
.mra-ticker-track a { display:flex; align-items:center; gap:10px; flex:0 0 auto; padding:0 24px; border-right:1px solid #30333a; font-size:12px; }
.mra-ticker-track a strong { max-width:520px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mra-ticker-track a span { color:#9ca1ab; white-space:nowrap; }
.mra-ticker-toggle { flex:0 0 44px; border:0; border-left:1px solid #30333a; color:#fff; background:#17191d; cursor:pointer; font-weight:900; }
.mra-ticker.is-paused .mra-ticker-track { animation-play-state:paused; }
@keyframes mraTicker { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@keyframes mraPulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.35; transform:scale(.72); } }
.mra-component-kicker { margin:0 0 8px!important; color:var(--mra-red)!important; font-family:Inter,Arial,sans-serif!important; font-size:11px!important; font-weight:900!important; line-height:1.2!important; letter-spacing:.13em!important; text-transform:uppercase!important; }
.mra-fact-bar { max-width:980px; margin:34px auto; border:1px solid var(--mra-line); border-top:4px solid var(--mra-red); border-radius:14px; background:#fff; box-shadow:0 12px 36px rgba(16,17,20,.06); overflow:hidden; font-family:Inter,Arial,sans-serif; }
.mra-fact-bar-top { display:flex; justify-content:space-between; gap:18px; padding:14px 20px; border-bottom:1px solid var(--mra-line); background:var(--mra-paper); text-transform:uppercase; font-size:11px; font-weight:900; letter-spacing:.12em; }
.mra-fact-bar-top small { color:var(--mra-muted); font-weight:700; }
.mra-fact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.mra-fact-grid > div { padding:22px; }
.mra-fact-grid > div + div { border-left:1px solid var(--mra-line); }
.mra-fact-grid h2 { margin:0 0 12px; font-family:Georgia,serif; font-size:21px; }
.mra-fact-grid ul { margin:0; padding:0; list-style:none; }
.mra-fact-grid li { position:relative; padding:7px 0 7px 24px; font-size:14px; line-height:1.5; }
.mra-fact-grid li::before { content:'✓'; position:absolute; left:0; top:7px; color:var(--mra-red); font-weight:900; }
.mra-fact-grid > div:last-child li::before { content:'?'; }
.mra-timeline { margin:46px 0; padding:28px; border:1px solid var(--mra-line); border-radius:16px; background:#fff; font-family:Inter,Arial,sans-serif; }
.mra-timeline h2 { margin:0 0 24px; font-family:Georgia,serif; font-size:34px; }
.mra-timeline ol { position:relative; list-style:none; margin:0; padding:0 0 0 24px; }
.mra-timeline ol::before { content:''; position:absolute; left:5px; top:6px; bottom:6px; width:2px; background:#e7c5ca; }
.mra-timeline li { position:relative; display:grid; grid-template-columns:150px 1fr; gap:20px; padding:0 0 24px; }
.mra-timeline li::before { content:''; position:absolute; left:-24px; top:7px; width:12px; height:12px; border-radius:50%; background:var(--mra-red); box-shadow:0 0 0 4px #f7e9eb; }
.mra-timeline time { color:var(--mra-red); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.mra-timeline p { margin:0!important; font-size:15px!important; line-height:1.5!important; }
.mra-source-panel { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:46px 0 0; padding:22px 24px; border-radius:14px; color:#fff; background:var(--mra-ink); font-family:Inter,Arial,sans-serif; }
.mra-source-panel h2 { margin:0; color:#fff; font-family:Georgia,serif; font-size:24px; }
.mra-source-panel p:not(.mra-component-kicker) { margin:5px 0 0!important; color:#aeb3bd; font-size:12px!important; }
.mra-source-panel a { flex:0 0 auto; padding:10px 16px; border:1px solid #42464e; border-radius:999px; color:#fff; font-size:12px; font-weight:900; }
.mra-latest-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.mra-feed-card { overflow:hidden; border:1px solid var(--mra-line); border-radius:16px; background:#fff; transition:transform .2s ease, box-shadow .2s ease; }
.mra-feed-card:hover { transform:translateY(-3px); box-shadow:0 18px 48px rgba(16,17,20,.08); }
.mra-feed-card-image { display:block; aspect-ratio:16/10; overflow:hidden; background:var(--mra-paper); }
.mra-feed-card-image img { width:100%; height:100%; object-fit:cover; }
.mra-feed-placeholder { display:grid; place-items:center; width:100%; height:100%; min-height:180px; color:#fff; font-weight:900; letter-spacing:.2em; background:linear-gradient(135deg,var(--mra-red),#68101a); }
.mra-feed-card-copy { padding:20px; }
.mra-feed-card-copy h3 { margin:0 0 10px; font-family:Georgia,serif; font-size:25px; line-height:1.15; }
.mra-feed-card-copy > p:not(.mra-component-kicker) { margin:0 0 16px; color:var(--mra-muted); font-size:14px; line-height:1.55; }
.mra-feed-card-copy small { color:var(--mra-muted); font-size:11px; text-transform:uppercase; letter-spacing:.05em; }
.mra-regions { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.mra-region-link { position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:170px; padding:20px; overflow:hidden; border:1px solid #34373d; border-radius:15px; color:#fff!important; background:linear-gradient(145deg,#202329,#111317); }
.mra-region-link::after { content:''; position:absolute; width:140px; height:140px; right:-35px; bottom:-75px; border-radius:50%; background:rgba(201,30,45,.32); filter:blur(6px); }
.mra-region-link strong,.mra-region-link span { position:relative; z-index:1; }
.mra-region-link strong { font-family:Georgia,serif; font-size:23px; line-height:1.1; }
.mra-region-link span { margin-top:8px; color:#aeb3bd; font-size:11px; }
.mra-most-read-list { counter-reset:mraRead; list-style:none; margin:0; padding:0; }
.mra-most-read-list li { counter-increment:mraRead; display:grid; grid-template-columns:40px 1fr; gap:12px; padding:15px 0; border-bottom:1px solid var(--mra-line); }
.mra-most-read-list li::before { content:counter(mraRead,decimal-leading-zero); color:var(--mra-red); font-weight:900; }
.mra-most-read-list a { font-family:Georgia,serif; font-weight:700; line-height:1.25; }
@media (max-width:900px) { .mra-latest-grid { grid-template-columns:repeat(2,1fr); } .mra-regions { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px) {
  .mra-ticker-label { padding:0 12px; }
  .mra-ticker-track a { padding:0 15px; }
  .mra-ticker-track a strong { max-width:270px; }
  .mra-fact-grid,.mra-latest-grid,.mra-regions { grid-template-columns:1fr; }
  .mra-fact-grid > div + div { border-left:0; border-top:1px solid var(--mra-line); }
  .mra-timeline li { grid-template-columns:1fr; gap:5px; }
  .mra-source-panel { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { .mra-ticker-track,.mra-ticker-label span { animation:none!important; } }
