html[data-design] {
  --display-font: Georgia, "Times New Roman", serif;
  --ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono-font: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --page-gutter: 24px;
  --hero-align: center;
  --design-shadow: var(--shadow);
  --design-hairline: var(--line);
  --design-accent-2: var(--red);
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-design] body {
  background:
    radial-gradient(circle at 18% 0%, var(--ambient-1, transparent), transparent 34rem),
    radial-gradient(circle at 84% 8%, var(--ambient-2, transparent), transparent 31rem),
    var(--bg);
  font-family: var(--ui-font);
}

html[data-design] .hero h1,
html[data-design] .catalog-hero h1,
html[data-design] .profile-copy h1,
html[data-design] .section-head h2,
html[data-design] .catalog-book-copy h2,
html[data-design] .catalog-person-card h2,
html[data-design] .book-content h3,
html[data-design] .brand strong,
html[data-design] .search-result strong,
html[data-design] .stat-row strong,
html[data-design] .person-card strong,
html[data-design] .source-mini-card strong,
html[data-design] .newsletter-panel h2,
html[data-design] .policy-hero h1 {
  font-family: var(--display-font);
}

html[data-design] .site-header {
  backdrop-filter: blur(18px);
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  border-bottom-color: var(--design-hairline);
}

html[data-design] .brand-mark {
  outline: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
  outline-offset: -1px;
}

html[data-design] .hero {
  max-width: var(--hero-max, 1040px);
  text-align: var(--hero-align);
}

html[data-design] .hero h1 {
  letter-spacing: var(--display-tracking, 0);
}

html[data-design] .hero-search,
html[data-design] .catalog-toolbar,
html[data-design] .catalog-book-list,
html[data-design] .catalog-person-card,
html[data-design] .book-row,
html[data-design] .source-card,
html[data-design] .source-mini-card,
html[data-design] .authored-book,
html[data-design] .author-card,
html[data-design] .newsletter-form,
html[data-design] .intake-form,
html[data-design] .policy-body article {
  border-color: var(--design-hairline);
  border-radius: var(--radius-md);
  box-shadow: var(--design-shadow);
}

html[data-design] .book-cover,
html[data-design] .fallback-cover,
html[data-design] .person-photo,
html[data-design] .profile-cover,
html[data-design] .profile-photo,
html[data-design] .lane-cover {
  border-radius: var(--image-radius, var(--radius-sm));
}

html[data-design] .header-action,
html[data-design] .retailer-link,
html[data-design] .profile-link,
html[data-design] .catalog-load-more,
html[data-design] .newsletter-submit {
  border-radius: var(--button-radius, var(--radius-sm));
}

html[data-design] .book-meta a,
html[data-design] .source-badge,
html[data-design] .catalog-person-stats span,
html[data-design] .relationship-label,
html[data-design] .section-kicker {
  border-radius: var(--chip-radius, var(--radius-sm));
}

html[data-design] .priority-section {
  background: linear-gradient(180deg, color-mix(in srgb, var(--soft) 72%, transparent), transparent);
}

html[data-design] .about-section {
  background: color-mix(in srgb, var(--bg) 92%, var(--surface));
}

/* 01 Museum-grade literary atlas */
html[data-design="museum"] {
  --bg: #fbf7ec;
  --surface: #fffdf8;
  --ink: #191714;
  --muted: #756a5b;
  --line: #ded2bd;
  --soft: #f2eadb;
  --green: #174536;
  --red: #8f3e35;
  --gold: #b78a42;
  --ambient-1: rgba(183, 138, 66, 0.16);
  --ambient-2: rgba(23, 69, 54, 0.1);
  --display-font: Georgia, "Times New Roman", serif;
  --design-shadow: 0 14px 34px rgba(58, 43, 24, 0.09);
}

html[data-design="museum"][data-theme="dark"] {
  --bg: #14120f;
  --surface: #1d1a16;
  --ink: #fff7e8;
  --muted: #b8aa93;
  --line: #40382c;
  --soft: #28231c;
  --green: #9cc9ac;
  --red: #e09483;
  --gold: #d4af6f;
  --ambient-1: rgba(212, 175, 111, 0.13);
  --ambient-2: rgba(156, 201, 172, 0.12);
  --design-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
}

