.acts-overview-header{margin-bottom:10px}
.acts-overview-header h2{font-size:1.6rem;margin:0 0 4px}
.acts-sub{color:rgba(255,255,255,0.7);margin:0 0 12px}
.acts-row{display:flex;gap:12px}
.act-pill{flex:1;padding:12px;border-radius:8px;background:linear-gradient(180deg,#111 0%,#1a1a1a 100%);border:1px solid rgba(255,255,255,0.04);color:#fff;text-align:left}
.act-pill .count{display:block;font-size:0.9rem;opacity:0.85;margin-top:6px}
.act-pill .summary{font-size:0.85rem;color:rgba(255,255,255,0.72);margin-top:8px}
.acts-hint{margin-top:12px;color:rgba(255,255,255,0.6);font-size:0.9rem}
.acts-back{display:inline-block;margin-bottom:8px;background:transparent;border:none;color:#fff;padding:6px 8px;cursor:pointer}
.acts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}
.act-card{display:flex;flex-direction:column;padding:12px;border-radius:12px;background:rgba(255,255,255,0.02);color:#fff;text-decoration:none;box-sizing:border-box}
.acts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px;align-items:stretch}
.act-card{align-self:stretch}
.act-card .recos-meta{font-size:0.75rem;opacity:0.9}
.act-card .recos-title{margin:8px 0 6px}
.act-card .recos-dek{font-size:0.9rem;color:rgba(255,255,255,0.8)}

/* Acts view should scroll inside the modal. Match article scrolling behavior. */
.acts-view{padding:18px 18px 30px;overflow:auto;max-height:calc(88vh - 120px);}

/* Blackout / glitch styles for restricted chapters */
.act-card{position:relative;overflow:hidden}
.act-card.blacked{color:transparent;cursor:default}
.act-card.blacked .recos-title,
.act-card.blacked .recos-dek{color:transparent;text-shadow:none}
.act-card.blacked .recos-meta{opacity:0.35}
.act-card .blackout-overlay{
	position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
	background:linear-gradient(180deg,#000 0%, rgba(0,0,0,0.85) 60%);
	color:#fff;font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:0.95rem;
	z-index:40;pointer-events:auto;
}
.act-card .blackout-overlay .redacted-text{position:relative;overflow:hidden}
.act-card .blackout-overlay::after{
	content:'REDACTED';opacity:0.08;font-size:5rem;position:absolute;left:10%;top:10%;transform:rotate(-12deg);
	color:#fff;mix-blend-mode:overlay;pointer-events:none;
}
@keyframes glitchShift{
	0%{transform:translateX(0)}
	20%{transform:translateX(-6px)}
	40%{transform:translateX(4px)}
	60%{transform:translateX(-3px)}
	80%{transform:translateX(2px)}
	100%{transform:translateX(0)}
}
.act-card.blacked .blackout-overlay{animation:glitchShift 1.1s infinite linear}

/* Ensure CTA on recommendation cards sits at the bottom of the card */
.act-card .recos-cta,
.recos-card .recos-cta { margin-top: auto; }