1 h1, h2, h3, h4, h5, h6 {
36 .subhead, .subheading {
40 color: rgba(27, 27, 27, 0.65);
45 margin-bottom: 1.45em;
49 font-size: 1em !important;
50 font-weight: normal !important;
51 font-style: normal !important;
52 display: inline !important;
56 .metadata :matches(.byline, .date) {
57 display: inline !important;
60 .metadata :matches(ul, ol, li) {
61 list-style-type: none;
62 -webkit-padding-start: 0;
74 text-decoration: underline;
75 text-decoration-color: inherit;
83 text-rendering: optimizeLegibility;
84 font-family: "Georgia", "Times New Roman", Times, serif;
89 /* Scale down anything larger than our view. Max-width maintains aspect ratios on images. */
94 /* By default, images are centered on their own line. */
101 #article img.reader-image-tiny {
106 #article .leading-image, figure, .auxiliary {
107 margin-bottom: 1.15em;
110 #article .leading-image img {
116 #article .leading-image .credit {
120 #article .leading-image, #article figure {
125 body.watch #article .leading-image, body.watch #article figure {
126 font-size: 0.8125rem;
129 #article .leading-image :matches(.caption, .credit), #article figcaption {
134 #article figcaption>* {
136 margin-bottom: 0.25em;
139 #article :matches(.leading-image, figure) p {
141 margin-bottom: 0.4em;
144 #article .leading-image .credit+.caption {
148 #article .auxiliary {
156 #article .pullquote {
163 #article .pullquote:not(.float) {
166 -webkit-margin-start: 1em;
167 max-width: calc(100% - 1em);
170 #article .auxiliary>*:not(img) {
171 -webkit-margin-start: 0;
174 #article .auxiliary.float img, #article .auxiliary>*:first-child:not(img) {
181 word-wrap: break-word;
190 /* If the element immediately after an image is inline, it might bump up against the image. */
192 #article .auxiliary img+* {
196 #article .auxiliary figcaption {
200 #article .auxiliary * {
202 margin-bottom: 0.5em;
205 body:not(.watch) #article .float.left {
210 body:not(.watch) #article .float.right {
215 body.watch #article .float {
216 width: auto !important;
223 #article ul.list-style-type-none, #article ol.list-style-type-none, #article .list-style-type-none>li {
224 list-style-type: none;
225 -webkit-padding-start: 0;
228 #article .list-style-type-none.code-block code {
229 white-space: pre-wrap;
232 #article div.scrollable {
237 #article div.scrollable table {
247 #article .leading-image, #article figure, #article .auxiliary:not(.pullquote) {
248 font-family: Arial, Helvetica, sans-serif;
251 #article .leading-image, #article figure, #article .auxiliary, #article .pullquote {
252 color: rgba(0, 0, 0, 0.65);
263 body:not(.watch) figure:not(.float) {
265 margin-bottom: 1.4em;
272 margin: 2.5em 0 3.5em;
274 background: rgba(0, 0, 0, 0.2);
280 font-family: "Lucida Console", Courier, monospace;
286 color: rgba(0, 0, 0, 0.65);
289 blockquote:not(.pullquote) {
295 blockquote:not(.simple):not(.pullquote) {
296 border-left: 3px solid rgba(0, 0, 0, 0.1);
303 .pullquote q::before, .pullquote q::after, q.pullquote::before, q.pullquote::after {
307 /* Collapse excess whitespace. */
309 article p>p:empty, article div>p:empty, article p>div:empty, article div>div:empty, article p+br, article img+br {
316 word-wrap: break-word;
317 border-collapse: collapse;
320 article table td, article table th {
321 padding: 0.25em 0.5em;
322 border: 1px solid rgb(216, 216, 216);
327 margin-right: 0.45em;
332 .metadata.singleline .delimiter::after {
336 .metadata:not(.singleline) .delimiter {
338 display: block !important;
342 background-color: rgba(0, 0, 0, 0.025);
345 article sup, article sub {
359 -webkit-text-size-adjust: none;
362 background-color: transparent;
365 pointer-events: auto;
375 padding-bottom: 35px;
377 border-top: 1px solid rgba(0, 0, 0, 0.2);
387 #article:last-of-type {
388 padding-bottom: 45px;
397 #article .extendsBeyondTextColumn {
402 background-color: black;
411 @media only screen and (min-width: 780px) {
416 /* Readable margins. */
422 /* Use slightly smaller page padding when vertically constrained. */
424 @media screen and (max-height: 700px) {
427 padding-bottom: 32px;
431 /* Basic dark theme */
433 @media (prefers-color-scheme: dark) {
435 background-color: #1E2029;
439 #article .leading-image, #article figure, #article .auxiliary, #article .pullquote {
451 blockquote:not(.simple):not(.pullquote) {
452 border-left: 3px solid #3B3E4F;
455 article table td, article table th {
456 padding: 0.25em 0.5em;
457 border: 1px solid #3B3E4F;
461 background-color: #5E6175;
465 border-top: 1px solid #3B3E4F;