html[data-design="museum"] .hero {
  border-bottom: 1px solid var(--line);
}

html[data-design="museum"] .brand-mark {
  box-shadow:
    0 8px 18px rgba(58, 43, 24, 0.11),
    0 1px 0 rgba(255, 255, 255, 0.62) inset;
}

html[data-design="museum"][data-theme="dark"] .brand-mark {
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.32),
    0 1px 0 rgba(255, 249, 233, 0.14) inset;
  outline-color: color-mix(in srgb, var(--gold) 42%, transparent);
}

html[data-design="museum"] .person-card,
html[data-design="museum"] .source-mini-card {
  background: linear-gradient(180deg, var(--surface), var(--soft));
}

html[data-design="museum"][data-theme="dark"] .newsletter-panel,
html[data-design="museum"][data-theme="dark"] .source-section {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--soft) 88%, transparent)),
    var(--surface);
  border: 1px solid var(--line);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.26);
  color: var(--ink);
}

html[data-design="museum"][data-theme="dark"] .newsletter-panel h2,
html[data-design="museum"][data-theme="dark"] .source-section h2 {
  color: var(--ink);
}

html[data-design="museum"][data-theme="dark"] .newsletter-panel p,
html[data-design="museum"][data-theme="dark"] .source-section p {
  color: var(--muted);
}

html[data-design="museum"][data-theme="dark"] .source-section a,
html[data-design="museum"][data-theme="dark"] .newsletter-panel .section-kicker {
  color: var(--gold);
}

html[data-design="museum"][data-theme="dark"] .newsletter-form,
html[data-design="museum"][data-theme="dark"] .newsletter-control {
  background: color-mix(in srgb, var(--bg) 82%, var(--surface));
  border-color: var(--line);
}

html[data-design="museum"][data-theme="dark"] .newsletter-control label,
html[data-design="museum"][data-theme="dark"] .newsletter-form .newsletter-email-input {
  color: var(--ink);
}

html[data-design="museum"][data-theme="dark"] .author-authority,
html[data-design="museum"][data-theme="dark"] .citation-summary,
html[data-design="museum"][data-theme="dark"] .retailer-disclosure {
  background: color-mix(in srgb, var(--soft) 82%, var(--surface));
  border-color: var(--line);
  color: var(--muted);
}

html[data-design="museum"][data-theme="dark"] .author-authority p,
html[data-design="museum"][data-theme="dark"] .citation-summary strong,
html[data-design="museum"][data-theme="dark"] .retailer-disclosure strong {
  color: var(--ink);
}

html[data-design="museum"][data-theme="dark"] .source-card {
  background: color-mix(in srgb, var(--soft) 78%, var(--surface));
  border-color: var(--line);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
}

html[data-design="museum"][data-theme="dark"] .source-card .source-note,
html[data-design="museum"][data-theme="dark"] blockquote {
  color: var(--muted);
}

html[data-design="museum"][data-theme="dark"] .source-card > a,
html[data-design="museum"][data-theme="dark"] .retailer-link {
  background: color-mix(in srgb, var(--green) 18%, var(--surface));
  border-color: color-mix(in srgb, var(--green) 45%, var(--line));
  color: var(--green);
}

html[data-design="museum"][data-theme="dark"] .catalog-book-card:hover,
html[data-design="museum"][data-theme="dark"] .catalog-book-card:focus-within {
  background: color-mix(in srgb, var(--soft) 68%, var(--surface));
}

/* 02 Bloomberg-terminal for great minds */
html[data-design="terminal"] {
  --bg: #07110f;
  --surface: #0d1b18;
  --ink: #e9fff6;
  --muted: #86a79b;
  --line: #24473d;
  --soft: #102721;
  --green: #36f29a;
  --red: #ff6b57;
  --gold: #f6cd48;
  --ambient-1: rgba(54, 242, 154, 0.1);
  --ambient-2: rgba(246, 205, 72, 0.08);
  --display-font: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ui-font: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --button-radius: 0;
  --chip-radius: 0;
  --image-radius: 0;
  --design-shadow: none;
}

