/* The research report, placed across the site: hub, homepage, Playbook. Markup: gh_air_strip() in inc/ai-report.php */
.rs { padding: 2.6rem 2rem; font-family: 'Inter', sans-serif; }
.rs, .rs * { box-sizing: border-box; }
.rs--light { background: #f5f0e8; border-top: 1px solid #ece6d6; border-bottom: 1px solid #ece6d6; }
.rs--dark { background: radial-gradient(60% 120% at 92% 0%, rgba(201, 164, 74, 0.14) 0%, transparent 60%), linear-gradient(180deg, #0f172a 0%, #0b1222 100%); }
.rs--feature { padding: 4.5rem 2rem; background: #f5f0e8; }
.rs-inner { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 2.2rem; align-items: center; }
.rs-doc { position: relative; display: block; width: 96px; flex: none; text-decoration: none; }
.rs-cover { display: block; width: 100%; height: auto; border-radius: 5px; transform: rotate(-3deg) translateZ(0); backface-visibility: hidden; box-shadow: 0 0 0 1px rgba(201, 164, 74, 0.55), 0 18px 36px -14px rgba(15, 23, 42, 0.6); transition: transform 0.3s ease; }
.rs-doc:hover .rs-cover { transform: rotate(-2deg) translateY(-3px); }
.rs-kicker { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.5rem; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #8B6914; }
.rs-dot { width: 8px; height: 8px; border-radius: 50%; background: #C9A44A; box-shadow: 0 0 0 4px rgba(201, 164, 74, 0.22); }
.rs-line { margin: 0; max-width: 60ch; font-family: 'Outfit', 'Inter', sans-serif; font-size: clamp(1.15rem, 1.7vw, 1.4rem); font-weight: 600; line-height: 1.35; letter-spacing: -0.012em; color: #0f172a; text-wrap: balance; }
.rs-line b { font-weight: 800; color: #8B6914; }
.rs-note { margin: 0.5rem 0 0; font-size: 0.9375rem; font-weight: 500; line-height: 1.5; color: #3a4556; }
.rs-btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.95rem 1.4rem; border-radius: 10px; background: #0f172a; color: #fdfbf5; font-size: 0.9688rem; font-weight: 700; text-decoration: none; white-space: nowrap; transition: transform 0.2s ease, background 0.2s ease; }
.rs-btn:hover { transform: translateY(-1px); background: #1E3D2F; color: #fdfbf5; text-decoration: none; }

.rs--dark .rs-kicker { color: #C9A44A; }
.rs--dark .rs-line { color: #fdfbf5; }
.rs--dark .rs-line b { color: #C9A44A; }
.rs--dark .rs-note { color: rgba(248, 244, 234, 0.8); }
.rs--dark .rs-btn { background: #C9A44A; color: #0f172a; }
.rs--dark .rs-btn:hover { background: #d9b65a; color: #0f172a; }

/* Hub feature: the report fanned, three numbers */
.rs--feature .rs-inner { grid-template-columns: 300px minmax(0, 1fr) auto; gap: 3.5rem; }
.rs--feature .rs-doc { width: 300px; height: 300px; }
.rs--feature .rs-cover, .rs--feature .rs-page { position: absolute; left: 50%; top: 50%; border-radius: 5px; }
.rs--feature .rs-cover { width: 170px; z-index: 3; transform: translate(-50%, -50%) rotate(-3deg); }
.rs--feature .rs-doc:hover .rs-cover { transform: translate(-50%, -52%) rotate(-2deg); }
.rs-page { width: 150px; height: auto; background: #fff; box-shadow: 0 0 0 1px #e2ddd0, 0 24px 50px -24px rgba(15, 23, 42, 0.55); }
.rs-page--a { z-index: 1; transform: translate(-50%, -50%) translateX(-70px) rotate(-11deg); }
.rs-page--b { z-index: 2; transform: translate(-50%, -50%) translateX(68px) rotate(9deg); }
.rs-title { margin: 0 0 1.4rem; font-family: 'Inter', 'Outfit', sans-serif; font-size: clamp(1.6rem, 2.6vw, 2.2rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; color: #0f172a; text-wrap: balance; }
.rs-nums { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rs-nums li { padding: 0 1.4rem; border-left: 1px solid #e2d9c3; }
.rs-nums li:first-child { padding-left: 0; border-left: 0; }
.rs-nums b { display: block; margin-bottom: 0.35rem; font-family: 'Outfit', 'Inter', sans-serif; font-size: 2.3rem; font-weight: 800; line-height: 1; letter-spacing: -0.04em; color: #0f172a; }
.rs-nums b small { font-family: 'Inter', sans-serif; font-size: 0.875rem; font-weight: 700; letter-spacing: 0; color: #5b6472; }
.rs-nums span { display: block; font-size: 0.875rem; font-weight: 600; line-height: 1.4; color: #3a4556; }
.rs--feature .rs-btn { align-self: center; background: #C9A44A; color: #0f172a; padding: 1rem 1.6rem; }
.rs--feature .rs-btn:hover { background: #d9b65a; color: #0f172a; }

@media (max-width: 1024px) {
  .rs--feature .rs-inner { grid-template-columns: 1fr; gap: 1.8rem; justify-items: start; }
  .rs--feature .rs-doc { width: 100%; max-width: 320px; height: 260px; margin: 0 auto; }
}
@media (max-width: 760px) {
  .rs { padding: 2rem 1.25rem; }
  .rs--feature { padding: 3.5rem 1.25rem; }
  .rs-inner { grid-template-columns: 64px minmax(0, 1fr); gap: 1rem 1.1rem; }
  .rs-doc { width: 64px; align-self: start; }
  .rs-btn { grid-column: 1 / -1; justify-content: center; }
  .rs--feature .rs-inner { grid-template-columns: 1fr; }
  .rs--feature .rs-btn { width: 100%; }
  .rs-nums { grid-template-columns: 1fr; gap: 1rem; }
  .rs-nums li { padding: 0; border-left: 0; }
  .rs-kicker-date { display: none; }
}