/* ============================================================
   MKAU 2026 — review hero, score badge, Good/Bad, legacy circles
   ============================================================ */

/* Review / article hero */
.review-hero { position:relative; min-height:clamp(340px,46vw,580px); background-size:cover; background-position:center;
	width:100%; display:flex; align-items:flex-end; }
.review-hero__overlay { position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:space-between;
	gap:1.5rem; padding:clamp(1.5rem,5vw,4rem); background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.9)); }
.review-hero__inner { max-width:min(1100px,100%); }
.review-hero__title { color:#fff; font-size:clamp(2rem,5vw,4.2rem); line-height:.98; letter-spacing:-.04em; margin:.75rem 0 .5rem; text-wrap:balance; }
.review-hero__meta { color:rgba(255,255,255,.8); font-weight:600; font-size:.95rem; }

/* Score badge — red disc */
.review-score { flex-shrink:0; width:clamp(96px,12vw,140px); height:clamp(96px,12vw,140px); border-radius:50%;
	background:linear-gradient(135deg, var(--red-dark), var(--red-primary)); display:flex; flex-direction:column;
	align-items:center; justify-content:center; box-shadow:0 12px 40px var(--red-glow); border:4px solid rgba(255,255,255,.15); }
.review-score__num { color:#fff; font-size:clamp(1.9rem,4vw,2.8rem); font-weight:800; line-height:1; }
.review-score__lbl { color:rgba(255,255,255,.85); font-size:.7rem; font-weight:700; letter-spacing:.15em; margin-top:.2rem; }

/* Review layout grid */
.mkau-review-grid { width:min(1240px,calc(100% - 2rem)); margin:2.5rem auto 4rem; display:grid;
	grid-template-columns:minmax(0,1fr) 320px; gap:2rem; align-items:start; }
.mkau-page-grid { grid-template-columns:minmax(0,1fr); }
.mkau-review-main { min-width:0; padding:clamp(1.25rem,3vw,2.5rem); border:1px solid var(--border); border-radius:20px; background:var(--bg-card); }
.mkau-article-title { font-size:clamp(1.8rem,4vw,3rem); line-height:1.05; letter-spacing:-.03em; margin-bottom:1.25rem; color:var(--text-primary); }
.mkau-review-sidebar { min-width:0; }
@media (max-width:1000px){ .mkau-review-grid { grid-template-columns:1fr; } }

/* The Good / The Bad — CSS grid, no Bootstrap */
.good-bad-list { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; margin:2rem 0; }
.gb-col { padding:1.25rem 1.5rem; border:1px solid var(--border); border-radius:16px; background:var(--bg-elevated); }
.gb-col h3 { font-size:1.05rem; text-transform:uppercase; letter-spacing:.05em; margin-bottom:.9rem; }
.gb-good h3 { color:var(--green); } .gb-bad h3 { color:var(--red-light); }
.gb-col ul { list-style:none; margin:0; padding:0; }
.gb-col li { position:relative; padding-left:1.6rem; margin-bottom:.6rem; color:var(--text-secondary); line-height:1.5; }
.gb-good li::before { content:"\2714"; position:absolute; left:0; color:var(--green); font-weight:700; }
.gb-bad li::before { content:"\2716"; position:absolute; left:0; color:var(--red-light); font-weight:700; }
@media (max-width:600px){ .good-bad-list { grid-template-columns:1fr; } }

.mkau-back-to-game { display:inline-flex; margin-top:1.75rem; }

/* ---- Legacy score circles (ported from production custom-css.md) ---- */
.rating { display:inline-block; border-radius:50%; background:var(--red-primary,#ea2e3a); color:#fff; text-align:center;
	width:44px; height:44px; line-height:44px; font-size:25px; text-shadow:-4px -1px 4px #0000008c; }
.good-bad-list .rating { width:80px; height:80px; line-height:80px; font-size:34px; }