html[data-design="terminal"][data-theme="light"] {
  --bg: #edf7ef;
  --surface: #f9fff8;
  --ink: #07110f;
  --muted: #48685c;
  --line: #9cc9b3;
  --soft: #dff0e4;
  --green: #006b42;
  --red: #a0352c;
  --gold: #8c6b00;
}

html[data-design="terminal"] body {
  background-image:
    linear-gradient(rgba(54, 242, 154, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(54, 242, 154, 0.04) 1px, transparent 1px);
  background-size: 18px 18px;
}

html[data-design="terminal"] .site-header,
html[data-design="terminal"] .catalog-book-card + .catalog-book-card {
  border-color: var(--green);
}

html[data-design="terminal"] .hero h1 {
  text-transform: uppercase;
}

/* 03 Luxury magazine annual */
html[data-design="magazine"] {
  --bg: #fff8f5;
  --surface: #ffffff;
  --ink: #161111;
  --muted: #755f5a;
  --line: #ead4cc;
  --soft: #fae9e2;
  --green: #3f1f56;
  --red: #be443c;
  --gold: #d49b56;
  --ambient-1: rgba(190, 68, 60, 0.18);
  --ambient-2: rgba(63, 31, 86, 0.12);
  --display-font: Didot, "Bodoni 72", Georgia, serif;
  --radius-md: 2px;
  --image-radius: 2px;
  --design-shadow: 0 22px 54px rgba(76, 34, 28, 0.12);
}

html[data-design="magazine"][data-theme="dark"] {
  --bg: #160f13;
  --surface: #21171c;
  --ink: #fff3ed;
  --muted: #d0ada5;
  --line: #4a3036;
  --soft: #2d1d24;
  --green: #f4c7ff;
  --red: #ff8a78;
  --gold: #f5bd70;
}

html[data-design="magazine"] .hero h1,
html[data-design="magazine"] .catalog-hero h1,
html[data-design="magazine"] .profile-copy h1 {
  font-size: clamp(58px, 8vw, 116px);
  font-weight: 500;
  line-height: 0.9;
}

html[data-design="magazine"] .catalog-person-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 04 Modern library operating system */
html[data-design="library-os"] {
  --bg: #f3f7fb;
  --surface: #ffffff;
  --ink: #102033;
  --muted: #66758a;
  --line: #d8e2ef;
  --soft: #eaf1f8;
  --green: #245c83;
  --red: #9d3d55;
  --gold: #a77625;
  --ambient-1: rgba(36, 92, 131, 0.14);
  --ambient-2: rgba(167, 118, 37, 0.09);
  --display-font: ui-serif, Georgia, serif;
  --radius-md: 10px;
  --design-shadow: 0 14px 30px rgba(16, 32, 51, 0.09);
}

html[data-design="library-os"][data-theme="dark"] {
  --bg: #0c1420;
  --surface: #121e2d;
  --ink: #eef7ff;
  --muted: #9fb0c4;
  --line: #27384d;
  --soft: #17263a;
  --green: #8fd0ff;
  --red: #ff93ad;
  --gold: #d9b36a;
}

html[data-design="library-os"] .hero-search,
html[data-design="library-os"] .catalog-toolbar {
  border-left: 6px solid var(--green);
}

html[data-design="library-os"] .catalog-person-card {
  grid-template-columns: 88px minmax(0, 1fr);
}

/* 05 Scientific field notebook */
html[data-design="field-notebook"] {
  --bg: #fbfbef;
  --surface: #fffff7;
  --ink: #19201a;
  --muted: #6f735f;
  --line: #d7d9bd;
  --soft: #f0f2d9;
  --green: #2e5f3b;
  --red: #a44735;
  --gold: #9b7a2a;
  --ambient-1: rgba(46, 95, 59, 0.1);
  --ambient-2: rgba(155, 122, 42, 0.1);
  --display-font: "Iowan Old Style", Georgia, serif;
  --radius-sm: 3px;
  --radius-md: 3px;
  --button-radius: 3px;
  --design-shadow: 0 8px 18px rgba(62, 67, 37, 0.08);
}

html[data-design="field-notebook"][data-theme="dark"] {
  --bg: #11150f;
  --surface: #181d15;
  --ink: #f6f4d9;
  --muted: #b8b898;
  --line: #343b2b;
  --soft: #202719;
  --green: #a8d69b;
  --red: #e39477;
  --gold: #d4c36a;
}

html[data-design="field-notebook"] body {
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 32px 32px;
}

html[data-design="field-notebook"] .source-card,
html[data-design="field-notebook"] .relation-source {
  border-style: dashed;
}

/* 06 Venture archive command center */
html[data-design="venture-archive"] {
  --bg: #f7f8fb;
  --surface: #ffffff;
  --ink: #111727;
  --muted: #667085;
  --line: #dde3ee;
  --soft: #eef2f8;
  --green: #2144d8;
  --red: #d13e5a;
  --gold: #d7962c;
  --ambient-1: rgba(33, 68, 216, 0.15);
  --ambient-2: rgba(209, 62, 90, 0.12);
  --display-font: Inter, ui-sans-serif, system-ui, sans-serif;
  --radius-md: 6px;
  --design-shadow: 0 20px 48px rgba(17, 23, 39, 0.1);
}

html[data-design="venture-archive"][data-theme="dark"] {
  --bg: #080c17;
  --surface: #101827;
  --ink: #f3f7ff;
  --muted: #99a6bd;
  --line: #26334c;
  --soft: #172238;
  --green: #88a2ff;
  --red: #ff7890;
  --gold: #ffc168;
}

html[data-design="venture-archive"] .stat-row,
html[data-design="venture-archive"] .catalog-book-stats,
html[data-design="venture-archive"] .catalog-person-stats {
  text-transform: uppercase;
}

html[data-design="venture-archive"] .catalog-book-card {
  grid-template-columns: 76px minmax(0, 1fr);
}

html[data-design="venture-archive"] .catalog-book-card .book-cover,
html[data-design="venture-archive"] .catalog-book-card .fallback-cover {
  height: 114px;
  width: 76px;
}

/* 07 Classical academy seal */
html[data-design="academy"] {
  --bg: #f8f3e6;
  --surface: #fffaf0;
  --ink: #21170d;
  --muted: #786850;
  --line: #d8c5a0;
  --soft: #efe2c9;
  --green: #40351f;
  --red: #8d3329;
  --gold: #a97b2f;
  --ambient-1: rgba(169, 123, 47, 0.18);
  --ambient-2: rgba(64, 53, 31, 0.1);
  --display-font: "Times New Roman", Georgia, serif;
  --radius-sm: 0;
  --radius-md: 0;
  --image-radius: 0;
  --design-shadow: 0 18px 36px rgba(56, 37, 16, 0.1);
}

html[data-design="academy"][data-theme="dark"] {
  --bg: #120d08;
  --surface: #1c140d;
  --ink: #fff1d4;
  --muted: #c4ad82;
  --line: #4a3820;
  --soft: #261b10;
  --green: #e0c080;
  --red: #e1846e;
  --gold: #f0c86e;
}

html[data-design="academy"] .brand-mark,
html[data-design="academy"] .fallback-photo {
  border-radius: 50%;
}

html[data-design="academy"] .section-head {
  border-top: 3px double var(--line);
  padding-top: 18px;
}

/* 08 Minimal Swiss catalog */
html[data-design="swiss"] {
  --bg: #ffffff;
  --surface: #ffffff;
  --ink: #0a0a0a;
  --muted: #646464;
  --line: #d9d9d9;
  --soft: #f3f3f3;
  --green: #e42313;
  --red: #0a0a0a;
  --gold: #e42313;
  --display-font: Helvetica, Arial, sans-serif;
  --radius-sm: 0;
  --radius-md: 0;
  --button-radius: 0;
  --chip-radius: 0;
  --image-radius: 0;
  --display-tracking: 0;
  --design-shadow: none;
}

html[data-design="swiss"][data-theme="dark"] {
  --bg: #050505;
  --surface: #0d0d0d;
  --ink: #ffffff;
  --muted: #a5a5a5;
  --line: #2d2d2d;
  --soft: #171717;
  --green: #ff3b30;
  --red: #ffffff;
  --gold: #ff3b30;
}

html[data-design="swiss"] .hero {
  --hero-align: left;
  max-width: 1120px;
}

html[data-design="swiss"] .hero h1,
html[data-design="swiss"] .catalog-hero h1,
html[data-design="swiss"] .profile-copy h1 {
  font-weight: 900;
  text-transform: uppercase;
}

html[data-design="swiss"] .catalog-person-list {
  gap: 0;
}

/* 09 Cinematic biographical gallery */
html[data-design="cinematic"] {
  --bg: #120f12;
  --surface: #1f1a1f;
  --ink: #fff8f0;
  --muted: #c4b3a8;
  --line: #3d3138;
  --soft: #2b2329;
  --green: #f6c177;
  --red: #eb6f92;
  --gold: #f6c177;
  --ambient-1: rgba(246, 193, 119, 0.15);
  --ambient-2: rgba(235, 111, 146, 0.12);
  --display-font: Georgia, "Times New Roman", serif;
  --radius-md: 14px;
  --image-radius: 12px;
  --design-shadow: 0 24px 60px rgba(0, 0, 0, 0.36);
}

html[data-design="cinematic"][data-theme="light"] {
  --bg: #f7f0e8;
  --surface: #fffaf4;
  --ink: #201817;
  --muted: #786963;
  --line: #e4d4c6;
  --soft: #efe3d8;
  --green: #7a461d;
  --red: #ad3f4f;
  --gold: #b7792e;
  --ambient-1: rgba(122, 70, 29, 0.16);
  --ambient-2: rgba(173, 63, 79, 0.1);
}

html[data-design="cinematic"] .profile-media,
html[data-design="cinematic"] .book-media {
  transform: rotate(-1deg);
}

html[data-design="cinematic"] .person-card .person-photo,
html[data-design="cinematic"] .catalog-person-card .person-photo {
  filter: saturate(1.08) contrast(1.04);
}

/* 10 Knowledge graph observatory */
html[data-design="observatory"] {
  --bg: #071421;
  --surface: #0e2133;
  --ink: #edf8ff;
  --muted: #9ab5c8;
  --line: #244057;
  --soft: #132b42;
  --green: #7bdff2;
  --red: #f07167;
  --gold: #fee440;
  --ambient-1: rgba(123, 223, 242, 0.14);
  --ambient-2: rgba(254, 228, 64, 0.1);
  --display-font: Inter, ui-sans-serif, system-ui, sans-serif;
  --radius-md: 999px;
  --button-radius: 999px;
  --chip-radius: 999px;
  --image-radius: 50%;
  --design-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
}

html[data-design="observatory"][data-theme="light"] {
  --bg: #eef8ff;
  --surface: #ffffff;
  --ink: #0b2032;
  --muted: #60778a;
  --line: #cfe1ef;
  --soft: #e3f0fa;
  --green: #006c86;
  --red: #b43d48;
  --gold: #b98500;
  --ambient-1: rgba(0, 108, 134, 0.12);
  --ambient-2: rgba(185, 133, 0, 0.1);
}

html[data-design="observatory"] body {
  background-image:
    radial-gradient(circle at 14% 18%, var(--ambient-1), transparent 24rem),
    radial-gradient(circle at 82% 8%, var(--ambient-2), transparent 22rem),
    radial-gradient(circle, color-mix(in srgb, var(--line) 42%, transparent) 1px, transparent 1px);
  background-size: auto, auto, 38px 38px;
}

html[data-design="observatory"] .catalog-person-card,
html[data-design="observatory"] .person-card {
  overflow: hidden;
}

/* Signature composition layer: each design gets a distinct structural rhythm. */
html[data-design="museum"] .people-section,
html[data-design="museum"] .catalog-main,
html[data-design="museum"] .profile-list,
html[data-design="museum"] .catalog-hero,
html[data-design="museum"] .catalog-results {
  max-width: 1180px;
}

html[data-design="museum"] .catalog-book-list,
html[data-design="museum"] .book-list {
  border: 1px solid var(--line);
  outline: 8px solid color-mix(in srgb, var(--soft) 65%, transparent);
  outline-offset: 0;
}

html[data-design="museum"] .catalog-book-card,
html[data-design="museum"] .book-row {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--gold) 10%, transparent), transparent 28%),
    var(--surface);
}

