:root{--display-face:News;--reading-face:Public;--title-weight:400;--title-width:100%;}

h1,h2,h3,.cover h1,.cover-title>p,.opening h2,.below h2,.section-head h2,.contents-row strong,.paper-index .contents-row strong,.paper-index h1,.essay-heading h1,.prose h2,.page-turns span,.pillar h3{font-family:var(--display-face),Georgia,serif;font-weight:var(--title-weight);font-stretch:var(--title-width)}
.cover h1 em,.opening h2 em{font-family:inherit;font-weight:inherit;font-style:normal}
.prose,.intro,.opening .intro,.feeling,.cover-bottom,.below>p,.about>p:not(.little),.margin-note>p:not(.little):not(.local-note){font-family:var(--reading-face),Georgia,serif}
.prose{font-size:18px;line-height:1.85}.cover h1{font-size:clamp(52px,5vw,68px);line-height:1.08}
/* Cover accent and three distinct, complementary index tabs. */
:root,:root[data-palette="midnight"]{--tab-begin:#ddbd7e;--tab-contents:#90bbc9;--tab-marked:#cb8666;--tab-ink:#202c35}
.cover h1 em{color:var(--cover-accent)}
.tabs a:nth-child(1){background:var(--tab-begin);color:var(--tab-ink)}
.tabs a:nth-child(2){background:var(--tab-contents);color:var(--tab-ink)}
.tabs a:nth-child(3){background:var(--tab-marked);color:var(--tab-ink)}
.tabs a{font-weight:600;box-shadow:2px 2px 3px #00000012;border:1px solid #00000012;border-left:0;transition:padding .15s}
.tabs a:hover{padding-left:13px;padding-right:13px}

/* Single font-family authority across every page. The earlier design layers
   retain their sizes/layout, but may not leak retired font families. */
body{font-family:var(--reading-face),Georgia,serif!important}
body *{font-family:inherit!important}
h1,h2,h3,h4,h5,h6,.brand,.cover-title>p,.contents-row strong,.page-turns span,.pillar-names{font-family:var(--display-face),Georgia,serif!important}
.brand span,.pillar h3 small{font-family:var(--reading-face),Georgia,serif!important}
/* UI inherits the reading family, with sufficient space for wider serif faces. */
.top nav{line-height:1.5}.bookmark{line-height:1.5}.tabs a{letter-spacing:.8px}.site-foot{line-height:1.7}.cover-title>span{letter-spacing:1.3px}.little,.running{font-style:normal}

@media(max-width:700px){.cover h1{font-size:50px}.prose{font-size:17px}}
