/* Reading routes only. The public masthead and instruments keep their own rules. */
body[data-visual-system]:is(
  [data-ug-route="research.html"], [data-ug-route="engineering-notes.html"],
  [data-ug-route="learning.html"], [data-ug-route="services.html"],
  [data-ug-route="aramaic.html"], [data-ug-route="404.html"],
  [data-ug-route^="case-studies/"], [data-ug-route^="papers/"],
  [data-ug-route="piper.html"]
) {
  --body: #c8bdb3;
  --dim: #baaea3;
  --muted: #b0a297;
  --faint: #a99a90;
  --line-2: #594139;
  --trace: #e6cfc0;
  --trace-dim: #18110f;
  --dark: #100c0c;
  --font-mono: var(--ug-mono);
  --font-display: var(--ug-serif);
  --font-stencil: var(--ug-serif);
  font-size: 17px;
  line-height: 1.8;
}

body[data-visual-system]:is(.archive-page,.reading-page) .study-shell {
  max-width: 1160px;
}
body[data-visual-system]:is(.archive-page,.reading-page) main { min-width: 0; }
body[data-visual-system]:is(.archive-page,.reading-page) :is(h1,h2,h3,h4) {
  color: var(--ug-bone);
}
body[data-visual-system]:is(.archive-page,.reading-page) .study-hero h1 {
  margin: 20px 0 26px;
  max-width: 1000px;
}
body[data-visual-system]:is(.archive-page,.reading-page) .study-hero .lede {
  max-width: 66ch;
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 0;
}
body[data-visual-system]:is(.archive-page,.reading-page) .eyebrow {
  font: 11px/1.8 var(--ug-mono);
  letter-spacing: .09em;
  margin: 0 0 14px;
}
body[data-visual-system]:is(.archive-page,.reading-page) .study-meta {
  gap: 12px 26px;
  margin-top: 28px;
  font: 11px/1.8 var(--ug-mono);
  letter-spacing: .025em;
}
body[data-visual-system]:is(.archive-page,.reading-page) :where(.study-section) h2 {
  font: 400 clamp(32px,3.7vw,46px)/1.16 var(--ug-serif);
  letter-spacing: -.035em;
  margin: 8px 0 24px;
}
body[data-visual-system]:is(.archive-page,.reading-page) :where(.study-section) h3 {
  font: 400 25px/1.28 var(--ug-serif);
  letter-spacing: -.02em;
  margin: 27px 0 12px;
}
body[data-visual-system]:is(.archive-page,.reading-page) :where(.study-section) :is(p,li) {
  font-size: 17px;
  line-height: 1.8;
  color: var(--body);
  max-width: 72ch;
}
body[data-visual-system]:is(.archive-page,.reading-page) :where(.study-section) p {
  margin: 0 0 20px;
}
body[data-visual-system]:is(.archive-page,.reading-page) :where(.study-section) strong {
  color: var(--ug-bone);
}
body[data-visual-system]:is(.archive-page,.reading-page) .split {
  grid-template-columns: minmax(0,1fr) minmax(0,1.55fr);
  gap: 64px;
}
body[data-visual-system]:is(.archive-page,.reading-page) .split > * { min-width: 0; }
body[data-visual-system]:is(.archive-page,.reading-page) .callout {
  padding: 20px 24px;
  border: 1px solid #49342d;
  border-left: 2px solid #be6254;
  color: #c7b6a7;
  font-size: 15px;
  line-height: 1.8;
}
body[data-visual-system]:is(.archive-page,.reading-page) code {
  color: #e3cfc0;
  background: #211612;
  padding: 2px 5px;
  font-size: .86em;
  overflow-wrap: anywhere;
}
body[data-visual-system]:is(.archive-page,.reading-page) .page-index:not(.project-index) {
  gap: 12px 30px;
  padding: 18px 0;
  font: 12px/1.7 var(--ug-mono);
}
body[data-visual-system]:is(.archive-page,.reading-page) .page-index:not(.project-index) a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #c7b6a7;
  text-decoration: none;
}
body[data-visual-system]:is(.archive-page,.reading-page) .page-index a:hover {
  color: #f39180;
}
body[data-visual-system]:is(.archive-page,.reading-page) .study-actions {
  gap: 14px 20px;
  margin-top: 26px;
}
body[data-visual-system]:is(.archive-page,.reading-page) .study-button {
  min-height: 48px;
  padding: 13px 20px;
  font: 12px/1.6 var(--ug-mono);
  text-align: center;
}
body[data-visual-system]:is(.archive-page,.reading-page) .study-button:hover {
  background: #c65045;
  border-color: #c65045;
  color: #fff3e4;
}
body[data-visual-system]:is(.archive-page,.reading-page) .study-button.secondary:hover {
  color: #f1e0d1;
  background: #251512;
  border-color: #ba7868;
}
body[data-visual-system]:is(.archive-page,.reading-page) .audience-cta {
  padding: 44px 0;
  margin-top: 18px;
}
body[data-visual-system]:is(.archive-page,.reading-page) .archive-location {
  padding-top: 27px;
  font: 11px/1.8 var(--ug-mono);
  color: var(--ug-muted);
}
body[data-visual-system]:is(.archive-page,.reading-page) .study-footer {
  margin-top: 22px;
  line-height: 1.8;
  gap: 12px 28px;
}

/* Learning: an index of inspectable projects, followed by the private workflow. */
body[data-ug-route="learning.html"] .project-index {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0 60px;
  margin: 30px 0 22px;
  padding: 0;
  border: 0;
}
body[data-ug-route="learning.html"] .project-index article {
  min-width: 0;
  padding: 29px 0;
  border-top: 1px solid var(--ug-line);
}
body[data-ug-route="learning.html"] .project-index h3 {
  margin: 0 0 13px;
  font-size: 28px;
}
body[data-ug-route="learning.html"] .project-index h3 a { text-decoration: none; }
body[data-ug-route="learning.html"] .project-index article p:first-of-type {
  color: #cd9786;
  font: 11px/1.7 var(--ug-mono);
  margin: 0 0 14px;
}
body[data-ug-route="learning.html"] .project-index article p:last-child {
  font: 16px/1.8 var(--ug-sans);
  margin: 0;
}
body[data-ug-route="404.html"] .study-hero {
  min-height: 55vh;
  padding-block: 75px;
}