html[data-design="museum"] .profile-grid {
  background: linear-gradient(135deg, var(--surface), var(--soft));
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--design-shadow);
  padding: clamp(18px, 3vw, 34px);
}

html[data-design="terminal"] .hero,
html[data-design="terminal"] .catalog-hero,
html[data-design="terminal"] .profile-hero {
  max-width: 1280px;
  text-align: left;
}

html[data-design="terminal"] .hero h1::before,
html[data-design="terminal"] .catalog-hero h1::before,
html[data-design="terminal"] .profile-copy h1::before {
  color: var(--green);
  content: "> ";
}

html[data-design="terminal"] .catalog-toolbar,
html[data-design="terminal"] .hero-search,
html[data-design="terminal"] .newsletter-panel {
  background: #020806;
  border: 1px solid var(--green);
}

html[data-design="terminal"][data-theme="light"] .catalog-toolbar,
html[data-design="terminal"][data-theme="light"] .hero-search,
html[data-design="terminal"][data-theme="light"] .newsletter-panel {
  background: #f6fff8;
}

html[data-design="terminal"] .catalog-person-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html[data-design="terminal"] .catalog-person-card {
  display: block;
  min-height: 0;
}

html[data-design="terminal"] .catalog-person-card .person-photo,
html[data-design="terminal"] .catalog-person-card .fallback-photo {
  display: none;
}

