/* market-pursueatl.css — the PursueATL edition of the market viewer.
 *
 * PursueATL publishes the Atlanta report, so the viewer wears its brand, taken
 * from the brand's own tokens (pursueATL app/globals.css): navy ink on a cool
 * paper ground, greys biased toward the navy, teal for what you can tap, gold
 * spent in one place (the mark), Space Grotesk for display and Sora for text,
 * navy-tinted shadows and generous radii. It works by retuning the site tokens
 * the reader already runs on, so every view follows without a second set of
 * rules. html[data-brand="pursueatl"] is the only switch.
 *
 * Day is the default (the boot script in market/index.html sets
 * data-theme="light"); night is the brand's navy panel, as a whole page.
 * The second half styles the events views ("What's on").
 */

html[data-brand="pursueatl"] {
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Sora", ui-sans-serif, system-ui, sans-serif;
  --mono: "Sora", ui-sans-serif, system-ui, sans-serif;
  --pa-navy: linear-gradient(160deg, #0B3558 0%, #0B1B3F 55%, #06213C 100%);
  --pa-lift-1: 0 1px 2px rgba(11, 53, 88, .04), 0 2px 8px -4px rgba(11, 53, 88, .08);
  --pa-lift-2: 0 2px 4px rgba(11, 53, 88, .04), 0 14px 30px -14px rgba(11, 53, 88, .18);
  --pa-gold-glow: 0 10px 24px -12px rgba(235, 184, 28, .6);
  --pa-r: 18px;
  --pa-r-lg: 26px;
}
/* Day. html[data-brand][data-theme] outranks main.css's :root[data-theme="light"]. */
html[data-brand="pursueatl"][data-theme="light"] {
  color-scheme: light;
  --bg: #F6F8FB; --bg-secondary: #EFF3F8; --bg-card: #FFFFFF; --bg-card-hover: #F3F6FA;
  --text: #0B3558; --text-secondary: #24476B; --text-muted: #476788; --text-faint: #5F7690;
  --accent: #0F766E; --accent-rgb: 13, 148, 136; --accent-dim: rgba(13, 148, 136, .1);
  --accent-fill: #0B3558; --accent-ink: #FFFFFF; --accent-hover: #0F766E;
  --btn-fill: #0B3558; --btn-ink: #FFFFFF;
  --ink-rgb: 11, 53, 88;
  --border: #E3E8EF; --border-light: #D2DCE7;
  --nav-bg: #FFFFFF; --nav-text: #0B3558;
  --rl-blue: #0057D9; --sky-ink: #0057D9; --rl-amber: #8A6500; --amber-bright: #8A6500;
  --bg-rgb: 246, 248, 251; --panel-rgb: 255, 255, 255;
  --chart-grid: #E3E8EF;
  --shadow-sm: var(--pa-lift-1); --shadow-md: var(--pa-lift-2);
}
/* Night: the navy panel of pursueatl.com/about, as a page. */
html[data-brand="pursueatl"]:not([data-theme="light"]) {
  color-scheme: dark;
  --bg: #071B31; --bg-secondary: #0A223D; --bg-card: #0D2846; --bg-card-hover: #113156;
  --text: #F2F6FA; --text-secondary: #CFDBE7; --text-muted: #9DB1C6; --text-faint: #8397AD;
  --accent: #2DD4BF; --accent-rgb: 45, 212, 191; --accent-dim: rgba(45, 212, 191, .12);
  --accent-fill: #2DD4BF; --accent-ink: #06213C; --accent-hover: #5EEAD4;
  --btn-fill: #2DD4BF; --btn-ink: #06213C;
  --ink-rgb: 242, 246, 250;
  --border: #1B3A5C; --border-light: #284B71;
  --nav-bg: #06213C; --nav-text: #FFFFFF;
  --rl-blue: #7AB8FF; --sky-ink: #7AB8FF;
  --bg-rgb: 7, 27, 49; --panel-rgb: 13, 40, 70;
}

html[data-brand="pursueatl"] body { background: var(--bg); color: var(--text); font-family: var(--font-body); }
html[data-brand="pursueatl"] .rdr { font-size: 15px; }
html[data-brand="pursueatl"] .rdr h1,
html[data-brand="pursueatl"] .rdr h2,
html[data-brand="pursueatl"] .rdr h3,
html[data-brand="pursueatl"] .rdr .big { font-family: var(--font-display); font-weight: 700; letter-spacing: -.024em; text-shadow: none; }
html[data-brand="pursueatl"] .rdr .k { font-weight: 600; letter-spacing: .12em; }
html[data-brand="pursueatl"] .rdr .ev__scrim { background: rgba(6, 33, 60, .45); }

/* The masthead: PursueATL's mark and name, the report, the research credit. */
html[data-brand="pursueatl"] .mk-topbar { background: var(--nav-bg); box-shadow: 0 1px 0 var(--border), 0 8px 24px -20px rgba(11, 53, 88, .45); }
.pa-lockup { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--nav-text, var(--text)); }
.pa-lockup img { width: 34px; height: 34px; border-radius: 50%; box-shadow: var(--pa-gold-glow); }
.pa-lockup b { display: block; font-family: var(--font-display); font-weight: 700; font-size: 1.1rem; letter-spacing: -.02em; line-height: 1.05; }
.pa-lockup small { display: block; margin-top: 2px; font-size: .6rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--text-muted); }
html[data-brand="pursueatl"] .mk-topbar__m b { font-family: var(--font-display); }
html[data-brand="pursueatl"] .mk-topbar__m #mk-partner { font-family: var(--font-body); font-weight: 600; letter-spacing: .1em; }
html[data-brand="pursueatl"] .mk-topbar__m #mk-partner:hover { color: var(--accent); }
html[data-brand="pursueatl"] .mk-topbar__cta { background: var(--btn-fill); color: var(--btn-ink); padding: .5rem 1rem; transition: background .2s; }
html[data-brand="pursueatl"] .mk-topbar__cta:hover { background: var(--accent-hover); color: var(--btn-ink); }
html[data-brand="pursueatl"] .mk-topbar .theme-toggle { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid var(--border-light); border-radius: 50%; background: var(--bg-card); color: var(--text); font-size: 1rem; line-height: 1; cursor: pointer; }
html[data-brand="pursueatl"] .mk-topbar .theme-toggle:hover { border-color: var(--accent); color: var(--accent); }
@media (max-width: 520px) { .pa-lockup small { display: none; } .pa-lockup b { font-size: .98rem; } }

/* ── What's on ─────────────────────────────────────────────────────────── */
.rdr .ev-wait { display: grid; place-items: center; min-height: 96px; }
.rdr .ev-wait--view { min-height: 480px; }

