/* Fourteen modern display systems over the current homepage's unchanged content. */

html[data-theme] { --radius: 12px; }
html[data-theme] body { margin: 0; font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 15px; }
html[data-theme] .site-shell { width: min(calc(100% - 48px), 1140px); }
html[data-theme] .mainpic { object-fit: cover; object-position: center top; }
html[data-theme] .site-nav a,
html[data-theme] .button { font-weight: 650; }
html[data-theme] .site-footer { text-align: left; }

/* 1 — Precision Interface */
html[data-theme="precision"] {
  --text-color: #34414d;
  --heading-color: #111b24;
  --link-color: #1f5e9c;
  --link-hover-color: #123f6c;
  --callout-color: #825b16;
  --rule-color: #d9e0e6;
  --image-border-color: #d2dbe2;
}
html[data-theme="precision"] body { background: #edf1f4; }
html[data-theme="precision"] .site-shell { margin-block: 24px; padding: 0 38px 54px; border: 1px solid #dae1e6; border-radius: 18px; background: #fff; box-shadow: 0 18px 55px rgba(31,48,63,.08); }
html[data-theme="precision"] .site-header { padding: 32px 0 25px; gap: 22px; align-items: center; }
html[data-theme="precision"] .mainpic { width: 104px; height: 112px; border: 0; border-radius: 16px; }
html[data-theme="precision"] .page_title { margin-bottom: 7px; font-size: 2.05rem; font-weight: 720; letter-spacing: -.035em; }
html[data-theme="precision"] .page_subtitle { margin-left: 0; color: #667581; font-size: .78rem; }
html[data-theme="precision"] .site-nav { margin: 0; border-top: 1px solid var(--rule-color); border-bottom: 1px solid var(--rule-color); background: transparent; }
html[data-theme="precision"] .site-nav ul { padding: 9px 0; gap: 8px 26px; }
html[data-theme="precision"] .site-nav a { font-size: .74rem; text-decoration: none; }
html[data-theme="precision"] #bio { display: grid; padding: 34px 0 25px; grid-template-columns: 150px minmax(0, 1fr); gap: 0 30px; }
html[data-theme="precision"] #bio .topic_header { grid-column: 1; grid-row: 1 / span 4; }
html[data-theme="precision"] #bio p { grid-column: 2; }
html[data-theme="precision"] p { color: #46545f; font-size: .87rem; }
html[data-theme="precision"] .topic_header { margin: 0 0 16px; padding: 0 0 10px; border-bottom: 1px solid var(--rule-color); font-size: 1.12rem; font-weight: 720; letter-spacing: -.02em; }
html[data-theme="precision"] #publications > .topic_header { margin-top: 12px; }
html[data-theme="precision"] .year-group { display: grid; margin-top: 18px; grid-template-columns: 76px minmax(0, 1fr); gap: 0 14px; }
html[data-theme="precision"] .year_heading { position: sticky; top: 16px; width: auto; height: min-content; margin: 0; padding: 10px 0; border: 0; color: #607282; font: 700 .76rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .04em; }
html[data-theme="precision"] table.pub tr { grid-template-columns: 122px minmax(0, 1fr); margin: 0 0 10px; padding: 14px; border: 1px solid #e1e6ea; border-radius: 11px; background: #f8fafb; }
html[data-theme="precision"] img.special,
html[data-theme="precision"] table.pub video { width: 106px; height: 82px; border: 1px solid var(--image-border-color); border-radius: 7px; background: #e9eef1; }
html[data-theme="precision"] table.pub td.entry { padding: 0 0 0 7px; font-size: .79rem; line-height: 1.5; }
html[data-theme="precision"] table.pub td.entry b { font-size: .94rem; letter-spacing: -.006em; }
html[data-theme="precision"] .authors,
html[data-theme="precision"] .venue { color: #687783; font-size: .84em; }
html[data-theme="precision"] .venue { font-style: normal; font-weight: 600; }
html[data-theme="precision"] .callout { display: inline-block; margin-left: 8px; padding: 2px 6px; border: 1px solid #cfbb86; border-radius: 999px; font-size: .59rem; letter-spacing: .04em; text-transform: uppercase; }
html[data-theme="precision"] .button,
html[data-theme="precision"] .button-disabled { margin: 5px 5px 0 0; padding: 2px 7px; border: 1px solid #bdcad3; border-radius: 5px; font-size: .67rem; text-decoration: none; }
html[data-theme="precision"] .button-disabled { border-color: #e0e4e7; }

/* 2 — Modular Studio */
html[data-theme="studio"] {
  --text-color: #3b3a4a;
  --heading-color: #171525;
  --link-color: #5a48b8;
  --link-hover-color: #3d2d91;
  --callout-color: #8a4e36;
  --rule-color: #ddd9e9;
  --image-border-color: #d8d3e5;
}
html[data-theme="studio"] body { background: #f0eef7; }
html[data-theme="studio"] .site-shell { width: min(calc(100% - 48px), 1180px); padding: 24px 0 60px; }
html[data-theme="studio"] .site-header { padding: 28px 32px; border: 1px solid #ded9eb; border-radius: 20px; background: linear-gradient(135deg, #fff 0%, #f1edff 100%); gap: 23px; align-items: center; }
html[data-theme="studio"] .mainpic { width: 108px; height: 108px; border: 4px solid #fff; border-radius: 50%; box-shadow: 0 8px 25px rgba(69,53,127,.15); }
html[data-theme="studio"] .page_title { margin-bottom: 7px; font-size: 2.15rem; font-weight: 720; letter-spacing: -.04em; }
html[data-theme="studio"] .page_subtitle { margin-left: 0; color: #6e6882; font-size: .78rem; }
html[data-theme="studio"] .site-nav { margin: 12px 0 0; border: 1px solid #ded9e8; border-radius: 12px; background: rgba(255,255,255,.78); }
html[data-theme="studio"] .site-nav ul { padding: 7px 13px; gap: 8px 12px; }
html[data-theme="studio"] .site-nav a { padding: 4px 9px; border-radius: 6px; color: #4c417e; font-size: .72rem; text-decoration: none; }
html[data-theme="studio"] #bio { margin-top: 14px; padding: 27px 30px 12px; border: 1px solid #ded9e8; border-radius: 16px; background: #fff; }
html[data-theme="studio"] p { color: #555263; font-size: .86rem; }
html[data-theme="studio"] .topic_header { margin: 0 0 14px; padding: 0 0 10px; border-bottom: 1px solid var(--rule-color); font-size: 1.16rem; font-weight: 720; letter-spacing: -.02em; }
html[data-theme="studio"] #publications { margin-top: 26px; }
html[data-theme="studio"] #publications > .topic_header { margin: 0 0 22px; padding: 0; border: 0; font-size: 1.35rem; }
html[data-theme="studio"] .year-group { margin: 0 0 26px; }
html[data-theme="studio"] .year_heading { width: auto; margin: 0 0 9px; padding: 0; border: 0; color: #5a48b8; font: 720 .76rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
html[data-theme="studio"] table.pub tbody { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html[data-theme="studio"] table.pub tr { grid-template-columns: 98px minmax(0, 1fr); min-height: 142px; margin: 0; padding: 14px; border: 1px solid #dfdbe9; border-radius: 14px; background: rgba(255,255,255,.88); }
html[data-theme="studio"] table.pub tr:only-child { grid-column: auto; }
html[data-theme="studio"] img.special,
html[data-theme="studio"] table.pub video { width: 84px; height: 84px; border: 0; border-radius: 9px; background: #ece9f2; }
html[data-theme="studio"] table.pub td.entry { padding: 0 0 0 6px; font-size: .73rem; line-height: 1.44; }
html[data-theme="studio"] table.pub td.entry b { font-size: .86rem; }
html[data-theme="studio"] .authors,
html[data-theme="studio"] .venue { color: #716d7e; font-size: .81em; }
html[data-theme="studio"] .callout { display: inline-block; margin: 4px 0 0 6px; padding: 2px 5px; border-radius: 4px; background: #efe8dc; font-size: .55rem; letter-spacing: .03em; text-transform: uppercase; }
html[data-theme="studio"] .button,
html[data-theme="studio"] .button-disabled { margin: 5px 8px 0 0; padding: 0; font-size: .65rem; }

/* 3 — Midnight Lab */
html[data-theme="midnight"] {
  --text-color: #d4dae0;
  --heading-color: #f4f7f8;
  --link-color: #62d0c5;
  --link-hover-color: #8ee3db;
  --callout-color: #e0b667;
  --rule-color: #303a44;
  --image-border-color: #3b4853;
}
html[data-theme="midnight"] body { color-scheme: dark; background: #080d12; }
html[data-theme="midnight"] .site-shell { width: min(calc(100% - 48px), 1140px); padding: 28px 0 58px; }
html[data-theme="midnight"] .site-header { padding: 26px 28px; border: 1px solid #27323c; border-radius: 16px 16px 0 0; background: #111820; gap: 22px; align-items: center; }
html[data-theme="midnight"] .mainpic { width: 104px; height: 112px; border: 1px solid #3c4b57; border-radius: 11px; filter: saturate(.8); }
html[data-theme="midnight"] .page_title { margin-bottom: 7px; font-size: 2.05rem; font-weight: 720; letter-spacing: -.035em; }
html[data-theme="midnight"] .page_subtitle { margin-left: 0; color: #99a6b1; font-size: .78rem; }
html[data-theme="midnight"] .site-nav { margin: 0; border: 1px solid #27323c; border-top: 0; border-radius: 0 0 12px 12px; background: #0e151c; }
html[data-theme="midnight"] .site-nav ul { padding: 8px 28px; gap: 8px 24px; }
html[data-theme="midnight"] .site-nav a { font-size: .72rem; text-decoration: none; }
html[data-theme="midnight"] #bio { margin-top: 14px; padding: 27px 28px 11px; border: 1px solid #27323c; border-radius: 12px; background: #10171e; }
html[data-theme="midnight"] p { color: #b4bec7; font-size: .86rem; }
html[data-theme="midnight"] .topic_header { margin: 0 0 14px; padding: 0 0 10px; border-bottom: 1px solid var(--rule-color); font-size: 1.14rem; font-weight: 720; }
html[data-theme="midnight"] #publications > .topic_header { margin-top: 28px; }
html[data-theme="midnight"] .year-group { display: grid; margin-top: 12px; grid-template-columns: 75px minmax(0, 1fr); gap: 0 14px; }
html[data-theme="midnight"] .year_heading { position: sticky; top: 14px; width: auto; height: min-content; margin: 0; padding: 11px 0; border: 0; color: #62d0c5; font: 700 .73rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
html[data-theme="midnight"] table.pub tr { grid-template-columns: 120px minmax(0, 1fr); margin: 0 0 9px; padding: 13px; border: 1px solid #29343e; border-radius: 10px; background: #121a22; }
html[data-theme="midnight"] img.special,
html[data-theme="midnight"] table.pub video { width: 104px; height: 80px; border: 1px solid #3b4853; border-radius: 7px; background: #0b1015; filter: saturate(.84); }
html[data-theme="midnight"] table.pub td.entry { padding: 0 0 0 7px; color: #d4dae0; font-size: .78rem; line-height: 1.48; }
html[data-theme="midnight"] table.pub td.entry b { color: #f4f7f8; font-size: .92rem; }
html[data-theme="midnight"] .authors { color: #9da9b3; font-size: .82em; }
html[data-theme="midnight"] .venue { color: #7fa5ad; font: .78em/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; }
html[data-theme="midnight"] .callout { display: inline-block; margin-left: 8px; padding: 2px 6px; border: 1px solid #765f34; border-radius: 999px; font-size: .57rem; letter-spacing: .04em; text-transform: uppercase; }
html[data-theme="midnight"] .button,
html[data-theme="midnight"] .button-disabled { margin: 5px 5px 0 0; padding: 2px 7px; border: 1px solid #3b4d59; border-radius: 5px; font: 650 .64rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; text-decoration: none; }
html[data-theme="midnight"] .site-footer p { color: #82909b; }

/* 4 — Signal Grid */
html[data-theme="signal"] {
  --text-color: #303831;
  --heading-color: #101410;
  --link-color: #315f23;
  --link-hover-color: #1e4215;
  --callout-color: #6d5216;
  --rule-color: #d5dbd2;
  --image-border-color: #ced5cb;
}
html[data-theme="signal"] body { background: #eef1ec; }
html[data-theme="signal"] .site-shell { width: min(calc(100% - 48px), 1180px); padding: 24px 0 58px; }
html[data-theme="signal"] .site-header { padding: 28px 32px; border-radius: 15px 15px 0 0; color: #fff; background: #101410; gap: 23px; align-items: center; }
html[data-theme="signal"] .mainpic { width: 108px; height: 116px; border: 2px solid #76b900; border-radius: 10px; }
html[data-theme="signal"] .page_title { margin-bottom: 7px; color: #fff; font-size: 2.1rem; font-weight: 740; letter-spacing: -.04em; }
html[data-theme="signal"] .page_subtitle { margin-left: 0; color: #b9c2b6; font-size: .78rem; }
html[data-theme="signal"] .site-nav { margin: 0; border: 1px solid #d7ddd4; border-top: 4px solid #76b900; border-radius: 0 0 10px 10px; background: #fff; }
html[data-theme="signal"] .site-nav ul { padding: 8px 28px; }
html[data-theme="signal"] .site-nav a { color: #243323; font-size: .72rem; text-decoration: none; }
html[data-theme="signal"] #bio { margin-top: 14px; padding: 28px 30px 12px; border: 1px solid #d7ddd4; border-radius: 12px; background: #fff; }
html[data-theme="signal"] p { color: #4b574b; font-size: .86rem; }
html[data-theme="signal"] .topic_header { margin: 0 0 14px; padding: 0 0 10px; border-bottom: 1px solid var(--rule-color); font-size: 1.16rem; font-weight: 740; letter-spacing: -.02em; }
html[data-theme="signal"] #publications > .topic_header { margin-top: 28px; border-bottom: 3px solid #101410; }
html[data-theme="signal"] .year-group { display: grid; margin-top: 12px; grid-template-columns: 82px minmax(0, 1fr); gap: 0 13px; }
html[data-theme="signal"] .year_heading { width: 62px; height: min-content; margin: 0; padding: 8px 5px; border: 0; border-radius: 6px; color: #101410; background: #76b900; font: 760 .72rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; text-align: center; }
html[data-theme="signal"] table.pub tr { grid-template-columns: 120px minmax(0, 1fr); margin: 0 0 10px; padding: 13px; border: 1px solid #d8ded5; border-radius: 9px; background: #fff; }
html[data-theme="signal"] img.special,
html[data-theme="signal"] table.pub video { width: 104px; height: 80px; border: 0; border-radius: 6px; background: #edf0eb; }
html[data-theme="signal"] table.pub td.entry { padding: 0 0 0 7px; font-size: .78rem; line-height: 1.48; }
html[data-theme="signal"] table.pub td.entry b { font-size: .93rem; }
html[data-theme="signal"] .authors,
html[data-theme="signal"] .venue { color: #687468; font-size: .82em; }
html[data-theme="signal"] .callout { display: inline-block; margin-left: 8px; padding: 2px 6px; border-radius: 4px; color: #3f351d; background: #efe4c5; font-size: .57rem; letter-spacing: .04em; text-transform: uppercase; }
html[data-theme="signal"] .button,
html[data-theme="signal"] .button-disabled { margin: 5px 5px 0 0; padding: 2px 7px; border: 1px solid #b8c5b4; border-radius: 4px; font-size: .65rem; text-decoration: none; }

/* 5 — Split Profile */
html[data-theme="split"] {
  --text-color: #34434f;
  --heading-color: #10202c;
  --link-color: #24638e;
  --link-hover-color: #174765;
  --callout-color: #7d5a1d;
  --rule-color: #d8dfe4;
  --image-border-color: #ced7dd;
}
html[data-theme="split"] body { background: #dfe6eb; }
html[data-theme="split"] .site-shell { display: grid; width: min(calc(100% - 40px), 1220px); min-height: calc(100vh - 40px); margin-block: 20px; padding: 0; border-radius: 18px; background: #fff; box-shadow: 0 20px 55px rgba(25,45,60,.12); overflow: hidden; grid-template-columns: 255px minmax(0, 1fr); grid-template-rows: auto auto 1fr; align-items: start; }
html[data-theme="split"] .site-header { display: block; padding: 32px 28px 20px; color: #fff; background: #14293a; grid-column: 1; grid-row: 1; }
html[data-theme="split"] .mainpic { width: 120px; height: 132px; margin-bottom: 22px; border: 0; border-radius: 14px; }
html[data-theme="split"] .identity { padding: 0; }
html[data-theme="split"] .page_title { margin-bottom: 9px; color: #fff; font-size: 1.7rem; font-weight: 720; letter-spacing: -.035em; }
html[data-theme="split"] .page_subtitle { margin: 0 0 4px; color: #b9c8d3; font-size: .71rem; }
html[data-theme="split"] .site-nav { margin: 0; padding: 0 28px 32px; border: 0; background: #14293a; grid-column: 1; grid-row: 2; }
html[data-theme="split"] .site-nav ul { display: grid; padding: 5px 0 0; border-top: 1px solid #365064; gap: 0; }
html[data-theme="split"] .site-nav li { border-bottom: 1px solid #365064; }
html[data-theme="split"] .site-nav a { display: block; padding: 9px 0; color: #d2e0e9; font-size: .72rem; text-decoration: none; }
html[data-theme="split"] main { min-width: 0; padding: 17px 36px 54px; border-left: 1px solid #dbe2e7; grid-column: 2; grid-row: 1 / span 3; }
html[data-theme="split"] p { color: #4f5e69; font-size: .84rem; }
html[data-theme="split"] .topic_header { margin: 20px 0 14px; padding: 0 0 9px; border-bottom: 1px solid var(--rule-color); font-size: 1.14rem; font-weight: 720; }
html[data-theme="split"] .year-group { display: grid; margin-top: 10px; grid-template-columns: 68px minmax(0, 1fr); gap: 0 12px; }
html[data-theme="split"] .year_heading { position: sticky; top: 12px; width: auto; height: min-content; margin: 0; padding: 10px 0; border: 0; color: #35739d; font: 720 .72rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
html[data-theme="split"] table.pub tr { grid-template-columns: 112px minmax(0, 1fr); margin: 0 0 9px; padding: 12px; border: 1px solid #e0e5e8; border-radius: 9px; background: #f7f9fa; }
html[data-theme="split"] img.special,
html[data-theme="split"] table.pub video { width: 96px; height: 76px; border: 0; border-radius: 7px; background: #e8edf0; }
html[data-theme="split"] table.pub td.entry { padding: 0 0 0 7px; font-size: .76rem; line-height: 1.47; }
html[data-theme="split"] table.pub td.entry b { font-size: .9rem; }
html[data-theme="split"] .authors,
html[data-theme="split"] .venue { color: #697782; font-size: .82em; }
html[data-theme="split"] .callout { display: inline-block; margin-left: 7px; padding: 2px 5px; border: 1px solid #cfbd92; border-radius: 999px; font-size: .55rem; letter-spacing: .03em; text-transform: uppercase; }
html[data-theme="split"] .button,
html[data-theme="split"] .button-disabled { margin: 4px 5px 0 0; padding: 1px 6px; border: 1px solid #bdc9d1; border-radius: 4px; font-size: .63rem; text-decoration: none; }
html[data-theme="split"] .site-footer { margin: 0 36px 28px; border-top-width: 1px; grid-column: 2; }

/* 6 — Optical Layer */
html[data-theme="optical"] {
  --text-color: #344251;
  --heading-color: #111a2b;
  --link-color: #316ee8;
  --link-hover-color: #1f51b8;
  --callout-color: #7b4b58;
  --rule-color: rgba(88,105,135,.22);
  --image-border-color: rgba(72,91,122,.28);
}
html[data-theme="optical"] body {
  background:
    radial-gradient(circle at 13% 5%, rgba(77,137,255,.18), transparent 31rem),
    radial-gradient(circle at 88% 18%, rgba(122,86,216,.14), transparent 34rem),
    #edf2f6;
}
html[data-theme="optical"] .site-shell { width: min(calc(100% - 48px), 1160px); margin-block: 24px; padding: 24px 28px 58px; border: 1px solid rgba(255,255,255,.75); border-radius: 22px; background: rgba(255,255,255,.58); box-shadow: 0 24px 75px rgba(35,57,82,.12), inset 0 1px rgba(255,255,255,.8); backdrop-filter: blur(18px); }
html[data-theme="optical"] .site-header { padding: 18px 20px; border: 1px solid rgba(255,255,255,.78); border-radius: 16px; background: rgba(255,255,255,.5); gap: 22px; align-items: center; }
html[data-theme="optical"] .page_title { margin-bottom: 7px; font-size: 2.08rem; font-weight: 720; letter-spacing: -.04em; }
html[data-theme="optical"] .page_subtitle { margin-left: 0; color: #627185; font-size: .78rem; }
html[data-theme="optical"] .site-nav { margin: 10px 0 0; border: 1px solid rgba(255,255,255,.8); border-radius: 11px; background: rgba(255,255,255,.52); }
html[data-theme="optical"] .site-nav ul { padding: 7px 12px; gap: 6px 9px; }
html[data-theme="optical"] .site-nav a { padding: 4px 10px; border: 1px solid rgba(66,91,132,.17); border-radius: 6px; background: rgba(255,255,255,.38); font-size: .7rem; text-decoration: none; }
html[data-theme="optical"] #bio { margin-top: 12px; padding: 25px 27px 10px; border: 1px solid rgba(255,255,255,.8); border-radius: 14px; background: rgba(255,255,255,.48); }
html[data-theme="optical"] p { color: #526072; font-size: .86rem; }
html[data-theme="optical"] .topic_header { margin: 0 0 14px; padding: 0 0 10px; border-bottom: 1px solid rgba(80,101,134,.22); font-size: 1.15rem; font-weight: 720; }
html[data-theme="optical"] #publications > .topic_header { margin-top: 27px; }
html[data-theme="optical"] .year-group { display: grid; margin-top: 11px; grid-template-columns: 80px minmax(0, 1fr); gap: 0 14px; }
html[data-theme="optical"] .year_heading { position: sticky; top: 14px; width: 64px; height: min-content; margin: 0; padding: 8px 5px; border: 1px solid rgba(72,99,147,.21); border-radius: 8px; color: #315fbd; background: rgba(255,255,255,.45); font: 720 .7rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; text-align: center; backdrop-filter: blur(10px); }
html[data-theme="optical"] table.pub tr { grid-template-columns: 126px minmax(0, 1fr); margin: 0 0 11px; padding: 15px; border: 1px solid rgba(255,255,255,.9); border-radius: 13px; background: rgba(255,255,255,.54); box-shadow: inset 0 1px rgba(255,255,255,.85); }
html[data-theme="optical"] table.pub td.entry { padding: 0 0 0 9px; font-size: .78rem; line-height: 1.48; }
html[data-theme="optical"] table.pub td.entry b { font-size: .93rem; }
html[data-theme="optical"] .authors,
html[data-theme="optical"] .venue { color: #6d7887; font-size: .82em; }
html[data-theme="optical"] .callout { display: inline-block; margin-left: 7px; padding: 2px 6px; border: 1px solid rgba(138,84,99,.3); border-radius: 999px; background: rgba(255,242,245,.66); font-size: .56rem; letter-spacing: .04em; text-transform: uppercase; }
html[data-theme="optical"] .button,
html[data-theme="optical"] .button-disabled { margin: 5px 5px 0 0; padding: 2px 7px; border: 1px solid rgba(58,93,146,.24); border-radius: 6px; background: rgba(255,255,255,.34); font-size: .64rem; text-decoration: none; }

/* 7 — Blueprint Index */
html[data-theme="blueprint"] {
  --text-color: #303640;
  --heading-color: #101419;
  --link-color: #315bff;
  --link-hover-color: #173fd5;
  --callout-color: #7b5517;
  --rule-color: #d1d7dd;
  --image-border-color: #171b20;
}
html[data-theme="blueprint"] body {
  background:
    linear-gradient(rgba(49,91,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(49,91,255,.035) 1px, transparent 1px),
    #f5f6f6;
  background-size: 24px 24px;
}
html[data-theme="blueprint"] .site-shell { width: min(calc(100% - 48px), 1160px); padding: 30px 0 58px; }
html[data-theme="blueprint"] .site-header { display: grid; grid-template-columns: 150px 1fr; gap: 24px; align-items: center; }
html[data-theme="blueprint"] .page_title { margin-bottom: 6px; font-size: 2.2rem; font-weight: 760; letter-spacing: -.05em; }
html[data-theme="blueprint"] .page_subtitle { margin-left: 0; color: #68727d; font-size: .76rem; }
html[data-theme="blueprint"] .site-nav { margin: 20px 0 0; border-top: 2px solid #11151a; border-bottom: 1px solid #11151a; background: transparent; }
html[data-theme="blueprint"] .site-nav ul { padding: 7px 0; }
html[data-theme="blueprint"] .site-nav a { color: #171b20; font-size: .71rem; text-decoration: none; }
html[data-theme="blueprint"] #bio { display: grid; padding: 32px 0 22px; grid-template-columns: 145px minmax(0, 1fr); gap: 0 27px; }
html[data-theme="blueprint"] #bio .topic_header { grid-column: 1; grid-row: 1 / span 4; }
html[data-theme="blueprint"] #bio p { grid-column: 2; }
html[data-theme="blueprint"] p { color: #474f58; font-size: .86rem; }
html[data-theme="blueprint"] .topic_header { margin: 0 0 13px; padding: 0 0 9px; border-bottom: 2px solid #11151a; font-size: 1.12rem; font-weight: 760; letter-spacing: -.025em; }
html[data-theme="blueprint"] .year-group { display: grid; margin-top: 0; border-top: 1px solid #11151a; grid-template-columns: 80px minmax(0, 1fr); gap: 0 13px; }
html[data-theme="blueprint"] .year_heading { position: sticky; top: 12px; width: auto; height: min-content; margin: 0; padding: 15px 0; border: 0; color: #315bff; font: 760 .73rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
html[data-theme="blueprint"] table.pub tr { grid-template-columns: 126px minmax(0, 1fr); margin: 0; padding: 14px 0; border-bottom: 1px solid #cfd5da; }
html[data-theme="blueprint"] table.pub tr:hover { box-shadow: inset 3px 0 #315bff; }
html[data-theme="blueprint"] table.pub td.entry { padding: 0 0 0 9px; font-size: .78rem; line-height: 1.48; }
html[data-theme="blueprint"] table.pub td.entry b { font-size: .94rem; }
html[data-theme="blueprint"] .authors,
html[data-theme="blueprint"] .venue { color: #67717b; font-size: .82em; }
html[data-theme="blueprint"] .venue { font-style: normal; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
html[data-theme="blueprint"] .callout { display: inline-block; margin-left: 8px; padding: 1px 5px; border: 1px solid #a88138; font-size: .56rem; letter-spacing: .05em; text-transform: uppercase; }
html[data-theme="blueprint"] .button,
html[data-theme="blueprint"] .button-disabled { margin: 5px 11px 0 0; padding: 0; font: 680 .65rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; }

/* 8 — Dual-Rail */
html[data-theme="dualrail"] {
  --text-color: #35414a;
  --heading-color: #141b21;
  --link-color: #5046e5;
  --link-hover-color: #3329b9;
  --callout-color: #7d571b;
  --rule-color: #d8dde1;
  --image-border-color: #d0d7dc;
}
html[data-theme="dualrail"] body { background: #eceff2; }
html[data-theme="dualrail"] .site-shell { width: min(calc(100% - 44px), 1240px); margin-block: 22px; padding: 0 32px 56px; border: 1px solid #d7dde2; border-radius: 18px; background: #fbfbfc; box-shadow: 0 18px 50px rgba(31,45,58,.09); }
html[data-theme="dualrail"] .site-header { padding: 27px 0 22px; gap: 22px; align-items: center; }
html[data-theme="dualrail"] .page_title { margin-bottom: 7px; font-size: 2.05rem; font-weight: 730; letter-spacing: -.04em; }
html[data-theme="dualrail"] .page_subtitle { margin-left: 0; color: #66737d; font-size: .77rem; }
html[data-theme="dualrail"] .site-nav { margin: 0; border-top: 1px solid var(--rule-color); border-bottom: 1px solid var(--rule-color); background: transparent; }
html[data-theme="dualrail"] .site-nav ul { padding: 8px 0; }
html[data-theme="dualrail"] .site-nav a { font-size: .71rem; text-decoration: none; }
html[data-theme="dualrail"] main { display: grid; padding-top: 28px; grid-template-columns: 270px minmax(0, 1fr); gap: 34px; align-items: start; }
html[data-theme="dualrail"] #bio { position: sticky; top: 20px; padding: 22px 22px 8px; border: 1px solid #dde2e6; border-radius: 13px; background: #f2f4f5; }
html[data-theme="dualrail"] #publications { min-width: 0; }
html[data-theme="dualrail"] p { color: #53606a; font-size: .78rem; line-height: 1.55; }
html[data-theme="dualrail"] .topic_header { margin: 0 0 13px; padding: 0 0 9px; border-bottom: 1px solid var(--rule-color); font-size: 1.12rem; font-weight: 730; }
html[data-theme="dualrail"] .year-group { display: grid; margin-top: 10px; grid-template-columns: 68px minmax(0, 1fr); gap: 0 11px; }
html[data-theme="dualrail"] .year_heading { position: sticky; top: 18px; width: auto; height: min-content; margin: 0; padding: 10px 0; border: 0; color: #5046e5; font: 730 .69rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
html[data-theme="dualrail"] table.pub tr { grid-template-columns: 118px minmax(0, 1fr); margin: 0 0 8px; padding: 12px; border: 1px solid #e0e4e7; border-radius: 9px; background: #fff; }
html[data-theme="dualrail"] table.pub td.entry { padding: 0 0 0 7px; font-size: .74rem; line-height: 1.45; }
html[data-theme="dualrail"] table.pub td.entry b { font-size: .88rem; }
html[data-theme="dualrail"] .authors,
html[data-theme="dualrail"] .venue { color: #6c7780; font-size: .81em; }
html[data-theme="dualrail"] .callout { display: inline-block; margin-left: 7px; padding: 2px 5px; border: 1px solid #cfbd92; border-radius: 999px; font-size: .53rem; letter-spacing: .03em; text-transform: uppercase; }
html[data-theme="dualrail"] .button,
html[data-theme="dualrail"] .button-disabled { margin: 4px 5px 0 0; padding: 1px 6px; border: 1px solid #c5cbdc; border-radius: 4px; font-size: .61rem; text-decoration: none; }

/* Feedback round — six modular optical systems with compact metadata. */
html[data-theme="neural"] {
  --text-color: #33413f; --heading-color: #111b1a; --link-color: #2f7167; --link-hover-color: #1d4f48;
  --callout-color: #75562a; --rule-color: rgba(70,103,98,.18); --image-border-color: rgba(49,83,77,.24);
  --accent: #4a9184; --muted: #7a8987; --shell-bg: rgba(248,251,250,.46); --surface: rgba(255,255,255,.68);
  --tile: rgba(255,255,255,.82); --tile-border: rgba(66,111,103,.18); --tile-shadow: 0 10px 30px rgba(45,76,71,.055);
}
html[data-theme="neural"] body {
  background-color: #e9f0ee;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='360' viewBox='0 0 560 360'%3E%3Cg fill='none' stroke='%235b8d84' stroke-opacity='.36' stroke-width='1.2'%3E%3Cpath d='M18 74L122 28l91 74 106-51 96 75 126-68M42 278l92-86 116 61 91-92 93 82 104-42M122 28l12 164M213 102l37 151M319 51l22 110M415 126l19 117'/%3E%3C/g%3E%3Cg fill='%234e8178' fill-opacity='.58'%3E%3Ccircle cx='18' cy='74' r='3'/%3E%3Ccircle cx='122' cy='28' r='4'/%3E%3Ccircle cx='213' cy='102' r='3'/%3E%3Ccircle cx='319' cy='51' r='4'/%3E%3Ccircle cx='415' cy='126' r='3'/%3E%3Ccircle cx='541' cy='58' r='4'/%3E%3Ccircle cx='42' cy='278' r='3'/%3E%3Ccircle cx='134' cy='192' r='4'/%3E%3Ccircle cx='250' cy='253' r='3'/%3E%3Ccircle cx='341' cy='161' r='4'/%3E%3Ccircle cx='434' cy='243' r='3'/%3E%3Ccircle cx='538' cy='201' r='4'/%3E%3C/g%3E%3C/svg%3E"), radial-gradient(circle at 18% 0%, rgba(127,196,183,.25), transparent 30rem);
  background-size: 560px 360px, auto;
}

html[data-theme="triangulate"] {
  --text-color: #454143; --heading-color: #211d1f; --link-color: #7a2638; --link-hover-color: #551827;
  --callout-color: #7a2638; --rule-color: rgba(91,82,86,.24); --image-border-color: rgba(84,78,81,.28);
  --accent: #842c40; --muted: #827a7e; --shell-bg: rgba(244,243,243,.68); --surface: rgba(251,250,250,.88);
  --tile: rgba(255,255,255,.95); --tile-border: rgba(91,82,86,.18); --tile-shadow: 0 10px 28px rgba(55,48,51,.07);
}
html[data-theme="triangulate"] body {
  background-color: #e3e1e2;
  background-image: url("triangle-mesh.svg"), radial-gradient(circle at 82% 7%, rgba(90,84,87,.08), transparent 29rem);
  background-blend-mode: luminosity, normal;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}
html.mesh-animated[data-theme="triangulate"] body { background-image: radial-gradient(circle at 82% 7%, rgba(90,84,87,.08), transparent 29rem); }
html[data-theme="triangulate"] .mesh-canvas { position: fixed; inset: 0; z-index: 0; display: block; pointer-events: none; }
html[data-theme="triangulate"] .site-shell { position: relative; z-index: 1; }

html[data-theme="pixels"] {
  --text-color: #373f48; --heading-color: #111820; --link-color: #3e64a8; --link-hover-color: #28467c;
  --callout-color: #765329; --rule-color: rgba(79,91,108,.17); --image-border-color: rgba(64,77,95,.25);
  --accent: #5976a6; --muted: #7d858e; --shell-bg: rgba(249,250,251,.5); --surface: rgba(255,255,255,.74);
  --tile: rgba(255,255,255,.88); --tile-border: rgba(74,88,108,.17); --tile-shadow: 0 8px 24px rgba(45,56,70,.05);
}
html[data-theme="pixels"] body {
  background-color: #eef0f2;
  background-image: linear-gradient(90deg, rgba(63,92,135,.13) 1px, transparent 1px), linear-gradient(rgba(63,92,135,.13) 1px, transparent 1px), linear-gradient(90deg, transparent 75%, rgba(97,139,198,.15) 75%), linear-gradient(transparent 75%, rgba(97,139,198,.15) 75%);
  background-size: 20px 20px, 20px 20px, 80px 80px, 80px 80px;
}

html[data-theme="spectral"] {
  --text-color: #35404f; --heading-color: #121825; --link-color: #3e67c7; --link-hover-color: #274a9b;
  --callout-color: #7c5360; --rule-color: rgba(83,102,137,.18); --image-border-color: rgba(72,92,127,.23);
  --accent: #5f70cf; --muted: #7c8494; --shell-bg: rgba(247,249,253,.55); --surface: rgba(255,255,255,.46);
  --tile: rgba(255,255,255,.62); --tile-border: rgba(255,255,255,.84); --tile-shadow: inset 0 1px rgba(255,255,255,.86), 0 12px 34px rgba(49,63,95,.06);
}
html[data-theme="spectral"] body {
  background: radial-gradient(circle at 9% 8%, rgba(82,151,255,.2), transparent 29rem), radial-gradient(circle at 90% 18%, rgba(151,102,218,.15), transparent 31rem), radial-gradient(circle at 50% 78%, rgba(91,188,170,.13), transparent 34rem), #edf2f6;
}

html[data-theme="carbon"] {
  color-scheme: dark;
  --text-color: #d6dcda; --heading-color: #f4f7f6; --link-color: #8dc9b8; --link-hover-color: #b5e1d5;
  --callout-color: #d5b574; --rule-color: rgba(172,194,187,.16); --image-border-color: rgba(166,191,182,.25);
  --accent: #77aa9c; --muted: #899893; --shell-bg: rgba(15,20,20,.88); --surface: rgba(29,36,35,.72);
  --tile: rgba(27,34,33,.9); --tile-border: rgba(143,174,164,.17); --tile-shadow: 0 10px 28px rgba(0,0,0,.18);
}
html[data-theme="carbon"] body {
  background-color: #0d1111;
  background-image: radial-gradient(circle at 12% 5%, rgba(94,151,134,.13), transparent 27rem), linear-gradient(rgba(139,172,161,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(139,172,161,.035) 1px, transparent 1px);
  background-size: auto, 32px 32px, 32px 32px;
}

html[data-theme="lucid"] {
  --text-color: #35403d; --heading-color: #111a18; --link-color: #3d7163; --link-hover-color: #285448;
  --callout-color: #76572c; --rule-color: rgba(76,102,94,.17); --image-border-color: rgba(62,89,81,.23);
  --accent: #719d8e; --muted: #7b8783; --shell-bg: rgba(249,251,250,.78); --surface: rgba(255,255,255,.66);
  --tile: rgba(255,255,255,.9); --tile-border: rgba(73,111,99,.16); --tile-shadow: 0 9px 27px rgba(50,75,67,.045);
}
html[data-theme="lucid"] body {
  background: radial-gradient(circle at 86% 4%, rgba(113,157,142,.18), transparent 25rem), radial-gradient(circle at 8% 34%, rgba(140,165,194,.12), transparent 28rem), #eef2f0;
}

html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .site-shell {
  width: min(calc(100% - 48px), 1200px); margin-block: 24px; padding: 22px 26px 58px; border: 1px solid var(--tile-border); border-radius: 21px; background: var(--shell-bg); box-shadow: 0 24px 70px rgba(38,55,60,.1); backdrop-filter: blur(16px);
}
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"]) .site-shell { backdrop-filter: none; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .site-header {
  padding: 19px 21px; border: 1px solid var(--tile-border); border-radius: 15px; background: var(--surface); gap: 22px; align-items: center; backdrop-filter: blur(13px);
}
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .page_title { margin-bottom: 6px; font-size: 2.04rem; font-weight: 740; letter-spacing: -.045em; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .page_subtitle { margin-left: 0; color: var(--muted); font-size: .74rem; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .site-nav { margin: 9px 0 0; border: 1px solid var(--tile-border); border-radius: 10px; background: var(--surface); }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .site-nav ul { padding: 6px 12px; gap: 5px 10px; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .site-nav a { padding: 3px 9px; border-radius: 5px; color: var(--link-color); font-size: .67rem; text-decoration: none; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) #bio { margin-top: 11px; padding: 23px 25px 8px; border: 1px solid var(--tile-border); border-radius: 13px; background: var(--surface); backdrop-filter: blur(12px); }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) p { color: var(--text-color); font-size: .82rem; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .topic_header { margin: 0 0 13px; padding: 0 0 9px; border-bottom: 1px solid var(--rule-color); font-size: 1.12rem; font-weight: 730; letter-spacing: -.025em; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) #publications { margin-top: 24px; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) #publications > .topic_header { margin: 0 0 20px; padding: 0; border: 0; font-size: 1.31rem; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .year-group { margin: 0 0 24px; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .year_heading { width: auto; margin: 0 0 8px; padding: 0; border: 0; color: var(--accent); font: 730 .68rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .03em; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) table.pub tbody { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) table.pub tr { grid-template-columns: 112px minmax(0, 1fr); min-height: 139px; margin: 0; padding: 13px; border: 1px solid var(--tile-border); border-radius: 13px; background: var(--tile); box-shadow: var(--tile-shadow); backdrop-filter: blur(10px); }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) table.pub tr:only-child { grid-column: auto; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) img.special,
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) table.pub video { width: 100px; height: 100px; border-radius: 8px; background: var(--surface); }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) table.pub td.entry { padding: 0 0 0 5px; color: var(--text-color); font-size: .67rem; line-height: 1.4; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) table.pub td.entry b { color: var(--heading-color); font-size: .84rem; line-height: 1.28; letter-spacing: -.006em; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .authors { color: var(--muted); font-size: .76em; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .venue { color: var(--muted); font: italic .74em/1.35 Inter, "Segoe UI", sans-serif; opacity: .86; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .callout { display: inline-block; margin: 3px 0 0 6px; padding: 1px 5px; border: 1px solid color-mix(in srgb, var(--callout-color) 35%, transparent); border-radius: 999px; color: var(--callout-color); font-size: .5rem; letter-spacing: .04em; text-transform: uppercase; }
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .button,
html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .button-disabled { margin: 4px 7px 0 0; padding: 1px 5px; border: 1px solid var(--rule-color); border-radius: 5px; background: transparent; font-size: .57rem; text-decoration: none; }

html[data-theme="triangulate"] .year-group {
  margin: 0 0 36px;
  padding-top: 17px;
  border-top: 1px solid rgba(92,82,87,.32);
}
html[data-theme="triangulate"] .year_heading {
  margin: 0 0 13px;
  font-size: .86rem;
  letter-spacing: .08em;
}
html[data-theme="triangulate"] .page_subtitle { font-size: .84rem; }
html[data-theme="triangulate"] .site-nav a { font-size: .78rem; }
html[data-theme="triangulate"] p { font-size: .9rem; line-height: 1.55; }
html[data-theme="triangulate"] table.pub tr {
  min-height: 164px;
  padding: 15px;
  border: 0;
  border-radius: 0;
}
html[data-theme="triangulate"] table.pub td.entry {
  font-size: .78rem;
  line-height: 1.45;
}
html[data-theme="triangulate"] table.pub td.entry b {
  font-size: .92rem;
  line-height: 1.25;
}
html[data-theme="triangulate"] .authors {
  font-size: .75rem;
  line-height: 1.4;
}
html[data-theme="triangulate"] .venue {
  font-size: .73rem;
  line-height: 1.4;
}
html[data-theme="triangulate"] .callout { font-size: .56rem; }
html[data-theme="triangulate"] .button,
html[data-theme="triangulate"] .button-disabled {
  margin-top: 6px;
  padding: 2px 7px;
  font-size: .72rem;
}
html[data-theme="triangulate"] table.pub tr:hover {
  box-shadow: 0 13px 31px rgba(78,34,44,.085);
}
html[data-theme="triangulate"] .site-nav a:hover,
html[data-theme="triangulate"] .button:hover {
  color: #fff;
  border-color: #7a2638;
  background: #7a2638;
}

@media (max-width: 820px) {
  html[data-theme="studio"] table.pub tbody { grid-template-columns: 1fr; }
  html[data-theme="studio"] table.pub tr:only-child { grid-column: auto; }
  html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) table.pub tbody { grid-template-columns: 1fr; }
  html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) table.pub tr:only-child { grid-column: auto; }
  html[data-theme="dualrail"] main { grid-template-columns: 1fr; }
  html[data-theme="dualrail"] #bio { position: static; }
}

@media (max-width: 680px) {
  html[data-theme] .site-shell,
  html[data-theme="split"] .site-shell { display: block; width: min(calc(100% - 20px), 620px); margin-block: 10px; padding: 0 12px 38px; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
  html[data-theme] .site-header,
  html[data-theme="precision"] .site-header,
  html[data-theme="studio"] .site-header,
  html[data-theme="midnight"] .site-header,
  html[data-theme="signal"] .site-header,
  html[data-theme="split"] .site-header { display: grid; padding: 14px 0 16px; border: 0; border-radius: 0; color: var(--text-color); background: transparent; grid-template-columns: 88px minmax(0, 1fr); gap: 15px; align-items: center; }
  html[data-theme] .mainpic,
  html[data-theme="precision"] .mainpic,
  html[data-theme="studio"] .mainpic,
  html[data-theme="midnight"] .mainpic,
  html[data-theme="signal"] .mainpic,
  html[data-theme="split"] .mainpic { width: 88px; height: 100px; margin: 0; border: 0; border-radius: 10px; box-shadow: none; }
  html[data-theme] .page_title,
  html[data-theme="signal"] .page_title,
  html[data-theme="split"] .page_title { color: var(--heading-color); font-size: 1.55rem; }
  html[data-theme] .page_subtitle,
  html[data-theme="signal"] .page_subtitle,
  html[data-theme="split"] .page_subtitle { color: #687783; }
  html[data-theme] .site-nav,
  html[data-theme="precision"] .site-nav,
  html[data-theme="studio"] .site-nav,
  html[data-theme="midnight"] .site-nav,
  html[data-theme="signal"] .site-nav,
  html[data-theme="split"] .site-nav { display: block; margin: 0; padding: 0; border: 0; border-top: 1px solid var(--rule-color); border-bottom: 1px solid var(--rule-color); border-radius: 0; background: transparent; }
  html[data-theme] .site-nav ul,
  html[data-theme="split"] .site-nav ul { display: flex; padding: 6px 0; border: 0; gap: 5px 17px; }
  html[data-theme="split"] .site-nav li { border: 0; }
  html[data-theme="split"] .site-nav a { width: auto; padding: 3px 0; color: var(--link-color); }
  html[data-theme] main,
  html[data-theme="split"] main { padding: 0; border: 0; }
  html[data-theme] #bio,
  html[data-theme="precision"] #bio,
  html[data-theme="studio"] #bio,
  html[data-theme="midnight"] #bio,
  html[data-theme="signal"] #bio { display: block; margin-top: 0; padding: 26px 0 10px; border: 0; border-radius: 0; background: transparent; }
  html[data-theme] .year-group,
  html[data-theme="precision"] .year-group,
  html[data-theme="midnight"] .year-group,
  html[data-theme="signal"] .year-group,
  html[data-theme="split"] .year-group { display: block; margin-top: 23px; }
  html[data-theme] .year_heading,
  html[data-theme="precision"] .year_heading,
  html[data-theme="studio"] .year_heading,
  html[data-theme="midnight"] .year_heading,
  html[data-theme="signal"] .year_heading,
  html[data-theme="split"] .year_heading { position: static; width: 100%; padding: 0 0 7px; border: 0; border-bottom: 1px solid var(--rule-color); border-radius: 0; color: var(--link-color); background: transparent; text-align: left; }
  html[data-theme] table.pub tr,
  html[data-theme="studio"] table.pub tr { grid-template-columns: 82px minmax(0, 1fr); min-height: 0; padding: 11px 0; border: 0; border-bottom: 1px solid var(--rule-color); border-radius: 0; background: transparent; }
  html[data-theme] img.special,
  html[data-theme] table.pub video { width: 72px; height: 66px; border-radius: 6px; }
  html[data-theme="split"] .site-footer { margin-inline: 0; }
}

@media (max-width: 680px) {
  html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .site-shell { padding: 10px 12px 38px; background: var(--shell-bg); }
  html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .site-header { padding: 14px; border: 1px solid var(--tile-border); border-radius: 13px; background: var(--surface); }
  html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .page_subtitle { color: var(--muted); }
  html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) #bio { margin-top: 10px; padding: 21px 18px 8px; border: 1px solid var(--tile-border); border-radius: 12px; background: var(--surface); }
  html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) .year-group { margin: 22px 0 0; }
  html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) table.pub tbody { gap: 9px; }
  html:is([data-theme="neural"], [data-theme="triangulate"], [data-theme="pixels"], [data-theme="spectral"], [data-theme="carbon"], [data-theme="lucid"]) table.pub tr { min-height: 128px; padding: 12px; border: 1px solid var(--tile-border); border-radius: 11px; background: var(--tile); box-shadow: var(--tile-shadow); }
}

/* Media fidelity invariant: never crop or upscale the legacy raster assets. */
html[data-theme] .mainpic {
  width: 135px !important;
  height: 200px !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}
html[data-theme] img.special:not([src$="Patney_2026_RNF.png"]):not([src$="Munir_2026_SVE.png"]):not([src$="Aksit_2017_VV.png"]):not([src$="Ebeida_2014_EIH.png"]):not([src$="Tzeng_2011_EAT.svg"]) {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 1px solid var(--image-border-color);
  object-fit: none !important;
}
html[data-theme] table.pub video {
  width: 100px !important;
  height: 100px !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 1px solid var(--image-border-color);
  object-fit: none !important;
}
@media (max-width: 680px) {
  html[data-theme] .site-header { grid-template-columns: 135px minmax(0, 1fr) !important; }
  html[data-theme] table.pub tr { grid-template-columns: 110px minmax(0, 1fr) !important; }
}

/* Triangulated Glass uses flat, borderless geometry for every major panel at every viewport. */
html[data-theme="triangulate"] :is(.site-shell, .site-header, .site-nav, #bio, table.pub tr) {
  border: 0;
  border-radius: 0;
  outline: 0;
}
html[data-theme="triangulate"] table.pub :is(img.special, video) {
  border-radius: 0 !important;
}