html[data-design="magazine"] .hero {
  max-width: 1220px;
  padding-bottom: 38px;
  text-align: left;
}

html[data-design="magazine"] .hero > p {
  margin-left: 0;
  max-width: 580px;
}

html[data-design="magazine"] .hero-search {
  margin-left: 0;
}

html[data-design="magazine"] .person-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html[data-design="magazine"] .person-card {
  min-height: 310px;
  overflow: hidden;
  padding: 0;
  position: relative;
}

html[data-design="magazine"] .person-card .person-photo,
html[data-design="magazine"] .person-card .fallback-photo {
  height: 190px;
  width: 100%;
}

html[data-design="magazine"] .person-card strong,
html[data-design="magazine"] .person-card small,
html[data-design="magazine"] .person-card em {
  display: block;
  padding-inline: 16px;
}

html[data-design="magazine"] .catalog-book-card:first-child {
  grid-template-columns: 170px minmax(0, 1fr);
  padding: 30px;
}

html[data-design="magazine"] .catalog-book-card:first-child .book-cover,
html[data-design="magazine"] .catalog-book-card:first-child .fallback-cover {
  height: 255px;
  width: 170px;
}

html[data-design="library-os"] .site-header {
  grid-template-columns: minmax(220px, auto) minmax(260px, 1fr) auto;
}