/* The week, on the brand's navy panel. */
.rdr .evh { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin: 14px 0 22px; padding: 22px; border-radius: var(--pa-r-lg, 26px); color: #fff; box-shadow: var(--pa-lift-2);
  background: radial-gradient(120% 80% at 15% 0%, rgba(77, 201, 230, .22), transparent 55%), radial-gradient(100% 90% at 100% 100%, rgba(33, 12, 174, .4), transparent 60%), linear-gradient(160deg, #0B3558 0%, #0B1B3F 55%, #06213C 100%); }
.rdr .evh::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5; mix-blend-mode: overlay; pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.34'/></svg>"); }
.rdr .evh .k { color: rgba(255, 255, 255, .7); }
.rdr .evh__n { display: block; margin-top: 4px; font-family: var(--font-display); font-size: clamp(3rem, 8vw, 4.4rem); font-weight: 700; line-height: .95; letter-spacing: -.04em; color: #fff; }
.rdr .evh__l { display: block; margin-top: 6px; max-width: 30ch; font-size: .95rem; color: rgba(255, 255, 255, .85); }
.rdr .evh__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; }
.rdr .evh__stats div { display: flex; flex-direction: column-reverse; gap: 4px; padding-left: 12px; border-left: 1px solid rgba(255, 255, 255, .18); }
.rdr .evh__stats dt { font-size: .6rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .62); }
.rdr .evh__stats dd { margin: 0; font-family: var(--font-display); font-size: 1.55rem; font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; }
.rdr .evh__go { display: flex; flex-wrap: wrap; gap: 8px; }
.rdr .evh__go .btn { width: auto; min-height: 40px; margin: 0; padding: .55rem 1rem; border-radius: 999px; font-size: .84rem; background: #fff; color: #0B3558; }
.rdr .evh__go .btn:hover { background: #E6FFFA; }
.rdr .evh__go .btn--ghost { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .35); }
.rdr .evh__go .btn--ghost:hover { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .6); }
@media (min-width: 760px) {
  .rdr .evh { grid-template-columns: auto minmax(0, 1fr); align-items: end; column-gap: 40px; padding: 26px 28px; }
  .rdr .evh__go { grid-column: 1 / -1; }
}
@media (max-width: 480px) { .rdr .evh__stats dd { font-size: 1.2rem; } }

.rdr .evw { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
.rdr .evw__side { display: flex; flex-direction: column; gap: 14px; }
.rdr .evw__main { min-width: 0; }
@media (min-width: 980px) {
  .rdr .evw { grid-template-columns: 250px minmax(0, 1fr); align-items: start; }
  .rdr .evw__side { position: sticky; top: calc(var(--r-top) + 12px); }
}

/* The next five weeks: each day lit by how much is on. */
.rdr .evcal, .rdr .evhosts { padding: 14px; border: 1px solid var(--r-border); border-radius: var(--pa-r, 18px); background: var(--r-card); }
.rdr .evcal__h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 8px; }
.rdr .evcal__h a { font-size: .74rem; color: var(--r-accent); text-decoration: none; }
.rdr .evcal__g { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
.rdr .evcal__dow { padding-bottom: 2px; text-align: center; font-size: .58rem; font-weight: 600; letter-spacing: .08em; color: var(--r-faint); }
.rdr .evcal__d { display: grid; place-items: center; aspect-ratio: 1; max-width: 100%; border-radius: 9px; font-size: .74rem; color: var(--r-faint); text-decoration: none; font-variant-numeric: tabular-nums; }
.rdr .evcal__d.has { color: var(--text); font-weight: 600; background: color-mix(in srgb, var(--r-accent) calc(var(--k) * 30%), transparent); }
.rdr .evcal__d.has:hover { box-shadow: inset 0 0 0 1.5px var(--r-accent); }
.rdr .evcal__d.past { opacity: .35; }
.rdr .evcal__d.today { box-shadow: inset 0 0 0 1.5px var(--text); }
.rdr .evcal__d.sel { background: var(--btn-fill); color: var(--btn-ink); }
.rdr .evcal__d small { font-size: .56rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.rdr .evcal__d:focus-visible, .rdr .evhosts a:focus-visible, .rdr .evr:focus-visible { outline: 2px solid var(--r-accent); outline-offset: 1px; }

.rdr .evhosts { display: flex; flex-direction: column; gap: 1px; }
.rdr .evhosts .k { margin-bottom: 6px; }
.rdr .evhosts a { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 9px; align-items: center; padding: 5px 6px; border-radius: 10px; font-size: .8rem; line-height: 1.25; color: var(--text); text-decoration: none; }
.rdr .evhosts a:hover, .rdr .evhosts a.on { background: var(--r-accent-dim); }
.rdr .evhosts a.on { box-shadow: inset 0 0 0 1px var(--r-accent-line); }
.rdr .evhosts a > small { font-size: .74rem; color: var(--r-muted); font-variant-numeric: tabular-nums; }
.rdr .evhosts span small { display: block; font-size: .66rem; color: var(--r-faint); }
.rdr .evhosts .mk-mono, .rdr .evt__host .mk-mono { width: 28px; height: 28px; border-radius: 8px; font-size: .58rem; }
.rdr .sw { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--hc, var(--r-faint)); vertical-align: 1px; }

/* The filters, in one row above the list. */
.rdr .evf { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 8px; }
.rdr .evf .tabs { margin: 0; }
.rdr .evf select, .rdr .evf input { min-height: 38px; max-width: 100%; padding: 0 12px; border: 1px solid var(--r-border2); border-radius: 999px; background: var(--r-card); color: var(--text); font: inherit; font-size: .82rem; }
.rdr .evf input { flex: 1 1 160px; min-width: 0; }
.rdr .evf select:focus-visible, .rdr .evf input:focus-visible { outline: 2px solid var(--r-accent); outline-offset: 1px; }
.rdr .evf__on { margin: 0 0 12px; font-size: .8rem; color: var(--r-muted); }
.rdr .evf__on a { color: var(--r-accent); }

/* The agenda: one day at a time, its heading pinned while you read it. */
.rdr .evd { margin-bottom: 16px; }
.rdr .evd__h { position: sticky; top: var(--r-top); z-index: 2; display: flex; align-items: baseline; gap: 10px; margin: 0 0 8px; padding: 8px 0; border-bottom: 1px solid var(--r-border); background: var(--bg); font-size: 1rem; }
.rdr .evd__h small { font-family: var(--font-body); font-size: .72rem; font-weight: 500; letter-spacing: 0; color: var(--r-muted); }
.rdr .evt { display: grid; grid-template-columns: 5.4rem minmax(0, 1fr); gap: 14px; margin-bottom: 10px; padding: 14px 16px; border: 1px solid var(--r-border); border-radius: var(--pa-r, 18px); background: var(--r-card); box-shadow: var(--pa-lift-1); transition: box-shadow .2s, border-color .2s; scroll-margin-top: calc(var(--r-top) + 60px); }
.rdr .evt:hover { box-shadow: var(--pa-lift-2); }
.rdr .evt.is-focus { border-color: var(--r-accent); box-shadow: 0 0 0 3px var(--r-accent-dim), var(--pa-lift-2); }
.rdr .evt__when b { display: block; font-family: var(--font-display); font-size: .95rem; line-height: 1.2; color: var(--text); }
.rdr .evt__when small { display: block; margin-top: 2px; font-size: .72rem; color: var(--r-muted); }
.rdr .evt__top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 4px; }
.rdr .evt__fmt { display: inline-flex; align-items: center; gap: 5px; margin-right: 4px; font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--r-accent); }
.rdr .evt__aud { padding: 1px 8px; border-radius: 999px; background: var(--bg-secondary); font-size: .68rem; color: var(--r-muted); }
.rdr .evt h3 { margin: 2px 0 4px; font-size: 1.06rem; line-height: 1.3; }
.rdr .evt h3 a { color: var(--text); text-decoration: none; }
.rdr .evt h3 a:hover { color: var(--r-accent); }
.rdr .evt__x { margin-left: 4px; color: var(--r-faint); }
.rdr .evt__good { margin-bottom: 6px; font-size: .86rem; line-height: 1.5; color: var(--r-text2); }
.rdr .evt__meta { display: flex; align-items: flex-start; gap: 6px; margin-bottom: 10px; font-size: .78rem; color: var(--r-muted); }
.rdr .evt__meta .ic { margin-top: 1px; }
.rdr .evt__meta a { color: inherit; text-decoration: underline; text-decoration-color: var(--r-border2); text-underline-offset: 3px; }
.rdr .evt__who { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; }
.rdr .evt__who small { display: block; font-size: .58rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--r-faint); }
.rdr .evt__host { display: inline-flex; align-items: center; gap: 8px; font-size: .84rem; }
.rdr .evt__host a { font-weight: 600; color: var(--text); text-decoration: none; }
.rdr .evt__host a:hover { color: var(--r-accent); }
.rdr .evt__with { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.rdr .evt__with small { width: 100%; }
.rdr .evt__w { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px 2px 2px; border: 1px solid var(--r-border); border-radius: 999px; font-size: .76rem; color: var(--text); text-decoration: none; }
.rdr .evt__w:hover { border-color: var(--r-accent); }
.rdr .evt__w .mk-mono { width: 22px; height: 22px; border-radius: 50%; font-size: .5rem; }
.rdr .evt__ai { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 12px; padding: 9px 12px; border-radius: 12px; background: color-mix(in srgb, var(--r-accent) 7%, var(--r-card)); font-size: .78rem; line-height: 1.45; color: var(--r-text2); }
.rdr .evt__ai > span { flex: 1 1 240px; }
.rdr .evt__ai > .ic { color: var(--r-accent); }
.rdr .evt__ai .ev-btn { margin: 0; }
.rdr .evt__more { margin-top: 10px; font-size: .8rem; color: var(--r-muted); }
.rdr .evt__more summary { cursor: pointer; font-size: .76rem; font-weight: 600; color: var(--r-accent); }
.rdr .evt__more p { margin-top: 6px; max-width: 70ch; white-space: pre-line; }
@media (max-width: 560px) {
  .rdr .evt { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 12px 14px; }
  .rdr .evt__when { display: flex; align-items: baseline; gap: 8px; }
}

.rdr .evai { margin-top: 26px; padding: 20px 22px; border: 1px solid var(--r-accent-line); border-radius: var(--pa-r-lg, 26px); background: color-mix(in srgb, var(--r-accent) 5%, var(--r-card)); }
.rdr .evai h2 { margin: 6px 0 8px; font-size: 1.35rem; }
.rdr .evai p { max-width: 64ch; margin-bottom: 12px; color: var(--r-text2); }
.rdr .evai__go { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rdr .evai__go .btn { width: auto; margin: 0; min-height: 40px; padding: .5rem 1rem; border-radius: 999px; font-size: .84rem; }

/* One event in a line: the date block, the title, when and who. */
.rdr .evr { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 7px 6px; border-radius: 12px; color: var(--text); text-decoration: none; }
.rdr .evr:hover { background: var(--r-accent-dim); }
.rdr .evr__d { display: grid; place-items: center; align-content: center; width: 44px; height: 46px; border-radius: 10px; background: var(--bg-secondary); line-height: 1; }
.rdr .evr__d b { font-size: .56rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--r-accent); }
.rdr .evr__d i { margin-top: 3px; font-family: var(--font-display); font-size: 1.1rem; font-style: normal; font-weight: 700; }
.rdr .evr__b { min-width: 0; }
.rdr .evr__b b { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: .86rem; line-height: 1.3; }
.rdr .evr__b small { display: block; margin-top: 2px; font-size: .72rem; color: var(--r-muted); }
.rdr .evr > em { font-style: normal; color: var(--r-accent); }
.rdr .evr-list { display: grid; gap: 2px; margin: 6px 0 4px; }

/* On an organization's page. */
.rdr .mk-cover--org { grid-template-areas: "head" "hero" "for" "evs" "src" "note" "read" "path" "eng" "also" "op"; }
@media (min-width: 1100px) { .rdr .mk-cover--org { grid-template-areas: "head head" "hero eng" "for for" "evs evs" "src src" "note note" "read read" "path path" "also also" "op op"; } }
.rdr .mk-evs { grid-area: evs; min-height: 132px; padding: 16px; border: 1px solid var(--r-border); border-radius: var(--pa-r, 18px); background: var(--r-card); }
.rdr .mk-evs__h { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 4px; }
.rdr .mk-evs__h a { font-size: .8rem; font-weight: 600; color: var(--r-accent); text-decoration: none; }
.rdr .mk-evs__l { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; margin-top: 8px; }
@media (min-width: 760px) { .rdr .mk-evs__l { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } }
.rdr .mk-evs .mk-fine .ic { color: var(--r-accent); }

/* In the directory and the tour. */
.rdr .mk-oc__ev { color: var(--r-accent); white-space: nowrap; }
.rdr .tr-on { display: flex; align-items: center; gap: 14px; max-width: 900px; margin: 12px 0 4px; padding: 14px 18px; border: 1px solid rgba(255, 255, 255, .08); border-radius: var(--pa-r, 18px); background: linear-gradient(160deg, #0B3558 0%, #0B1B3F 60%, #06213C 100%); box-shadow: var(--pa-lift-2); color: #fff; text-decoration: none; transition: transform .2s; }
.rdr .tr-on:hover { transform: translateY(-2px); }
.rdr .tr-on > .ic { width: 1.7em; height: 1.7em; color: #5EEAD4; }
.rdr .tr-on b { display: block; font-family: var(--font-display); font-size: 1.05rem; color: #fff; }
.rdr .tr-on span span { display: block; margin-top: 2px; font-size: .84rem; line-height: 1.45; color: rgba(255, 255, 255, .75); }
.rdr .tr-on > em { margin-left: auto; font-size: 1.3rem; font-style: normal; color: #5EEAD4; }

/* Lesson 12's picture: clusters, then the pages. */
.rdr .lsn-evp .lsn-lists { margin-top: 14px; }
.rdr .lsn-evp .lsn-lists span small { display: block; font-size: .7rem; color: var(--r-muted); }

/* The front door: the ecosystem, group by group. */
.rdr .tr-eco { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; max-width: 900px; margin: 20px 0 8px; }
.rdr .tr-eco__c { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--r-border); border-radius: 16px; background: var(--r-card); box-shadow: var(--pa-lift-1); color: var(--text); text-decoration: none; transition: border-color .2s, transform .2s; }
.rdr .tr-eco__c:hover { border-color: var(--r-accent); transform: translateY(-2px); }
.rdr .tr-eco__n { font-family: var(--font-display); font-size: 2rem; font-weight: 700; line-height: 1; letter-spacing: -.03em; }
.rdr .tr-eco__c b { font-size: .88rem; }
.rdr .tr-eco__t { display: flex; margin-top: 8px; }
.rdr .tr-eco__t .mk-mono { width: 28px; height: 28px; margin-right: -7px; border: 2px solid var(--r-card); border-radius: 50%; font-size: .5rem; }
.rdr .tr-eco__c--ev { border-color: transparent; background: var(--pa-navy); color: #fff; }
.rdr .tr-eco__c--ev b { color: #fff; }
.rdr .tr-eco__s { font-size: .76rem; line-height: 1.4; color: rgba(255, 255, 255, .74); }
.rdr .tr-proof { margin-top: 14px; max-width: 70ch; }
@media (max-width: 560px) { .rdr .tr-eco { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { .rdr .tr-eco__c { transition: none; } .rdr .tr-eco__c:hover { transform: none; } }

/* Copy blocks: the parts to fill in are marked; an email opens ready to send. */
.rdr .mk-copy p { white-space: pre-wrap; }
.rdr .mk-copy mark { padding: 0 3px; border-radius: 4px; background: color-mix(in srgb, var(--rl-amber) 20%, transparent); color: inherit; }
.rdr .mk-copy--code p { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .74rem; line-height: 1.5; }
.rdr .mk-copy__go { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rdr .mk-copy__mail { display: inline-flex; align-items: center; gap: 4px; font-size: .76rem; font-weight: 600; color: var(--r-accent); text-decoration: none; }
.rdr .mk-copy__mail:hover { text-decoration: underline; text-underline-offset: 3px; }
.rdr .mk-copy__n { display: block; margin-top: 6px; font-size: .72rem; line-height: 1.45; color: var(--r-muted); }

/* The Atlanta plan. */
.rdr .cp-gap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.rdr .cp-gap div { display: grid; gap: 2px; padding: 10px 12px; border: 1px solid var(--r-border); border-radius: 14px; background: var(--r-card); }
.rdr .cp-gap span { font-size: .72rem; line-height: 1.35; color: var(--r-muted); }
.rdr .cp-gap b { font-family: var(--font-display); font-size: 1.55rem; line-height: 1.1; color: var(--text); }
.rdr .cp-gap small { font-size: .72rem; color: var(--r-faint); }
@media (max-width: 560px) { .rdr .cp-gap { grid-template-columns: minmax(0, 1fr); } }
.rdr .cp-roles { margin: 4px 0 10px; }
.rdr .cp-tl { margin-bottom: 8px; }
.rdr .cp-tl summary { font-size: .82rem; font-weight: 600; color: var(--r-accent); cursor: pointer; }
.rdr .cp-acts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 760px) { .rdr .cp-acts { grid-template-columns: minmax(0, 1fr); } }
.rdr .cp-acts h4, .rdr .cp-copyh { display: flex; align-items: center; gap: 6px; margin: 4px 0 6px; font-size: .86rem; color: var(--text); }
.rdr .cp-acts ul { display: grid; gap: 10px; margin: 0; padding-left: 1.1rem; font-size: .88rem; line-height: 1.5; color: var(--r-text2); }
.rdr .cp-who { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.rdr .cp-role { padding: 1px 8px; border-radius: 999px; background: var(--bg-secondary); font-size: .64rem; font-weight: 600; color: var(--r-muted); }
.rdr .cp-copyh { margin-top: 18px; }
.rdr .cp-ev { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 10px; }
.rdr .cp-kit { margin-top: 20px; }
.rdr .cp-kit h3 { margin-bottom: 8px; font-size: 1rem; }

/* The holes: organizations by the eight pages AI cites most, labeled and explorable. */
.rdr .gg-how { margin: 0 0 10px; font-size: .82rem; line-height: 1.55; color: var(--r-text2); }
.rdr .gg-how__k { display: inline-flex; align-items: center; gap: 5px; margin-right: 8px; white-space: nowrap; }
.rdr .gg-dot { display: inline-block; flex: none; width: 11px; height: 11px; border-radius: 50%; }
.rdr .gg-dot--on { background: var(--r-accent); }
.rdr .gg-dot--off { border: 2px solid var(--r-danger); }
.rdr .gg-dot--na { width: 5px; height: 5px; background: var(--r-border2); }
.rdr .gg { display: grid; gap: 2px; padding: 12px; border: 1px solid var(--r-border); border-radius: var(--pa-r, 18px); background: var(--r-card); font-size: .78rem; }
.rdr .gg__head, .rdr .gg__r { display: grid; grid-template-columns: minmax(0, 10.5rem) repeat(8, minmax(20px, 1fr)) 2.8rem; gap: 2px; align-items: center; }
.rdr .gg__head { align-items: end; margin-bottom: 4px; padding-bottom: 6px; border-bottom: 1px solid var(--r-border); }
.rdr .gg__corner small, .rdr .gg__head .gg__tot, .rdr .gg__foot small { font-size: .58rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--r-faint); }
.rdr .gg__col { display: grid; justify-items: center; gap: 3px; padding: 4px 0; border-radius: 8px; color: var(--text); text-decoration: none; }
.rdr .gg__col:hover, .rdr .gg__col:focus-visible { background: var(--r-accent-dim); outline: none; }
.rdr .gg__col .fav { width: 16px; height: 16px; border-radius: 4px; }
.rdr .gg__col b { font-size: .7rem; }
.rdr .gg__r { border-radius: 8px; }
.rdr .gg__r:not(.gg__foot):hover { background: var(--bg-secondary); }
.rdr .gg__n { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 2px 4px; color: var(--text); text-decoration: none; }
.rdr a.gg__n:hover span { color: var(--r-accent); }
.rdr .gg__n span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rdr .gg__n .mk-mono { width: 22px; height: 22px; border-radius: 6px; font-size: .45rem; }
.rdr .gg__c { display: grid; place-items: center; height: 26px; border-radius: 7px; cursor: pointer; }
.rdr .gg__c:hover { background: var(--r-accent-dim); }
.rdr .gg__c i { display: block; width: 16px; height: 16px; border-radius: 50%; }
.rdr .gg__c--on i { background: var(--r-accent); }
.rdr .gg__c--off i { border: 2px solid var(--r-danger); }
.rdr .gg__c--na { cursor: default; }
.rdr .gg__c--na:hover { background: none; }
.rdr .gg__c--na i { width: 5px; height: 5px; background: var(--r-border2); }
.rdr .tr-scene.is-in .gg__c--off i { animation: tr-pulse 1.6s ease-out 1; }
.rdr .gg__tot { font-weight: 700; text-align: center; color: var(--r-danger); font-variant-numeric: tabular-nums; }
.rdr .gg__foot { margin-top: 4px; padding-top: 6px; border-top: 1px solid var(--r-border); }
.rdr .gg-key { display: grid; gap: 3px; margin: 10px 0 0; padding-left: 1.4rem; font-size: .76rem; color: var(--r-muted); }
.rdr .gg-key a { color: var(--text); text-underline-offset: 2px; }
@media (max-width: 560px) {
  .rdr .gg { padding: 8px; }
  .rdr .gg__head, .rdr .gg__r { grid-template-columns: minmax(0, 6.5rem) repeat(8, minmax(16px, 1fr)) 1.9rem; }
  .rdr .gg__n .mk-mono, .rdr .gg__col .fav { display: none; }
  .rdr .gg__c i { width: 12px; height: 12px; }
}
@media (prefers-reduced-motion: reduce) { .rdr .tr-scene.is-in .gg__c--off i { animation: none; } }

/* Where it's held, first: the venue, when we know it, with directions. */
.rdr .evt__at { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 2px 0 8px; padding: 8px 10px; border-radius: 12px; background: var(--bg-secondary); }
.rdr .evt__at > span { display: grid; min-width: 0; }
.rdr .evt__at small { font-size: .58rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--r-accent); }
.rdr .evt__at > span > a { font-weight: 700; color: var(--text); text-decoration: none; }
.rdr .evt__at > span > a:hover { color: var(--r-accent); }
.rdr .evt__at .mk-mono { width: 30px; height: 30px; border-radius: 8px; font-size: .56rem; }
.rdr .evt__dir { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; font-size: .76rem; font-weight: 600; color: var(--r-accent); text-decoration: none; }
.rdr .evt__mode { padding: 1px 8px; border-radius: 999px; font-size: .62rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.rdr .evt__mode--in-person { background: color-mix(in srgb, var(--r-accent) 14%, transparent); color: var(--r-accent); }
.rdr .evt__mode--hybrid { background: color-mix(in srgb, var(--rl-blue) 14%, transparent); color: var(--rl-blue); }
.rdr .evt__mode--online { background: var(--bg-secondary); color: var(--r-muted); }
.rdr .evt__also { margin-top: 8px; font-size: .72rem; color: var(--r-faint); }
.rdr .evt__also a { color: inherit; text-underline-offset: 2px; }

/* A full AI visibility report: a small mark on the organization's logo, wherever it appears. */
.rdr .mk-mono { position: relative; }
.rdr .mk-mono.has-rep { overflow: visible; }
.rdr .mk-mono.has-rep img { border-radius: inherit; }
.rdr .mk-rep { position: absolute; right: -5px; bottom: -5px; z-index: 1; display: grid; place-items: center; width: 15px; height: 15px; border: 2px solid var(--r-card); border-radius: 50%; background: var(--r-accent); color: var(--accent-ink, #fff); }
.rdr .mk-rep .ic { width: 9px; height: 9px; stroke-width: 3.2; }
.rdr .mk-rep--inline { position: static; display: inline-grid; flex: none; margin: 0 2px; vertical-align: -3px; }
.rdr .mk-replegend { display: inline-flex; align-items: center; gap: 6px; font-size: .74rem; color: var(--r-muted); }
.rdr .mk-repbtn { display: inline-flex; align-items: center; gap: 6px; padding: .45rem .9rem; border-radius: 999px; background: var(--btn-fill); color: var(--btn-ink); font-size: .8rem; font-weight: 600; text-decoration: none; }
.rdr .mk-repbtn:hover { background: var(--accent-hover); color: var(--btn-ink); }
.rdr .evt__rep { display: inline-flex; align-items: center; gap: 5px; font-size: .76rem; font-weight: 600; color: var(--r-accent); text-decoration: none; }
.rdr .evt__rep:hover { text-decoration: underline; text-underline-offset: 3px; }
.rdr .mk-oc__rep { font-weight: 600; color: var(--r-accent); }
.rdr .tabs .pill .mk-rep--inline { display: inline-grid; width: 14px; height: 14px; margin-right: 4px; border-width: 0; vertical-align: -2px; }
.rdr .mk-reps { margin: 6px 0 16px; padding: 14px 16px; border: 1px solid var(--r-accent-line); border-radius: var(--pa-r, 18px); background: color-mix(in srgb, var(--r-accent) 5%, var(--r-card)); }
.rdr .mk-reps > p { max-width: 70ch; margin-top: 4px; font-size: .86rem; color: var(--r-text2); }
.rdr .mk-reps__g { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; margin-top: 12px; }
.rdr .mk-reps__c { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--r-border); border-radius: 12px; background: var(--r-card); color: var(--text); text-decoration: none; }
.rdr .mk-reps__c:hover { border-color: var(--r-accent); }
.rdr .mk-reps__c b { display: block; font-size: .84rem; }
.rdr .mk-reps__c small { font-size: .7rem; color: var(--r-muted); }

/* The rail scrolls on its own, so its items must keep their height (flex would squeeze them into each other). */
.rdr .rdr__rail { gap: .3rem; }
.rdr .rdr__rail > * { flex-shrink: 0; }

/* Share of voice and win rate. */
.rdr .sv-toc { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 6px; }
.rdr .sv-toc a { padding: .35rem .8rem; border: 1px solid var(--r-border2); border-radius: 999px; font-size: .8rem; color: var(--text); text-decoration: none; }
.rdr .sv-toc a:hover { border-color: var(--r-accent); }
.rdr .sv-hi { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 8px 0 10px; padding: 12px 14px; border: 1px solid var(--r-accent-line); border-radius: 14px; background: var(--r-accent-dim); font-size: .88rem; }
.rdr .sv-hi > span:not(.mk-mono) { flex: 1 1 260px; }
.rdr .sv-hi > .mk-mono { flex: none; }
.rdr .sv-hi a { font-size: .8rem; color: var(--r-accent); }
.rdr .sv-s { margin: 22px 0 34px; scroll-margin-top: calc(var(--r-top) + 16px); }
.rdr .sv-s__h h2 { margin: 6px 0; font-size: 1.4rem; }
.rdr .sv-s__h p { max-width: 68ch; margin-bottom: 14px; font-size: .92rem; line-height: 1.55; color: var(--r-text2); }
.rdr .sv-read { margin-top: 10px; max-width: 70ch; }
.rdr .sv-strip { display: flex; gap: 2px; height: 48px; overflow: hidden; border-radius: 12px; }
.rdr .sv-seg { display: block; min-width: 3px; cursor: pointer; transition: filter .15s; }
.rdr .sv-seg:hover, .rdr .sv-seg.is-hi { filter: brightness(1.12); box-shadow: inset 0 0 0 2px var(--text); }
.rdr .sv-seg--rest { background: var(--r-border2); cursor: default; }
.rdr .sv-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; font-size: .76rem; color: var(--r-muted); }
.rdr .sv-legend i { display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 3px; vertical-align: -1px; }
.rdr .sv-rank { display: grid; gap: 2px; margin-top: 14px; }
.rdr .sv-row { display: grid; grid-template-columns: 1.6rem 26px minmax(0, 12rem) minmax(0, 1fr) 3.4rem 4.8rem; gap: 10px; align-items: center; padding: 5px 6px; border-radius: 10px; font-size: .84rem; color: var(--text); text-decoration: none; }
.rdr .sv-row:hover, .rdr .sv-row.is-hi { background: var(--r-accent-dim); }
.rdr .sv-row.is-hi { box-shadow: inset 0 0 0 1px var(--r-accent-line); }
.rdr .sv-row .mk-mono, .rdr .sv-hm .mk-mono { width: 26px; height: 26px; border-radius: 7px; font-size: .5rem; }
.rdr .sv-row__r { font-size: .74rem; text-align: right; color: var(--r-faint); }
.rdr .sv-row__n { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rdr .sv-row__t { height: 8px; overflow: hidden; border-radius: 4px; background: var(--bg-secondary); }
.rdr .sv-row__t i { display: block; height: 100%; border-radius: 4px; }
.rdr .sv-row b { text-align: right; }
.rdr .sv-row small { font-size: .72rem; text-align: right; color: var(--r-muted); }
.rdr .sv-more summary { margin-top: 8px; font-size: .8rem; font-weight: 600; color: var(--r-accent); cursor: pointer; }
.rdr .sv-engs-pick { margin: 0 0 10px; }
.rdr .sv-chart { padding: 12px; border: 1px solid var(--r-border); border-radius: var(--pa-r, 18px); background: var(--r-card); }
.rdr .sv-chart svg { display: block; width: 100%; max-width: 100%; height: auto; }
.rdr .sv-grid line { stroke: var(--r-border); stroke-width: 1; }
.rdr .sv-med { stroke: var(--r-border2); stroke-width: 1.5; stroke-dasharray: 4 4; }
.rdr .sv-ax text { fill: var(--r-muted); font-family: var(--font-body); font-size: 11px; }
.rdr .sv-q { fill: var(--r-faint); font-family: var(--font-body); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.rdr .sv-lab { fill: var(--text); font-family: var(--font-body); font-size: 11px; font-weight: 600; pointer-events: none; paint-order: stroke; stroke: var(--r-card); stroke-width: 3px; }
.rdr .sv-dot { fill: var(--c); fill-opacity: .8; stroke: var(--r-card); stroke-width: 2; cursor: pointer; transition: fill-opacity .15s; }
.rdr .sv-dot.is-thin { fill-opacity: .08; stroke: var(--c); stroke-width: 1.5; }
.rdr .sv-dot:hover, .rdr .sv-dot:focus-visible, .rdr .sv-dot.is-hi { fill-opacity: 1; stroke: var(--text); stroke-width: 2.5; outline: none; }
.rdr .sv-engs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 960px) { .rdr .sv-engs { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.rdr .sv-eng__p { display: grid; gap: 2px; align-content: start; padding: 12px; border: 1px solid var(--r-border); border-radius: 16px; background: var(--r-card); }
.rdr .sv-eng__p > .eng { justify-self: start; margin-bottom: 8px; }
.rdr .sv-eng__r { display: grid; grid-template-columns: minmax(0, 1fr) 2.8rem; grid-template-areas: "n n" "t v"; gap: 3px 8px; align-items: center; padding: 4px 6px; border-radius: 8px; font-size: .78rem; color: var(--text); text-decoration: none; }
.rdr .sv-eng__r:hover, .rdr .sv-eng__r.is-hi { background: var(--r-accent-dim); }
.rdr .sv-eng__n { grid-area: n; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rdr .sv-eng__t { grid-area: t; height: 6px; overflow: hidden; border-radius: 3px; background: var(--bg-secondary); }
.rdr .sv-eng__t i { display: block; height: 100%; border-radius: 3px; background: var(--ec); }
.rdr .sv-eng__r b { grid-area: v; text-align: right; font-size: .74rem; }
.rdr .sv-hm-w { overflow-x: auto; border: 1px solid var(--r-border); border-radius: var(--pa-r, 18px); background: var(--r-card); }
.rdr .sv-hm { width: 100%; border-collapse: separate; border-spacing: 3px; font-size: .78rem; }
.rdr .sv-hm thead th { min-width: 70px; padding: 8px 4px 4px; vertical-align: bottom; text-align: left; font-size: .7rem; font-weight: 600; line-height: 1.25; }
.rdr .sv-hm thead th a { color: var(--text); text-decoration: none; }
.rdr .sv-hm thead th small { display: block; margin-top: 2px; font-size: .62rem; font-weight: 400; color: var(--r-faint); }
.rdr .sv-hm tbody th { padding: 0 8px 0 4px; white-space: nowrap; text-align: left; }
.rdr .sv-hm tbody th a { display: inline-flex; align-items: center; gap: 8px; font-size: .8rem; font-weight: 500; color: var(--text); text-decoration: none; }
.rdr .sv-hm tr.is-hi th a { font-weight: 700; color: var(--r-accent); }
.rdr .sv-hm__c { display: grid; place-items: center; height: 32px; border-radius: 7px; background: color-mix(in srgb, var(--r-accent) calc(var(--k) * 72%), var(--bg-secondary)); font-size: .74rem; font-weight: 600; color: var(--text); text-decoration: none; font-variant-numeric: tabular-nums; }
.rdr .sv-hm__c:hover, .rdr .sv-hm__c:focus-visible { outline: 2px solid var(--text); outline-offset: -2px; }
.rdr .sv-hm__z { display: block; height: 32px; border-radius: 7px; background: var(--bg-secondary); opacity: .5; }
.rdr .sv-hm-k { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: .74rem; color: var(--r-muted); }
.rdr .sv-hm-k i { width: 120px; height: 8px; border-radius: 4px; background: linear-gradient(90deg, var(--bg-secondary), color-mix(in srgb, var(--r-accent) 72%, var(--bg-secondary))); }
.rdr .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 560px) { .rdr .sv-row { grid-template-columns: 1.4rem 26px minmax(0, 1fr) 3rem 3.8rem; } .rdr .sv-row__t { display: none; } }

/* Tooltips: the theme's inverse, so they read on either ground. */
.rdr .mk-tip { position: fixed; top: 0; left: 0; z-index: 1200; display: grid; gap: 2px; max-width: 300px; padding: 9px 12px; border-radius: 12px; background: var(--text); color: var(--bg); box-shadow: var(--pa-lift-2); font-size: .76rem; line-height: 1.4; pointer-events: none; }
.rdr .mk-tip[hidden] { display: none; }
.rdr .mk-tip b { font-size: .84rem; }
.rdr .mk-tip em { margin-top: 2px; font-size: .7rem; font-style: normal; opacity: .7; }

/* Visibility, share of voice and win rate, wherever an organization appears. */
.rdr .ent-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.rdr .ent-stats a { display: grid; gap: 3px; padding: 10px 12px; border: 1px solid var(--r-border); border-radius: 12px; background: var(--r-card); color: var(--text); text-decoration: none; }
.rdr .ent-stats a:hover { border-color: var(--r-accent); }
.rdr .ent-stats b { font-family: var(--font-display); font-size: 1.4rem; line-height: 1; }
.rdr .ent-stats span { font-size: .72rem; color: var(--r-muted); }
.rdr .ent-eng { display: grid; gap: 6px; margin-top: 12px; }
.rdr .ent-eng__r { display: grid; grid-template-columns: 6.6rem minmax(0, 1fr) 2.6rem; gap: 10px; align-items: center; font-size: .78rem; }
.rdr .ent-eng__r .eng { justify-self: start; }
.rdr .ent-eng__r b { text-align: right; }
.rdr .ent-eng__t { position: relative; height: 8px; overflow: hidden; border-radius: 4px; background: var(--bg-secondary); }
.rdr .ent-eng__t i { position: absolute; top: 0; bottom: 0; left: 0; border-radius: 4px; background: color-mix(in srgb, var(--r-accent) 38%, var(--r-border)); }
.rdr .ent-eng__t i.w { background: var(--r-accent); }
.rdr .mk-evrow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rdr .mk-statchip { display: inline-flex; align-items: center; gap: 6px; padding: .45rem .85rem; border: 1px solid var(--r-border2); border-radius: 999px; background: var(--r-card); font-size: .8rem; color: var(--text); text-decoration: none; }
.rdr .mk-statchip:hover { border-color: var(--r-accent); }
.rdr .mk-statchip .ic { color: var(--r-accent); }

/* The rail: five sections, each with a line on what's in it; the open one lists its tabs. */
.rdr .rdr__rail a.rl-sec { justify-content: flex-start; align-items: flex-start; gap: 10px; padding: .6rem .75rem; }
.rdr .rdr__rail a.rl-sec > .ic { flex: none; margin-top: 3px; color: var(--r-accent); }
.rdr .rdr__rail a.rl-sec b { display: block; font-size: .92rem; font-weight: 600; color: var(--text); }
.rdr .rdr__rail a.rl-sec small { display: block; margin-top: 2px; font-size: .72rem; font-weight: 400; line-height: 1.35; color: var(--r-muted); }
.rdr .rdr__rail a.rl-sec.is-open small { display: none; }
.rdr .rdr__rail .rl-sub { display: grid; gap: 1px; margin: 0 1rem .5rem 1.95rem; padding-left: .55rem; border-left: 1px solid var(--r-border); }
.rdr .rdr__rail .rl-sub a { min-height: 34px; margin-right: 0; padding: .35rem .6rem; font-size: .84rem; }

/* A section's tabs, at the top of its pages: what's inside, a line each. */
.rdr .sx { margin: 4px 0 18px; }
.rdr .sx__k { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px; font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--r-accent); }
.rdr .sx__tabs { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
.rdr .sx__t { display: flex; flex: 1 1 0; flex-direction: column; gap: 2px; min-width: 150px; padding: 10px 12px; border: 1px solid var(--r-border); border-radius: 14px; background: var(--r-card); color: var(--text); text-decoration: none; transition: border-color .2s; }
.rdr .sx__t b { font-size: .86rem; }
.rdr .sx__t small { font-size: .72rem; line-height: 1.35; color: var(--r-muted); }
.rdr .sx__t:hover { border-color: var(--r-accent-line); }
.rdr .sx__t.is-on { border-color: var(--r-accent); background: var(--r-accent-dim); box-shadow: inset 0 -2px 0 var(--r-accent); }
.rdr .sx__t:focus-visible { outline: 2px solid var(--r-accent); outline-offset: 1px; }
@media (max-width: 640px) { .rdr .sx__t { flex: 0 0 auto; min-width: 0; } .rdr .sx__t small { display: none; } }

/* Re-rendering the same page with new filters: no entrance motion, nothing jumps. */
.mk-same .rdr .mk-rise { animation: none !important; opacity: 1 !important; transform: none !important; }
.rdr .evt[data-ev] { cursor: pointer; }
.rdr .evt[data-ev]:hover { border-color: var(--r-accent-line); }

/* Who's reading. */
.rdr .pa-as { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 6px 0 4px; }
.rdr .pa-as > span { margin-right: 4px; font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--r-muted); }
.rdr .tr-as { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; max-width: 900px; margin: 10px 0 2px; }
.rdr .tr-as > span { margin-right: 4px; font-size: .84rem; color: var(--r-muted); }

/* Hosts, each with a quick look at what AI says about it. */
.rdr .evhosts__r { display: flex; align-items: center; gap: 2px; }
.rdr .evhosts__r > a { flex: 1; min-width: 0; }
.rdr .evhosts__ai { flex: none; display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid transparent; border-radius: 9px; background: none; color: var(--r-accent); cursor: pointer; }
.rdr .evhosts__ai:hover { border-color: var(--r-accent-line); background: var(--r-accent-dim); }
.rdr .evhosts__ai:focus-visible { outline: 2px solid var(--r-accent); outline-offset: 1px; }

/* The drawer's way back. */
.rdr .ev__back { display: inline-flex; margin: 0 10px 8px 0; padding: 4px 11px; border: 1px solid var(--r-border2); border-radius: 999px; background: var(--r-card); color: var(--text); font: inherit; font-size: .76rem; font-weight: 600; cursor: pointer; }
.rdr .ev__back:hover { border-color: var(--r-accent); }

/* The organization viewer, in place. */
.rdr .ent-ev { display: grid; gap: 12px; padding: 14px 16px; border: 1px solid var(--r-border); border-radius: var(--pa-r, 18px); background: var(--r-card); }
.rdr .ent-ev__good { font-size: .92rem; line-height: 1.5; color: var(--r-text2); }
.rdr .ent-ev__dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; }
.rdr .ent-ev__dl dt { display: flex; align-items: center; gap: 5px; font-size: .6rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--r-faint); }
.rdr .ent-ev__dl dd { margin: 4px 0 0; font-size: .82rem; line-height: 1.4; color: var(--text); }
.rdr .ent-ev__dl a { color: inherit; text-underline-offset: 3px; }
.rdr .ent-ev__go { display: flex; flex-wrap: wrap; gap: 8px; }
.rdr .ent-ev__go .btn { width: auto; min-height: 40px; margin: 0; padding: .5rem 1rem; border-radius: 999px; font-size: .84rem; }
.rdr .ent-sep { display: grid; gap: 10px; border-top: 1px solid var(--r-border); }
.rdr .ent-sep > .k { display: inline-flex; align-items: center; gap: 6px; padding-top: 14px; color: var(--r-accent); }
.rdr .ent-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.rdr .ent-tabs button { display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px 4px 4px; border: 1px solid var(--r-border2); border-radius: 999px; background: var(--r-card); color: var(--text); font: inherit; font-size: .8rem; cursor: pointer; }
.rdr .ent-tabs button small { font-size: .64rem; color: var(--r-muted); }
.rdr .ent-tabs button.on { border-color: var(--r-accent); background: var(--r-accent-dim); font-weight: 600; }
.rdr .ent-tabs .mk-mono, .rdr .ent-ins .mk-mono { width: 26px; height: 26px; border-radius: 50%; font-size: .54rem; }
.rdr .ent-h { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.rdr .ent-h__n { flex: 1 1 180px; min-width: 0; }
.rdr .ent-h__n b { display: block; margin-bottom: 2px; font-family: var(--font-display); font-size: 1.3rem; line-height: 1.15; color: var(--text); }
.rdr .ent-as { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 16px; padding: 12px 14px; border-radius: 14px; background: color-mix(in srgb, var(--r-accent) 7%, var(--r-card)); }
.rdr .ent-as p { flex: 1 1 260px; font-size: .9rem; line-height: 1.5; color: var(--r-text2); }
.rdr .ent-as__l { display: grid; gap: 4px; font-size: .58rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--r-muted); }
.rdr .ent-as__l select { min-height: 34px; max-width: 100%; padding: 0 10px; border: 1px solid var(--r-border2); border-radius: 999px; background: var(--r-card); color: var(--text); font: inherit; font-size: .8rem; letter-spacing: 0; text-transform: none; }
.rdr .ent-vis { display: flex; align-items: center; gap: 14px; }
.rdr .ent-vis__n { flex: none; font-family: var(--font-display); font-size: 3rem; font-weight: 700; line-height: 1; letter-spacing: -.04em; color: var(--text); }
.rdr .ent-vis__n small { font-size: 1.2rem; }
.rdr .ent-vis p { font-size: .86rem; line-height: 1.5; color: var(--r-text2); }
.rdr .ent-bar { display: flex; gap: 2px; height: 10px; margin: 12px 0 8px; overflow: hidden; border-radius: 6px; }
.rdr .ent-bar__w { background: var(--r-accent); }
.rdr .ent-bar__v { background: color-mix(in srgb, var(--r-accent) 38%, var(--r-border)); }
.rdr .ent-bar__a { background: var(--r-border2); }
.rdr .ent-key { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: .74rem; color: var(--r-muted); }
.rdr .ent-key i { display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 3px; vertical-align: -1px; }
.rdr .ent-key b { color: var(--text); }
.rdr .ent-desc { display: grid; gap: 4px; margin: 4px 0 8px; padding-left: 1.1rem; font-size: .88rem; line-height: 1.45; color: var(--r-text2); }
.rdr .ent-h4 { display: flex; align-items: center; gap: 6px; margin: 12px 0 2px; font-size: .82rem; color: var(--text); }
.rdr .ent-ins { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.rdr .ent-ins__b { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--r-border); border-radius: 12px; background: var(--r-card); color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.rdr .ent-ins__b:hover { border-color: var(--r-accent); }
.rdr .ent-ins__b b { display: block; font-size: .82rem; }
.rdr .ent-ins__b small { font-size: .7rem; color: var(--r-muted); }
.rdr .ent-fam { display: grid; grid-template-columns: minmax(0, 10rem) minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 4px 0; font-size: .82rem; color: var(--r-text2); }
.rdr .ent-fam__t { height: 6px; overflow: hidden; border-radius: 4px; background: var(--r-border); }
.rdr .ent-fam__t i { display: block; height: 100%; border-radius: 4px; background: var(--r-accent); }
.rdr .ent-fam small { font-size: .7rem; color: var(--r-muted); white-space: nowrap; }
.rdr .ent-pages { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.rdr .ent-page { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border: 1px solid var(--r-border); border-radius: 12px; color: var(--text); text-decoration: none; }
.rdr .ent-page:hover { border-color: var(--r-accent); }
.rdr .ent-page span { min-width: 0; }
.rdr .ent-page b { display: block; overflow: hidden; font-size: .8rem; white-space: nowrap; text-overflow: ellipsis; }
.rdr .ent-page small { font-size: .68rem; color: var(--r-muted); }
.rdr .ent-page.is-own { border-color: var(--r-accent-line); background: var(--r-accent-dim); }
.rdr .ent-moves { display: grid; gap: 6px; margin: 4px 0 8px; padding: 0; list-style: none; counter-reset: m; }
.rdr .ent-moves li { counter-increment: m; }
.rdr .ent-moves a { display: grid; grid-template-columns: 26px minmax(0, 1fr); column-gap: 10px; row-gap: 2px; padding: 10px 12px; border: 1px solid var(--r-border); border-radius: 12px; color: var(--text); text-decoration: none; }
.rdr .ent-moves a::before { content: counter(m); grid-row: span 2; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--btn-fill); color: var(--btn-ink); font-size: .74rem; font-weight: 700; }
.rdr .ent-moves a:hover { border-color: var(--r-accent); }
.rdr .ent-moves b { font-size: .86rem; line-height: 1.35; }
.rdr .ent-moves small { font-size: .72rem; color: var(--r-muted); }
@media (max-width: 560px) {
  .rdr .ent-ev__dl, .rdr .ent-ins, .rdr .ent-pages { grid-template-columns: minmax(0, 1fr); }
  .rdr .ent-fam { grid-template-columns: minmax(0, 1fr) auto; }
  .rdr .ent-fam__t { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .rdr .evt, .rdr .tr-on { transition: none; }
  .rdr .tr-on:hover { transform: none; }
}