/* Published archive: older articles rebuilt natively under /published/<slug>/.
   Two families from style.md: .sans (basketball/analytical essays, Inter) and .serif (personal essays, Copernicus).
   Everything else comes from generic-2022-02.css. */

body.published.sans { font-family: InterVariable, sans-serif; }
body.published.sans h1, body.published.sans h2, body.published.sans h3 { letter-spacing: -0.03em; }
body.published.serif h1 { font-family: "Copernicus", serif; font-weight: bold; }

/* Where this came from: an editor's note in the site's pen. */
.published .provenance { border-top: none; margin-top: 0.6em; }
.published .provenance p.handwriting { font-size: 1.12em; line-height: 1.5em; color: #252fd0; margin: 0.6em 0 0.4em; }
.published .provenance a { text-decoration-color: rgba(37, 47, 208, 0.45); }

/* The article as it ran. */
.published .original h2 { font-size: 1.27em; line-height: 1.4em; margin: 1.9em 0 0.4em; }
.published .original h3 { font-size: 1.1em; line-height: 1.4em; margin: 1.6em 0 0.3em; }
.published .original h4, .published .original h5 { font-size: 1em; margin: 1.4em 0 0.2em; text-align: left; }
.published .original figure { margin: 1.6em 6%; text-align: center; }
.published .original figure img { width: auto; max-width: 100%; height: auto; }
.published .original figure.missing { padding: 1.4em 1.2em; border: 1px dashed #ccc; color: #878787; font-size: 0.8em; line-height: 1.5em; }
.published .original blockquote { padding: 0 6%; margin: 1em 0; }
.published .original blockquote p { padding: 0; }
.published .original blockquote.pull { font-style: normal; font-weight: 600; font-size: 1.15em; line-height: 1.45em; margin-top: 0; }
.published .original p.kicker { font-size: 0.72em; letter-spacing: 0.08em; text-transform: uppercase; color: #878787; margin: 2.2em 0 0.2em; }
.published .original li { margin-bottom: 0.3em; }

/* Text set beside a cartoon (Warriors' five mindsets). */
.published .beside { display: grid; grid-template-columns: minmax(0, 1fr) 38%; gap: 1.2em; align-items: center; padding: 0 6%; }
.published .beside .beside-text p { padding: 0; }
.published .beside figure { margin: 0; }

/* Data tables. */
.published .original table { margin: 1.2em 6%; width: 88%; border-collapse: collapse; font-size: 0.82em; line-height: 1.5em; font-variant-numeric: tabular-nums; }
.published .original th { text-align: left; font-weight: 600; border-bottom: 1px solid #343434; padding: 0.3em 0.6em 0.3em 0; }
.published .original td { border-bottom: 1px solid #eee; padding: 0.3em 0.6em 0.3em 0; vertical-align: top; }

/* Comments, rebuilt from the archived thread. Quieter and smaller than the article. */
.published .comments { margin-top: 3.2em; }
.published .comments h2 { margin-bottom: 0; }
.published .comments h3 { font-size: 1em; text-align: left; padding: 0 6%; margin: 2.2em 0 0.4em; }
.published .comments > p.fine { margin: 0.2em 0 1.6em; }
.published .thread { list-style: none; margin: 0; padding: 0 6%; font-size: 0.86em; line-height: 1.62em; }
.published .thread li { list-style: none; padding: 1.1em 0 0.9em; border-top: 1px solid #eee; }
.published .thread li:first-child { border-top: none; }
.published .thread p { padding: 0; margin: 0 0 0.6em; }
.published .thread .who { margin-bottom: 0.25em; font-weight: 600; }
.published .thread .when { font-weight: 400; color: #878787; font-size: 0.86em; margin-left: 0.4em; white-space: nowrap; }
.published .thread .tag { font-weight: 500; font-size: 0.72em; letter-spacing: 0.06em; text-transform: uppercase; color: #878787; margin-left: 0.35em; }
.published .thread li.mine { border-left: 2px solid #47DD8E; padding-left: 1em; margin-left: calc(-1em - 2px); }
.published .thread li.mine .tag { color: #1f9a5c; }
.published .thread blockquote { font-size: 1em; padding: 0 0 0 1em; border-left: 2px solid #ddd; margin: 0 0 0.6em; }
.published .thread ul, .published .thread ol { padding-left: 1.4em; }
.published .pings { font-size: 0.86em; line-height: 1.6em; }
.published .pings li { list-style: circle; }
.published .pings .when { color: #878787; font-size: 0.86em; margin-left: 0.3em; white-space: nowrap; }
.published .thread a, .published .pings a { overflow-wrap: anywhere; }

.published nav.more { margin-top: 3em; }

@media (max-width: 800px) {
	.published .beside { grid-template-columns: 1fr; gap: 0.2em; }
	.published .beside figure { margin: 0.4em 0 1.2em; }
	.published .original table { margin: 1.2em 6%; width: 88%; font-size: 0.78em; }
	.published .thread li.mine { margin-left: 0; padding-left: 0.8em; }
	.published .comments > p.fine { text-align: left; padding: 0 6%; }
}
.published .original figure figcaption { font-size: 0.72em; line-height: 1.5em; color: #878787; margin-top: 0.6em; font-style: normal; }
.published .original figure figcaption em { font-style: normal; }
.published .original blockquote.pull + .beside { margin-top: -0.6em; }
.published .original p.kicker + blockquote.pull { margin-top: 0; }
.published .original img { max-width: 100%; height: auto; }

/* /published/ index */
.published .index h2 { text-align: left; font-size: 1.1em; margin: 1.8em 0 0.4em; }
.published .index-list { padding: 0 6%; margin: 0; }
.published .index-list li { list-style: none; padding: 0.35em 0; border-bottom: 1px solid #eee; }
.published .index-list .note { color: #878787; font-size: 0.82em; }
.published .index-list time { color: #878787; font-size: 0.78em; float: right; margin-left: 1em; text-align: right; }