html[data-design="library-os"] .catalog-toolbar {
  grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(150px, 190px)) auto;
}

html[data-design="library-os"] .catalog-book-list,
html[data-design="library-os"] .catalog-person-list,
html[data-design="library-os"] .book-list,
html[data-design="library-os"] .authored-grid {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--green) 10%, transparent) 0 8px, transparent 8px),
    var(--surface);
  border-radius: var(--radius-lg);
  padding: 8px;
}

html[data-design="library-os"] .catalog-person-card,
html[data-design="library-os"] .authored-book,
html[data-design="library-os"] .book-row {
  box-shadow: none;
}

html[data-design="field-notebook"] .source-card::before,
html[data-design="field-notebook"] .source-mini-card::before,
html[data-design="field-notebook"] .author-card::before {
  color: var(--red);
  content: "verified note";
  display: block;
  font-family: var(--mono-font);
  font-size: 10px;
  font-weight: 900;
  margin-bottom: 8px;
  text-transform: uppercase;
}

html[data-design="field-notebook"] .book-row,
html[data-design="field-notebook"] .catalog-book-card,
html[data-design="field-notebook"] .catalog-person-card {
  background:
    linear-gradient(90deg, transparent 31px, color-mix(in srgb, var(--red) 28%, transparent) 32px, transparent 33px),
    linear-gradient(var(--surface), var(--surface));
}