/* Earlier investigations: keep the historical results and qualifications legible. */
body[data-visual-system][data-ug-route="research.html"] {
  --ink: var(--ug-black);
  --ink-2: #211512;
  --paper: var(--ug-bone);
  --panel: #15100e;
  --signal: #d47766;
  --signal-dim: #2d1714;
}
body[data-visual-system][data-ug-route="research.html"] .rs-wrap {
  width: 100%;
  max-width: 840px;
  padding-inline: 0;
  margin-inline: auto;
}
body[data-visual-system][data-ug-route="research.html"] .rs-hero h1 {
  text-transform: none;
  margin: 20px 0 26px;
}
body[data-visual-system][data-ug-route="research.html"] article.rs {
  padding-block: 56px;
}
body[data-visual-system][data-ug-route="research.html"] article.rs h2 {
  font: 400 clamp(34px,4vw,46px)/1.15 var(--ug-serif);
  letter-spacing: -.035em;
  margin: 12px 0 18px;
}
body[data-visual-system][data-ug-route="research.html"] article.rs h3 {
  font: 400 26px/1.3 var(--ug-serif);
  margin: 34px 0 16px;
}
body[data-visual-system][data-ug-route="research.html"] article.rs p {
  font: 17px/1.85 var(--ug-sans);
  color: var(--body);
  margin: 0 0 22px;
}
body[data-visual-system][data-ug-route="research.html"] .rs-kicker {
  font: 11px/1.7 var(--ug-mono);
  letter-spacing: .08em;
  color: #d47766;
}
body[data-visual-system][data-ug-route="research.html"] .rs-meta {
  font: 11px/1.8 var(--ug-mono);
  gap: 6px 22px;
  margin: 0 0 28px;
}
body[data-visual-system][data-ug-route="research.html"] :is(.rs-key,.rs-method) {
  border: 1px solid #49352e;
  border-left: 2px solid #ba6555;
  border-radius: 0;
  background: #15100e;
  padding: 25px 28px;
  margin: 28px 0;
}
body[data-visual-system][data-ug-route="research.html"] :is(.rs-key,.rs-method) h4 {
  font: 11px/1.7 var(--ug-mono);
  letter-spacing: .07em;
  color: #d6a38f;
  margin: 0 0 16px;
}
body[data-visual-system][data-ug-route="research.html"] .rs-key ul { gap: 14px; }
body[data-visual-system][data-ug-route="research.html"] .rs-key li {
  font-size: 16px;
  line-height: 1.8;
  padding-left: 18px;
}
body[data-visual-system][data-ug-route="research.html"] .rs-key li::before { color: #d47766; }
body[data-visual-system][data-ug-route="research.html"] .rs-method p {
  font-size: 15px;
  margin-bottom: 14px;
}
body[data-visual-system][data-ug-route="research.html"] .rs-method p:last-child { margin-bottom: 0; }
body[data-visual-system][data-ug-route="research.html"] .rs-figs {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 0;
  border-block: 1px solid #4c342c;
  margin: 28px 0;
}
body[data-visual-system][data-ug-route="research.html"] .rs-fig {
  min-width: 0;
  border: 0;
  border-right: 1px solid var(--ug-line);
  padding: 24px 16px;
  border-radius: 0;
  background: transparent;
}
body[data-visual-system][data-ug-route="research.html"] .rs-fig:last-child { border-right: 0; }
body[data-visual-system][data-ug-route="research.html"] .rs-fig b {
  font: 400 clamp(24px,2.5vw,34px)/1.2 var(--ug-serif);
  color: var(--ug-bone);
  overflow-wrap: anywhere;
}
body[data-visual-system][data-ug-route="research.html"] .rs-fig span {
  font: 11px/1.65 var(--ug-mono);
  text-transform: none;
  letter-spacing: 0;
  margin-top: 12px;
}
body[data-visual-system][data-ug-route="research.html"] .rs-scroll { border-color: #4c342c; }
body[data-visual-system][data-ug-route="research.html"] .rs-table {
  min-width: 520px;
  margin: 0;
  font-size: 15px;
}
body[data-visual-system][data-ug-route="research.html"] .rs-table th {
  font: 11px/1.7 var(--ug-mono);
  color: #bda99a;
  letter-spacing: .025em;
  background: #19110f;
}
body[data-visual-system][data-ug-route="research.html"] .rs-table :is(th,td) {
  padding: 18px 16px;
  border-color: var(--ug-line);
}
body[data-visual-system][data-ug-route="research.html"] .rs-table td:first-child { font-size: 12px; }
body[data-visual-system][data-ug-route="research.html"] .rs-steps { gap: 22px; }
body[data-visual-system][data-ug-route="research.html"] .rs-steps li {
  font-size: 16px;
  line-height: 1.8;
  padding-left: 43px;
}
body[data-visual-system][data-ug-route="research.html"] .rs-steps li::before {
  background: #2f1814;
  color: #e5b29b;
  border: 1px solid #8b4b3e;
  border-radius: 0;
  width: 27px;
  height: 27px;
  font-size: 12px;
}

/* Language study: the script and answer states remain the visual focus. */
body[data-ug-route="aramaic.html"] .letter-grid { gap: 9px; margin-block: 28px; }
body[data-ug-route="aramaic.html"] .letter-grid button {
  background: #15100e;
  color: var(--ug-bone);
  border-color: #4b362d;
  min-height: 94px;
}
body[data-ug-route="aramaic.html"] .letter-grid button[aria-pressed="true"],
body[data-ug-route="aramaic.html"] .letter-grid button:hover {
  background: #301914;
  border-color: #c67761;
}
body[data-ug-route="aramaic.html"] .letter-grid b { font-size: 44px; }
body[data-ug-route="aramaic.html"] .letter-grid small {
  font: 11px/1.5 var(--ug-mono);
  color: #c9b4a3;
}
body[data-ug-route="aramaic.html"] .letter-detail {
  background: #19110e;
  border: 1px solid #50382e;
  border-top: 2px solid #aa6550;
  padding: 24px 28px;
  margin-bottom: 24px;
}
body[data-ug-route="aramaic.html"] .letter-detail p { margin-bottom: 0; }
body[data-ug-route="aramaic.html"] .vocab { gap: 20px; margin: 28px 0; }
body[data-ug-route="aramaic.html"] .vocab article {
  padding: 26px 22px;
  background: #140f0c;
  border-color: #48342b;
  min-width: 0;
}
body[data-ug-route="aramaic.html"] .vocab h3 { margin: 18px 0 10px; }
body[data-ug-route="aramaic.html"] .vocab p { font: 14px/1.8 var(--ug-mono); }
body[data-ug-route="aramaic.html"] .vocab a { display: inline-block; font-size: 13px; min-height: 44px; padding-top: 9px; }
body[data-ug-route="aramaic.html"] .quiz {
  max-width: 840px;
  background: #15100e;
  border-color: #5d3d31;
  padding: 30px;
  margin-top: 28px;
}
body[data-ug-route="aramaic.html"] .quiz h3 { margin-top: 15px; font-size: 28px; }
body[data-ug-route="aramaic.html"] .quiz-choices button {
  background: #211511;
  color: #eadccd;
  border-color: #755141;
  min-height: 54px;
  font-size: 16px;
  line-height: 1.6;
}
body[data-ug-route="aramaic.html"] .quiz-choices button[data-result="correct"] {
  background: #1d2920;
  border-color: #a2b28d;
  color: #dfebcc;
}
body[data-ug-route="aramaic.html"] .quiz-choices button[data-result="incorrect"] {
  background: #331814;
  border-color: #d88871;
}
body[data-ug-route="aramaic.html"] .quiz-status { font-size: 16px; min-height: 60px; }
body[data-ug-route="aramaic.html"] .source-list { padding-left: 23px; }
body[data-ug-route="aramaic.html"] .source-list li { font-size: 15px; margin-bottom: 18px; }

/* Small-business route: useful examples, comparable scope, one readable inquiry. */
body[data-visual-system][data-ug-route="services.html"] {
  --paper: var(--ug-black);
  --ink: var(--ug-bone);
  --text: var(--ug-bone);
  --panel: #15100e;
  --teal: #bf5143;
  --teal-deep: #d88c72;
  --gold: #d0a384;
}
body[data-visual-system][data-ug-route="services.html"] :is(.wrap,.hero) {
  width: min(1160px,calc(100% - 96px));
  max-width: 1160px;
  margin-inline: auto;
  padding-inline: 0;
}
body[data-ug-route="services.html"] .archive-location {
  padding-top: 26px;
  color: var(--ug-muted);
  font: 11px/1.8 var(--ug-mono);
}
body[data-visual-system][data-ug-route="services.html"] .hero {
  background: transparent;
  text-align: left;
  padding-block: 58px 48px;
  border-bottom: 1px solid var(--ug-line);
}
body[data-ug-route="services.html"] .hero .kicker {
  margin-bottom: 20px;
  font: 11px/1.8 var(--ug-mono);
  color: #d6a18a;
  letter-spacing: .08em;
}
body[data-ug-route="services.html"] .hero h1 { margin: 0; max-width: 880px; }
body[data-visual-system][data-ug-route="services.html"] .hero p.sub {
  font-size: 18px;
  line-height: 1.8;
  color: var(--body);
  max-width: 63ch;
  margin: 25px 0 0;
}
body[data-ug-route="services.html"] .hero-cta { justify-content: flex-start; margin-top: 30px; gap: 16px; }
body[data-visual-system][data-ug-route="services.html"] :is(.btn,.tier .btn) {
  font: 12px/1.6 var(--ug-mono);
  min-height: 49px;
  padding: 14px 20px;
  border-radius: 0;
}
body[data-visual-system][data-ug-route="services.html"] .btn-teal {
  color: #fff1df;
  background: #ae4235;
  border: 1px solid #ae4235;
}
body[data-visual-system][data-ug-route="services.html"] .btn-teal:hover {
  color: #fff6e8;
  background: #c55945;
  border-color: #c55945;
}
body[data-ug-route="services.html"] .btn-ghost { color: #e1cbb8; border-color: #765141; }
body[data-ug-route="services.html"] section { padding-block: 56px; }
body[data-ug-route="services.html"] section.alt {
  background: #15100e;
  border-block: 1px solid #38291f;
}
body[data-visual-system][data-ug-route="services.html"] h2 {
  font: 400 clamp(34px,3.8vw,46px)/1.16 var(--ug-serif);
  color: var(--ug-bone);
  letter-spacing: -.035em;
  text-align: left;
  margin: 0 0 16px;
}
body[data-ug-route="services.html"] .sub2 {
  text-align: left;
  max-width: 68ch;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 32px;
  color: var(--body);
}
body[data-ug-route="services.html"] .proof-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
body[data-visual-system][data-ug-route="services.html"] .proof {
  background: transparent;
  border: 0;
  border-top: 1px solid #654536;
  padding: 24px 0 0;
  min-width: 0;
}
body[data-ug-route="services.html"] .proof strong { font: 400 25px/1.3 var(--ug-serif); margin-bottom: 13px; }
body[data-ug-route="services.html"] .proof span { font-size: 15px; line-height: 1.8; color: var(--body); margin-bottom: 15px; }
body[data-ug-route="services.html"] .proof a { font: 12px/1.7 var(--ug-mono); color: #d6a18a; display: inline-block; min-height: 44px; padding-block: 8px; }
body[data-ug-route="services.html"] .tiers { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
body[data-visual-system][data-ug-route="services.html"] .tier {
  background: #100c0a;
  border: 1px solid #553b2e;
  border-top: 2px solid #a96348;
  padding: 29px 27px;
  box-shadow: none;
  min-width: 0;
}
body[data-ug-route="services.html"] .tier.feature { background: #1c120e; border-color: #936249; }
body[data-ug-route="services.html"] .tier h3 { font: 400 29px/1.3 var(--ug-serif); color: var(--ug-bone); }
body[data-visual-system][data-ug-route="services.html"] .tier .price {
  font: 400 46px/1.25 var(--ug-serif);
  color: #eed9bf;
  margin: 16px 0 8px;
}
body[data-ug-route="services.html"] .tier .per { color: #c6a78f; font: 11px/1.8 var(--ug-mono); margin-bottom: 25px; }
body[data-ug-route="services.html"] .tier ul { margin-bottom: 28px; }
body[data-ug-route="services.html"] .tier li {
  font-size: 15px;
  line-height: 1.8;
  padding: 12px 0 12px 20px;
  border-bottom: 1px solid #3b291f;
  color: #c9b9a9;
}
body[data-ug-route="services.html"] .tier li::before { color: #d29a79; }
body[data-ug-route="services.html"] .handoff-summary { max-width: 800px; }
body[data-ug-route="services.html"] .handoff-summary .eyebrow { font: 11px/1.8 var(--ug-mono); color: #d6a18a; margin-bottom: 15px; }
body[data-ug-route="services.html"] .own { margin: 0 0 20px; max-width: 66ch; text-align: left; font-size: 18px; color: var(--body); }
body[data-ug-route="services.html"] .handoff-summary .sub2 { margin-bottom: 0; font-size: 14px; color: var(--ug-muted); }
body[data-visual-system][data-ug-route="services.html"] .lead-card {
  max-width: 800px;
  margin-inline: 0;
  padding: 39px;
  background: #100c0a;
  border: 1px solid #725040;
  border-top: 2px solid #b36d4e;
  border-radius: 0;
}
body[data-ug-route="services.html"] .inquiry-intro { font-size: 16px; line-height: 1.8; margin: 0 0 24px; }
body[data-ug-route="services.html"] .lead-card p:not(.lead-status) { color: #c4b3a2!important; }
body[data-ug-route="services.html"] .lead-form .row { gap: 22px; }
body[data-ug-route="services.html"] .lead-form label { color: #e1c9b5; font-size: 14px; margin: 19px 0 8px; }
body[data-visual-system][data-ug-route="services.html"] .lead-form :is(input,textarea,select) {
  color: #f0dfcb;
  background: #21150f;
  border: 1px solid #79533c;
  padding: 13px 14px;
  min-height: 49px;
  font: 16px/1.6 var(--ug-sans);
  border-radius: 0;
  color-scheme: dark;
}
body[data-ug-route="services.html"] .lead-form textarea { min-height: 140px; }
body[data-visual-system][data-ug-route="services.html"] .lead-form :is(input,textarea,select):focus-visible {
  outline: 2px solid #e5a080;
  outline-offset: 4px;
  border-color: #e5a080;
}
body[data-ug-route="services.html"] .lead-card #lf-email-fallback { color: #e3ab85!important; }
body[data-ug-route="services.html"] .lead-status { font-size: 15px; line-height: 1.8; font-style: normal; text-align: left; }
body[data-ug-route="services.html"] .lead-status.ok { color: #c9d8b5; }
body[data-ug-route="services.html"] .lead-status.err { color: #f0b49b; }
body[data-ug-route="services.html"] > footer {
  width: min(1160px,calc(100% - 96px));
  margin-inline: auto;
  padding: 28px 0 36px;
  font: 12px/1.9 var(--ug-mono);
  color: #ad9887;
  text-align: left;
}

/* Case studies and papers share a reading rail and measurable artifacts. */
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) {
  --paper: var(--ug-black);
  --panel: #15100e;
  --green: #c4d1ad;
  --accent-text: #dc9782;
  --orange: #c36a53;
}
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.hero,.cover) {
  padding-block: 62px 43px;
  border-bottom: 1px solid var(--ug-line);
  margin-bottom: 30px;
}
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.hero,.cover)::before { display: none; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .hero-grid {
  grid-template-columns: minmax(0,1fr) 245px;
  gap: 64px;
}
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .hero .deck {
  font-size: 18px;
  line-height: 1.8;
  max-width: 64ch;
  margin-top: 26px;
}
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .hero-meta { border-color: #6d4a3d; padding-top: 18px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .hero-meta div { font-size: 11px; gap: 20px; margin-bottom: 16px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.article-layout,.paper-grid) {
  grid-template-columns: 190px minmax(0,1fr);
  gap: 72px;
  margin-top: 44px;
}
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.article-layout>article,.paper-grid>article) { max-width: 800px; min-width: 0; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.sidebar-inner,.paper-grid>aside) { top: 35px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.side-heading,.edition>span) { font: 11px/1.8 var(--ug-mono); color: #dba488; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.contents a,.paper-grid>aside a) { font: 12px/1.8 var(--ug-mono); color: #c3b0a0; min-height: 44px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .contents span { font-size: 11px; color: #d68f73; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.sidebar-note,.edition) { background: transparent; font-size: 12px; line-height: 1.85; color: #ad9987; padding: 20px 0 0; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.article-section,.paper-grid>article>section) { margin-bottom: 47px; padding-bottom: 0; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .paper-grid>article>section { padding-bottom: 45px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) article :is(p,li) { font: 17px/1.85 var(--ug-sans); color: var(--body); }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) article p { margin-bottom: 22px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) article strong { color: var(--ug-bone); }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) article h2 { font: 400 clamp(32px,3.5vw,43px)/1.17 var(--ug-serif); letter-spacing: -.03em; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) article h3 { font: 400 25px/1.3 var(--ug-serif); margin-top: 27px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) article .eyebrow { font: 11px/1.8 var(--ug-mono); color: #dca183; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .artifact-hero { margin-bottom: 42px; border-color: #664335; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .artifact-cell { padding: 27px 25px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.artifact-label,.artifact-note) { font-size: 11px; line-height: 1.75; letter-spacing: .025em; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .artifact-value { font-size: clamp(28px,3.1vw,42px); }
body[data-visual-system][data-ug-route="case-studies/livecontainer-readiness.html"] .artifact-value { font-size: clamp(25px,2.6vw,34px); }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.proof,.file-anatomy) { padding: 24px; background: #15100d; border-color: #5a3c2f; margin-block: 25px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) details summary { font-size: 16px; line-height: 1.8; padding-block: 11px; min-height: 44px; color: #e2cab5; cursor: pointer; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) details[open] summary { margin-bottom: 18px; border-bottom: 1px solid #493023; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) code { color: #e5cbb3; background: #24170f; font-size: .85em; padding: 2px 5px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) pre { background: #100c0a; color: #dfd2c0; font: 13px/1.85 var(--ug-mono); border: 0; padding: 23px; scrollbar-color: #8a6650 #100c0a; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) pre code { font: inherit; color: inherit; padding: 0; background: transparent; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .code-caption { font-size: 11px; letter-spacing: .025em; color: #d4b79d; background: #19110c; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.code-comment,.code-caption .right) { color: #b09a87; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .code-add { color: #c0d4a5; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .code-remove { color: #efab91; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .evidence-table { border-color: #503529; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .evidence-table table { font-size: 13px; line-height: 1.8; min-width: 470px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .evidence-table :is(caption,th) { font-size: 11px; background: #1b120d; color: #c9b09a; letter-spacing: .025em; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .evidence-table tbody tr:nth-child(even) { background: #15100c; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .evidence-table :is(th,td) { padding: 16px 18px; border-color: #38271c; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .finding { background: transparent; border-left: 2px solid #b36b4d; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .finding p { font: 400 28px/1.45 var(--ug-serif); color: #eee0cc; margin: 0; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .limitations { border-color: #54372a; padding: 25px 28px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .limitations .label { font: 11px/1.7 var(--ug-mono); color: #dba07f; margin-bottom: 15px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .limitations p:last-child { font-size: 15px; margin: 0; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .actions a { font-size: 12px; min-height: 49px; letter-spacing: 0; border-color: #79503b; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .actions a.primary:hover { color: #fff1dc; background: #c2513d; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.test-list li,.sources li) { font-size: 15px; line-height: 1.85; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .sources h3 { font: 11px/1.8 var(--ug-mono); letter-spacing: .04em; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .next-study { border-color: #694532; padding-block: 32px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .next-study .label { font-size: 11px; margin-bottom: 14px; }
body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) footer:not(.ug-masthead) { font-size: 11px; line-height: 1.8; gap: 18px 30px; padding-block: 30px; }

/* The methods paper retains its working examples and a useful print view. */
body[data-visual-system][data-ug-route="papers/research-methods.html"] :is(main,footer) { width: min(1160px,calc(100% - 96px)); max-width: 1160px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .cover h1 { font: 400 clamp(58px,7vw,96px)/1.02 var(--ug-serif); letter-spacing: -.05em; margin: 20px 0 28px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .cover em { color: #d58067; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .standfirst { font: 20px/1.7 var(--ug-sans); color: #c6b19d; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .meta { font: 11px/1.8 var(--ug-mono); margin-top: 33px; border-color: #563829; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .meta button { min-height: 44px; color: #ddae8c; border-color: #8a5b3f; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment { background: #15100c; border-color: #63402d; padding: 28px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment-head { font: 11px/1.8 var(--ug-mono); color: #c1a288; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment label { color: #ddc6ad; font-size: 16px; gap: 20px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment output { color: #e4ad86; font-size: 14px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment input[type="range"] { min-height: 44px; accent-color: #cb7c57; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment input[type="checkbox"] { accent-color: #cb7c57; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment svg text { fill: #c5ad96; font-size: 11px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] :is(#gap-path,#gap-point) { stroke: #d89467; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] #gap-point { fill: #100c08; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .readouts small { font: 11px/1.7 var(--ug-mono); color: #b8a18b; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .readouts strong { font: 400 32px/1.4 var(--ug-serif); color: #e8be92; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment p { font-size: 15px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .limit { font-size: 13px; color: #bba48e; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .equation { background: #e3d0b7; color: #231810; padding: 30px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .equation strong { color: #231810; font-size: 32px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .equation em { color: #803c28; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .equation p { color: #4e3b2a; font-size: 15px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] :is(.protocol-list b,.method-cards b) { color: #dba37a; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .protocol-list li { font-size: 15px; gap: 25px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] .method-cards p { font-size: 15px; }
body[data-visual-system][data-ug-route="papers/research-methods.html"] :is(.references li,.references p,.small) { font-size: 14px; }

/* Music has its own imagery and invitation within the shared warm-dark palette. */
body[data-visual-system][data-ug-route="piper.html"] {
  --paper: #efe1ce;
  --ink: #efe1ce;
  --green: #281a12;
  --muted: #c2ad96;
  --line: #59412e;
  --copper: #d2986e;
  --serif: var(--ug-serif);
  --sans: var(--ug-sans);
}
body[data-visual-system][data-ug-route="piper.html"] .wrap { width: min(1160px,calc(100% - 96px)); }
body[data-visual-system][data-ug-route="piper.html"] .hero {
  grid-template-columns: minmax(0,1.12fr) minmax(0,1fr);
  gap: 40px 70px;
  padding-block: 60px 32px;
}
body[data-ug-route="piper.html"] .hero-copy { padding-block: 16px; }
body[data-visual-system][data-ug-route="piper.html"] .hero h1 { margin: 0; line-height: 1.04!important; }
body[data-ug-route="piper.html"] .eyebrow { color: #d9af87; font: 11px/1.8 var(--ug-mono); letter-spacing: .08em; }
body[data-ug-route="piper.html"] .intro-copy { font: 18px/1.8 var(--ug-sans); color: #c7b39c; max-width: 38ch; }
body[data-visual-system][data-ug-route="piper.html"] .hero-photo > img {
  height: 610px;
  width: 100%;
  object-fit: cover;
  object-position: 50% 67%;
  border-radius: 42% 42% 0 0;
  border: 1px solid #805c3c;
}
body[data-ug-route="piper.html"] .hero-photo figcaption { color: #c4a686; font: 11px/1.8 var(--ug-mono); letter-spacing: .03em; }
body[data-ug-route="piper.html"] .photo-expand { background: #20180fed; color: #f1ddc2; border-color: #d3ac7c; }
body[data-ug-route="piper.html"] .hero-note { border-color: #63472f; margin-top: 32px; }
body[data-ug-route="piper.html"] .hero-note > span { font: 11px/1.8 var(--ug-mono); color: #bfa386; letter-spacing: .02em; }
body[data-ug-route="piper.html"] .hero-index { font: 11px/1.7 var(--ug-mono); color: #ad9176; letter-spacing: .03em; }
body[data-visual-system][data-ug-route="piper.html"] .button {
  color: #fff0d7;
  background: #975637;
  border-color: #b77650;
  padding: 15px 22px;
  min-height: 53px;
  font: 13px/1.7 var(--ug-mono);
}
body[data-ug-route="piper.html"] .button:hover { background: #b5714c; transform: none; }
body[data-ug-route="piper.html"] .occasion-band { background: #1c140e; border-block: 1px solid #68492e; padding-block: 27px; }
body[data-ug-route="piper.html"] .occasion-band span { color: #e4c8a5; font-size: 29px; }
body[data-ug-route="piper.html"] .occasion-band p { color: #c3a789; font: 11px/1.8 var(--ug-mono); letter-spacing: .025em; }
body[data-ug-route="piper.html"] .section { padding-block: 75px; }
body[data-ug-route="piper.html"] h2 { font: 400 clamp(41px,4.5vw,62px)/1.1 var(--ug-serif); letter-spacing: -.035em; }
body[data-ug-route="piper.html"] h2 em { color: #d2986e; }
body[data-ug-route="piper.html"] .section-heading { gap: 50px; margin-bottom: 36px; }
body[data-ug-route="piper.html"] .section-heading>div>p { color: #c2ad96; font-size: 17px; }
body[data-ug-route="piper.html"] .occasion-list article { border-color: #503a29; padding-block: 29px; }
body[data-ug-route="piper.html"] .occasion-list article:hover { padding-inline: 0; }
body[data-ug-route="piper.html"] .occasion-list h3 { font-size: 33px; color: #ebd6b9; }
body[data-ug-route="piper.html"] .occasion-list p { color: #c2ad96; font-size: 17px; line-height: 1.8; }
body[data-ug-route="piper.html"] .occasion-detail { color: #b99a7a; font: 11px/1.7 var(--ug-mono); letter-spacing: .05em; }
body[data-ug-route="piper.html"] .about { background: #19130e; border-block: 1px solid #533c29; padding-block: 70px; }
body[data-ug-route="piper.html"] .about-grid { gap: 70px; }
body[data-ug-route="piper.html"] .about-mark svg { stroke: #b39269; }
body[data-ug-route="piper.html"] .about-mark span { color: #b99a7a; font: 11px/1.8 var(--ug-mono); letter-spacing: .04em; }
body[data-ug-route="piper.html"] .about p:not(.eyebrow) { color: #c2ad96; font-size: 17px; line-height: 1.8; }
body[data-ug-route="piper.html"] .about .about-lead { color: #ead4b7!important; font-size: 21px; }
body[data-ug-route="piper.html"] .text-link { color: #ddb587; border-color: #a98258; font: 13px/1.8 var(--ug-mono); }
body[data-ug-route="piper.html"] .planning ol { gap: 40px; }
body[data-ug-route="piper.html"] .planning li { border-color: #5a402a; }
body[data-ug-route="piper.html"] .planning h3 { color: #e9d1b1; font-size: 30px; }
body[data-ug-route="piper.html"] .planning p { color: #c2ad96; font-size: 17px; line-height: 1.8; }
body[data-ug-route="piper.html"] .inquiry { background: #251a11; border-block: 1px solid #765133; padding-block: 70px; }
body[data-ug-route="piper.html"] .inquiry-grid { gap: 75px; }
body[data-ug-route="piper.html"] .inquiry h2 { font-size: clamp(47px,5.5vw,72px); }
body[data-ug-route="piper.html"] .inquiry h2 em { color: #e0b586; }
body[data-ug-route="piper.html"] .inquiry p { color: #d1bba0; font-size: 17px; line-height: 1.8; }
body[data-ug-route="piper.html"] .inquiry :is(.inquiry-note,.form-note) { color: #bda080; font-size: 13px; }
body[data-ug-route="piper.html"] .inquiry label { color: #e4caab; font-size: 14px; }
body[data-ug-route="piper.html"] .inquiry :is(input,select,textarea) { color: #f1dcc0; background: #302216; border-color: #96714c; font-size: 16px; }
body[data-ug-route="piper.html"] .inquiry :is(input,textarea)::placeholder { color: #b99b7b; }
body[data-ug-route="piper.html"] .inquiry option { background: #302216; color: #f1dcc0; }
body[data-visual-system][data-ug-route="piper.html"] .inquiry form .button { background: #e7c8a0; color: #271a10; border-color: #e7c8a0; }
body[data-ug-route="piper.html"] .inquiry form .button:hover { background: #f5dcb8; }
body[data-ug-route="piper.html"] .inquiry #draft-download { border-color: #d5ad7e; }
body[data-ug-route="piper.html"] #photo-dialog { color: #edd8bc; background: #17120d; border-color: #946d46; }
body[data-ug-route="piper.html"] #photo-dialog button { border-color: #c1a078; font: 12px/1.7 var(--ug-mono); }
body[data-visual-system][data-ug-route="piper.html"] #photo-dialog img { height: min(78dvh,900px); width: auto; }
body[data-ug-route="piper.html"] #photo-dialog p { color: #c2a27f; font-size: 13px; }
body[data-ug-route="piper.html"] footer { border-top: 1px solid #5b412b; color: #bda080; padding-block: 32px; }
body[data-ug-route="piper.html"] footer .wordmark { color: #e8cfad; }

@media(max-width:1000px) {
  body[data-visual-system][data-ug-route="services.html"] :is(.wrap,.hero),
  body[data-ug-route="services.html"] > footer,
  body[data-visual-system][data-ug-route="papers/research-methods.html"] :is(main,footer),
  body[data-visual-system][data-ug-route="piper.html"] .wrap { width: calc(100% - 64px); }
  body[data-ug-route="services.html"] .proof-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 36px; }
  body[data-ug-route="services.html"] .tiers { gap: 16px; }
  body[data-visual-system][data-ug-route="services.html"] .tier { padding: 25px 20px; }
  body[data-visual-system]:is(.archive-page,.reading-page) .split { gap: 38px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.article-layout,.paper-grid) { grid-template-columns: 165px minmax(0,1fr); gap: 40px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .hero-grid { grid-template-columns: minmax(0,1fr) 210px; gap: 34px; }
  body[data-visual-system][data-ug-route="piper.html"] .hero { gap: 35px; }
  body[data-visual-system][data-ug-route="piper.html"] .hero-photo>img { height: 580px; }
  body[data-ug-route="piper.html"] :is(.about-grid,.inquiry-grid) { gap: 45px; }
}
@media(max-width:800px) {
  body[data-visual-system]:is(.archive-page,.reading-page) .split { grid-template-columns: 1fr; gap: 22px; }
  body[data-ug-route="learning.html"] .project-index { gap: 0 32px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.article-layout,.paper-grid) { display: block; margin-top: 30px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .hero-grid { display: block; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .hero-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 25px; margin-top: 30px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.sidebar-inner,.paper-grid>aside) { position: static; margin-bottom: 34px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .contents { display: flex; flex-wrap: wrap; gap: 0 23px; margin-bottom: 0; padding-block: 6px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .contents li { border: 0; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.sidebar-note,.edition) { display: none; }
  body[data-visual-system][data-ug-route="piper.html"] .hero { grid-template-columns: 1fr; gap: 30px; padding-top: 40px; }
  body[data-visual-system][data-ug-route="piper.html"] .hero-copy { padding-top: 0; }
  body[data-ug-route="piper.html"] .hero-photo { max-width: 520px; }
  body[data-visual-system][data-ug-route="piper.html"] .hero-photo>img { height: 580px; }
  body[data-ug-route="piper.html"] .section-heading { grid-template-columns: 1fr; gap: 0; }
  body[data-ug-route="piper.html"] :is(.about-grid,.inquiry-grid) { grid-template-columns: 1fr; gap: 32px; }
  body[data-ug-route="piper.html"] .inquiry form { border-color: #775739; }
  body[data-ug-route="piper.html"] .planning ol { grid-template-columns: 1fr; gap: 28px; }
}
@media(max-width:760px) {
  body[data-visual-system][data-ug-route="services.html"] :is(.wrap,.hero),
  body[data-ug-route="services.html"] > footer,
  body[data-visual-system][data-ug-route="papers/research-methods.html"] :is(main,footer),
  body[data-visual-system][data-ug-route="piper.html"] .wrap { width: calc(100% - 40px); }
  body[data-visual-system]:is(.archive-page,.reading-page) .study-hero .lede { font-size: 17px; }
  body[data-visual-system]:is(.archive-page,.reading-page) .study-section { padding-block: 39px; }
  body[data-visual-system]:is(.archive-page,.reading-page) .study-section h2 { font-size: 34px; }
  body[data-visual-system]:is(.archive-page,.reading-page) .study-section :is(p,li) { font-size: 16px; }
  body[data-ug-route="learning.html"] .project-index { grid-template-columns: 1fr; margin-top: 23px; }
  body[data-ug-route="learning.html"] .project-index article { padding-block: 24px; }
  body[data-ug-route="learning.html"] .project-index h3 { font-size: 27px; }
  body[data-visual-system][data-ug-route="research.html"] article.rs { padding-block: 39px; }
  body[data-visual-system][data-ug-route="research.html"] article.rs p { font-size: 16px; }
  body[data-visual-system][data-ug-route="research.html"] :is(.rs-key,.rs-method) { padding: 21px; }
  body[data-visual-system][data-ug-route="research.html"] .rs-figs { grid-template-columns: 1fr 1fr; }
  body[data-visual-system][data-ug-route="research.html"] .rs-fig { border-bottom: 1px solid var(--ug-line); }
  body[data-visual-system][data-ug-route="research.html"] .rs-fig:nth-child(2n) { border-right: 0; }
  body[data-visual-system][data-ug-route="research.html"] .rs-fig:nth-child(n+3) { border-bottom: 0; }
  body[data-visual-system][data-ug-route="services.html"] .hero { padding-block: 37px 33px; }
  body[data-ug-route="services.html"] .tiers { grid-template-columns: 1fr; gap: 24px; }
  body[data-ug-route="services.html"] section { padding-block: 39px; }
  body[data-visual-system][data-ug-route="services.html"] .tier { padding: 27px; }
  body[data-visual-system][data-ug-route="services.html"] .lead-card { padding: 28px; }
  body[data-ug-route="aramaic.html"] .letter-detail { padding: 22px; }
  body[data-ug-route="aramaic.html"] .vocab { gap: 15px; }
  body[data-ug-route="aramaic.html"] .vocab article { padding: 21px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.hero,.cover) { padding-block: 38px 30px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .artifact-cell { padding: 23px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .artifact-cell:first-child { display: flex; align-items: flex-start; gap: 0; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .artifact-cell:first-child .artifact-value { text-align: left; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .artifact-label { margin-bottom: 14px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .artifact-note { margin-top: 14px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) article :is(p,li) { font-size: 16px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) article h2 { font-size: 33px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .code-caption { flex-wrap: wrap; gap: 6px 16px; font-size: 10px; }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .cover h1 { font-size: clamp(51px,10.7vw,76px); }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .standfirst { font-size: 18px; }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment { padding: 23px; }
  body[data-ug-route="piper.html"] :is(.section,.about,.inquiry) { padding-block: 48px; }
  body[data-ug-route="piper.html"] .occasion-list h3 { font-size: 29px; }
  body[data-ug-route="piper.html"] .occasion-list p { font-size: 16px; }
  body[data-ug-route="piper.html"] .occasion-band span { font-size: 27px; }
}
@media(max-width:480px) {
  body[data-visual-system]:is(.archive-page,.reading-page) .page-index:not(.project-index) { gap: 0 22px; font-size: 11px; }
  body[data-visual-system]:is(.archive-page,.reading-page) .study-button { font-size: 11px; padding-inline: 16px; }
  body[data-visual-system]:is(.archive-page,.reading-page) .callout { padding: 19px; }
  body[data-ug-route="services.html"] .proof-grid { grid-template-columns: 1fr; gap: 25px; }
  body[data-visual-system][data-ug-route="services.html"] .lead-card { padding: 22px 19px; }
  body[data-ug-route="services.html"] .lead-form .row { grid-template-columns: 1fr; gap: 0; }
  body[data-ug-route="aramaic.html"] .quiz { padding: 22px 19px; }
  body[data-ug-route="aramaic.html"] .quiz-choices { grid-template-columns: 1fr; }
  body[data-ug-route="aramaic.html"] .vocab { grid-template-columns: 1fr 1fr; }
  body[data-ug-route="aramaic.html"] .vocab article { padding: 20px 15px; }
  body[data-ug-route="aramaic.html"] .vocab h3 { font-size: 23px; }
  body[data-ug-route="aramaic.html"] .letter-grid button { min-height: 88px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .hero-meta { grid-template-columns: 1fr; gap: 0; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.proof,.file-anatomy,.limitations) { padding: 20px; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) pre { padding: 20px 17px; font-size: 12px; }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment { padding: 21px 17px; }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment-head { font-size: 10px; }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment label { font-size: 14px; }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .experiment output { font-size: 13px; }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .readouts strong { font-size: 27px; }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .readouts small { font-size: 10px; }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .equation { padding: 24px 21px; }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .equation strong { font-size: 28px; }
  body[data-visual-system][data-ug-route="papers/research-methods.html"] .protocol-list li { grid-template-columns: 85px minmax(0,1fr); gap: 16px; }
  body[data-visual-system][data-ug-route="piper.html"] .hero-photo>img { height: 480px; }
  body[data-ug-route="piper.html"] .hero-note { gap: 4px; }
  body[data-ug-route="piper.html"] h2 { font-size: 42px; }
  body[data-ug-route="piper.html"] .inquiry h2 { font-size: 52px; }
  body[data-ug-route="piper.html"] .email-link { font-size: 16px; }
}

@media print {
  body[data-visual-system]:is(.archive-page,.reading-page,[data-ug-route="services.html"],[data-ug-route^="case-studies/"],[data-ug-route^="papers/"],[data-ug-route="piper.html"]) {
    --body: #222;
    --dim: #333;
    --muted: #555;
    --ink: #111;
    --paper: #fff;
    --line: #ccc;
    background: #fff!important;
    color: #111!important;
  }
  body[data-visual-system]:is(.archive-page,.reading-page,[data-ug-route="services.html"],[data-ug-route^="case-studies/"],[data-ug-route^="papers/"],[data-ug-route="piper.html"]) :is(.ug-masthead,.site-find,.page-index,.study-actions,.article-sidebar,.paper-grid>aside,.hero::before,.cover::before) { display: none!important; }
  body[data-visual-system]:is(.archive-page,.reading-page,[data-ug-route="services.html"],[data-ug-route^="case-studies/"],[data-ug-route^="papers/"],[data-ug-route="piper.html"]) :is(h1,h2,h3,h4,p,li,strong,a,dt,dd,.eyebrow,.rs-kicker,.standfirst,.lede,.deck) { color: #111!important; }
  body[data-visual-system]:is(.archive-page,.reading-page,[data-ug-route="services.html"],[data-ug-route^="case-studies/"],[data-ug-route^="papers/"],[data-ug-route="piper.html"]) :is(.shell,.study-shell,.wrap,main) { width: 100%!important; max-width: none!important; }
  body[data-visual-system]:is(.archive-page,.reading-page,[data-ug-route="services.html"],[data-ug-route^="case-studies/"],[data-ug-route^="papers/"],[data-ug-route="piper.html"]) :is(.artifact-hero,.rs-key,.rs-method,.limitations,.callout,.code-block,.proof,.file-anatomy,.equation) { background: #f5f3ee!important; border-color: #aaa!important; break-inside: avoid; }
  body[data-visual-system]:is(.archive-page,.reading-page,[data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.article-layout,.paper-grid) { display: block; }
  body[data-visual-system]:is(.archive-page,.reading-page,[data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) pre { white-space: pre-wrap; overflow: visible; background: #f5f3ee; color: #222; font-size: 9pt; }
  body[data-visual-system]:is(.archive-page,.reading-page,[data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) pre code { color: #222; white-space: pre-wrap; overflow-wrap: anywhere; }
  body[data-visual-system]:is(.archive-page,.reading-page,[data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) :is(.hero,.cover,.page-header) h1 { font-size: 36pt!important; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .code-add { color: #285935; }
  body[data-visual-system]:is([data-ug-route^="case-studies/"],[data-ug-route^="papers/"]) .code-remove { color: #923f2d; }
}
/* The transcription answer needs room for the longest cited phrase. */
body[data-ug-route="aramaic.html"] #transcription-input{display:block;width:100%;max-width:34rem;margin-top:12px;padding:12px 14px;min-height:50px;font:18px/1.4 var(--ug-mono);background:#0b0a0a;color:var(--ug-bone);border:1px solid #79534a}
body[data-ug-route="aramaic.html"] #transcription-word{text-align:right;margin-block:18px;font-size:54px;line-height:1.25}
body[data-ug-route="aramaic.html"] #transcription-form .study-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:34rem;gap:12px}
body[data-ug-route="aramaic.html"] #transcription-form .study-actions button{padding:12px 10px;min-height:48px;white-space:normal}