html[data-design="field-notebook"] blockquote,
html[data-design="field-notebook"] .citation-summary {
  border-left: 4px solid var(--gold);
  font-family: var(--mono-font);
}

html[data-design="venture-archive"] .hero,
html[data-design="venture-archive"] .catalog-hero {
  max-width: 1180px;
  text-align: left;
}

html[data-design="venture-archive"] .stat-row {
  margin-left: 0;
}

html[data-design="venture-archive"] .catalog-person-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html[data-design="venture-archive"] .catalog-person-card {
  display: block;
  min-height: 220px;
}

html[data-design="venture-archive"] .catalog-person-card .person-photo,
html[data-design="venture-archive"] .catalog-person-card .fallback-photo {
  height: 52px;
  margin-bottom: 12px;
  width: 52px;
}

html[data-design="venture-archive"] .source-badge,
html[data-design="venture-archive"] .catalog-person-stats span,
html[data-design="venture-archive"] .catalog-book-stats strong {
  letter-spacing: 0.06em;
}

html[data-design="academy"] .hero,
html[data-design="academy"] .catalog-hero,
html[data-design="academy"] .profile-hero {
  max-width: 980px;
}

html[data-design="academy"] .hero h1,
html[data-design="academy"] .catalog-hero h1,
html[data-design="academy"] .profile-copy h1 {
  text-align: center;
}

html[data-design="academy"] .hero::after,
html[data-design="academy"] .catalog-hero::after {
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  content: "";
  display: block;
  height: 1px;
  margin: 28px auto 0;
  width: min(520px, 70vw);
}

html[data-design="academy"] .catalog-book-card,
html[data-design="academy"] .book-row,
html[data-design="academy"] .authored-book {
  border-top: 3px double var(--line);
}

html[data-design="academy"] .book-meta a,
html[data-design="academy"] .source-badge {
  background: transparent;
  border: 1px solid var(--line);
}

html[data-design="swiss"] .site-header,
html[data-design="swiss"] .hero-search,
html[data-design="swiss"] .catalog-toolbar,
html[data-design="swiss"] .catalog-book-list,
html[data-design="swiss"] .catalog-person-card,
html[data-design="swiss"] .source-card,
html[data-design="swiss"] .newsletter-panel {
  border-width: 2px;
}

html[data-design="swiss"] .hero {
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
  padding-top: 64px;
}

html[data-design="swiss"] .hero h1,
html[data-design="swiss"] .hero > p,
html[data-design="swiss"] .stat-row {
  grid-column: 1;
}

html[data-design="swiss"] .hero-search {
  grid-column: 2;
  grid-row: 1 / span 3;
  margin: 0;
}

html[data-design="swiss"] .catalog-book-card {
  grid-template-columns: 54px minmax(0, 1fr);
}

html[data-design="swiss"] .catalog-book-card .book-cover,
html[data-design="swiss"] .catalog-book-card .fallback-cover {
  height: 81px;
  width: 54px;
}

html[data-design="cinematic"] .hero,
html[data-design="cinematic"] .catalog-hero,
html[data-design="cinematic"] .profile-hero {
  max-width: 1240px;
}

html[data-design="cinematic"] .profile-grid,
html[data-design="cinematic"] .newsletter-panel,
html[data-design="cinematic"] .catalog-book-list {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--surface) 92%, transparent), color-mix(in srgb, var(--soft) 88%, transparent)),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: var(--design-shadow);
}

html[data-design="cinematic"] .person-grid,
html[data-design="cinematic"] .catalog-person-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html[data-design="cinematic"] .person-card,
html[data-design="cinematic"] .catalog-person-card {
  min-height: 260px;
}

html[data-design="cinematic"] .person-card .person-photo,
html[data-design="cinematic"] .catalog-person-card .person-photo {
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.25);
}

html[data-design="observatory"] .hero,
html[data-design="observatory"] .catalog-hero {
  max-width: 1180px;
}

html[data-design="observatory"] .stat-row,
html[data-design="observatory"] .catalog-book-stats,
html[data-design="observatory"] .catalog-person-stats {
  justify-content: center;
}

html[data-design="observatory"] .catalog-person-list,
html[data-design="observatory"] .person-grid {
  gap: 22px;
}

html[data-design="observatory"] .catalog-person-card,
html[data-design="observatory"] .person-card {
  border-radius: 26px;
  text-align: center;
}

html[data-design="observatory"] .catalog-person-card .person-photo,
html[data-design="observatory"] .catalog-person-card .fallback-photo,
html[data-design="observatory"] .person-card .person-photo,
html[data-design="observatory"] .person-card .fallback-photo {
  margin-inline: auto;
}

html[data-design="observatory"] .book-row,
html[data-design="observatory"] .catalog-book-card,
html[data-design="observatory"] .source-card {
  position: relative;
}

html[data-design="observatory"] .book-row::after,
html[data-design="observatory"] .catalog-book-card::after,
html[data-design="observatory"] .source-card::after {
  background: var(--green);
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 8px;
}

@media (max-width: 900px) {
  html[data-design="terminal"] .catalog-person-list,
  html[data-design="venture-archive"] .catalog-person-list,
  html[data-design="cinematic"] .person-grid,
  html[data-design="cinematic"] .catalog-person-list,
  html[data-design="magazine"] .person-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-design="swiss"] .hero {
    display: block;
  }

  html[data-design="swiss"] .hero-search {
    margin-top: 24px;
  }
}

@media (max-width: 760px) {
  html[data-design="magazine"] .person-grid,
  html[data-design="magazine"] .catalog-person-list,
  html[data-design="terminal"] .catalog-person-list,
  html[data-design="venture-archive"] .catalog-person-list,
  html[data-design="cinematic"] .person-grid,
  html[data-design="cinematic"] .catalog-person-list {
    grid-template-columns: 1fr;
  }

  html[data-design="magazine"] .hero,
  html[data-design="magazine"] .catalog-hero,
  html[data-design="magazine"] .profile-hero,
  html[data-design="magazine"] .people-section,
  html[data-design="magazine"] .catalog-main,
  html[data-design="magazine"] .profile-list {
    max-width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  html[data-design="magazine"] .hero h1,
  html[data-design="magazine"] .catalog-hero h1,
  html[data-design="magazine"] .profile-copy h1 {
    font-size: clamp(44px, 13vw, 58px);
    overflow-wrap: anywhere;
  }

  html[data-design="magazine"] .catalog-book-card:first-child {
    grid-template-columns: 82px minmax(0, 1fr);
    padding: 18px;
  }

  html[data-design="magazine"] .catalog-book-card:first-child .book-cover,
  html[data-design="magazine"] .catalog-book-card:first-child .fallback-cover {
    height: 123px;
    width: 82px;
  }

  html[data-design="library-os"] .site-header,
  html[data-design="library-os"] .catalog-toolbar {
    grid-template-columns: 1fr;
  }

  html[data-design="library-os"] .catalog-book-list,
  html[data-design="library-os"] .catalog-person-list,
  html[data-design="library-os"] .book-list,
  html[data-design="library-os"] .authored-grid {
    padding: 0;
  }

  html[data-design="library-os"] .catalog-person-list,
  html[data-design="library-os"] .authored-grid {
    grid-template-columns: 1fr;
  }

  html[data-design="cinematic"] .profile-media,
  html[data-design="cinematic"] .book-media {
    transform: none;
  }
}