/* Guester Axis · article sheet: the .article reading measure and the .article-body
   register for post and page content (Gutenberg blocks render without the core
   block styles, so paragraph, heading, list, quote, image, separator, table, group,
   columns, buttons, code and embed blocks are covered here). Also the 404 page.
   Builds on axis.css. Rules: no font-size below var(--fs-micro); Satoshi has 400/500 only. */

/* ---------- measure ---------- */
.article{box-sizing:content-box;max-width:760px;margin-left:auto;margin-right:auto}
.article-static{padding-bottom:120px}
.article-static .article-head h1{max-width:20ch}
.article-static .article-body{margin-top:44px}

/* ---------- body register ---------- */
/* A reading measure of about 70 characters at 17px; the 760px article frame stays for the hero and headings. */
.article-body{font-size:17px;line-height:1.75;color:var(--ink);overflow-wrap:break-word;max-width:640px}
.article-body>*+*,.article-body .wp-block-group>*+*,.article-body .wp-block-column>*+*{margin-top:1.5rem}
.article-body>:first-child{margin-top:0}

.article-body p{font-size:17px;line-height:1.75}
.article-body p.is-lead{font-size:20px;line-height:1.6;color:var(--muted-strong)}
.article-body p.has-small-font-size,.article-body small{font-size:var(--fs-control);line-height:1.6}
.article-body p.has-large-font-size{font-size:20px;line-height:1.6}

.article-body h2{font-size:24px;line-height:1.35;letter-spacing:-.02em;font-weight:500;margin-top:3rem;max-width:none;text-wrap:balance}
.article-body h3{font-size:19px;line-height:1.4;letter-spacing:-.01em;font-weight:500;margin-top:2.25rem}
.article-body h4,.article-body h5,.article-body h6{font-size:17px;line-height:1.5;font-weight:500;margin:2rem 0 0}
.article-body h2+*,.article-body h3+*,.article-body h4+*,.article-body h5+*,.article-body h6+*{margin-top:.875rem}

.article-body a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--line-strong);transition:color .2s,text-decoration-color .2s}
.article-body a:hover{color:var(--muted-strong);text-decoration-color:currentColor}

.article-body strong,.article-body b{font-weight:500}
.article-body em,.article-body i{font-style:italic}
.article-body mark{background:var(--surface);color:inherit;padding:0 3px}
.article-body sup,.article-body sub{font-size:var(--fs-small);line-height:0}

/* lists: hairline rows for the top level, plain markers inside */
.article-body ul,.article-body ol{margin-top:1.5rem;padding-left:0}
.article-body ul{list-style:none}
.article-body ul>li{padding:12px 0;font-size:16px;line-height:1.65}
.article-body ul>li+li{border-top:1px solid var(--line)}
.article-body ol{list-style:decimal;padding-left:1.5rem}
.article-body ol>li{padding:6px 0;font-size:16px;line-height:1.65}
.article-body ol>li::marker{color:var(--muted);font-variant-numeric:tabular-nums}
.article-body li ul,.article-body li ol{margin-top:.5rem;margin-bottom:.25rem}
.article-body li ul{list-style:disc;padding-left:1.25rem}
.article-body li ul>li,.article-body li ol>li{padding:3px 0;border:0;font-size:15px}
.article-body li>p{margin:0}
.article-body li>p+p{margin-top:.5rem}

/* quotes */
.article-body blockquote{margin:2.5rem 0;padding:0 0 0 24px;border-left:1px solid var(--line-strong);font-size:17px;line-height:1.7;color:var(--muted-strong)}
.article-body blockquote p{margin:0;font-size:inherit;line-height:inherit}
.article-body blockquote p+p{margin-top:1rem}
.article-body blockquote cite,.article-body blockquote footer{display:block;margin-top:12px;font-size:var(--fs-control);font-style:normal;color:var(--muted)}
.article-body blockquote.is-pull,.article-body blockquote.is-style-plain,.article-body blockquote.is-style-large{border:0;padding:0}
.article-body blockquote.is-pull{margin:3rem 0;font-size:clamp(1.375rem,1.2rem + .9vw,1.75rem);line-height:1.32;letter-spacing:-.015em;font-weight:500;color:var(--ink);text-wrap:balance}
.article-body blockquote.is-pull::before{content:"";display:block;width:64px;height:1px;background:var(--line-strong);margin-bottom:24px}
.article-body .wp-block-pullquote{margin:3rem 0;padding:0;border:0;text-align:left}
.article-body .wp-block-pullquote blockquote{margin:0;padding:0;border:0;font-size:clamp(1.375rem,1.2rem + .9vw,1.75rem);line-height:1.32;letter-spacing:-.015em;font-weight:500;color:var(--ink)}
.article-body .wp-block-pullquote blockquote::before{content:"";display:block;width:64px;height:1px;background:var(--line-strong);margin-bottom:24px}

/* figures and images */
.article-body figure{margin:3rem 0}
.article-body figure img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}
.article-body figcaption{margin-top:12px;font-size:var(--fs-control);line-height:1.5;color:var(--muted);text-align:left}
.article-body img{max-width:100%;height:auto}
.article-body .wp-block-image .alignleft,.article-body .wp-block-image .alignright,.article-body .wp-block-image.alignleft,.article-body .wp-block-image.alignright{float:none;margin-left:0;margin-right:0}
.article-body .aligncenter{margin-left:auto;margin-right:auto}
.article-body .alignwide,.article-body .alignfull{max-width:100%;margin-left:0;margin-right:0}
.article-body .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;list-style:none;padding:0}
.article-body .wp-block-gallery figure{margin:0}
.article-body .wp-block-embed__wrapper{position:relative}
.article-body iframe,.article-body video{max-width:100%;border:0;border-radius:var(--radius)}
.article-body .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper{aspect-ratio:16/9}
.article-body .wp-block-embed.wp-has-aspect-ratio iframe{position:absolute;inset:0;width:100%;height:100%}

/* rules */
.article-body hr,.article-body .wp-block-separator{border:0;width:100%;max-width:none;height:1px;background:var(--line);margin:3rem 0;opacity:1}
.article-body .wp-block-separator.is-style-dots{height:auto;background:none;text-align:center}
.article-body .wp-block-separator.is-style-dots::before{content:"···";display:block;letter-spacing:1em;color:var(--muted);font-size:20px;line-height:1}

/* tables */
.article-body .wp-block-table{margin:2.5rem 0;overflow-x:auto}
.article-body table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;text-align:left}
.article-body th,.article-body td{padding:12px 16px 12px 0;vertical-align:top;text-align:left;border:0;border-bottom:1px solid var(--line)}
.article-body th{font-weight:500;color:var(--ink);border-bottom-color:var(--line-strong)}
.article-body .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:var(--surface)}
.article-body .wp-block-table.is-style-stripes td,.article-body .wp-block-table.is-style-stripes th{padding-left:12px}
.article-body .wp-block-table figcaption{margin-top:12px}

/* code */
.article-body code,.article-body kbd,.article-body samp{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--surface);padding:2px 6px;border-radius:4px}
.article-body pre,.article-body .wp-block-code,.article-body .wp-block-preformatted{margin:2rem 0;padding:20px 24px;background:var(--surface);border-radius:var(--radius-control);overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;white-space:pre}
.article-body pre code{background:none;padding:0;font-size:inherit}

/* definition lists, details, addresses */
.article-body dl{margin-top:1.5rem}
.article-body dt{font-weight:500}
.article-body dd{margin:4px 0 16px;color:var(--muted-strong)}
.article-body details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0}
.article-body details+details{border-top:0}
.article-body summary{display:flex;align-items:center;min-height:44px;font-weight:500;cursor:pointer;list-style:none}
.article-body summary::-webkit-details-marker{display:none}
.article-body summary::after{content:"+";margin-left:auto;color:var(--muted);font-size:20px}
.article-body details[open] summary::after{content:"\2212"}
.article-body details>:not(summary){margin-top:0;padding-bottom:16px}
.article-body address{font-style:normal}

/* groups, columns, buttons */
.article-body .wp-block-group,.article-body .wp-block-group__inner-container{margin-left:0;margin-right:0}
.article-body .wp-block-group.has-background{padding:24px;border-radius:var(--radius);background:var(--surface)}
.article-body .wp-block-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.article-body .wp-block-column{min-width:0}
.article-body .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.article-body .wp-block-button__link{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:var(--radius-control);background:var(--ink);color:var(--paper);font-size:15px;font-weight:500;line-height:1;text-decoration:none}
.article-body .wp-block-button__link:hover{background:#303236;color:var(--paper)}
.article-body .is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.article-body .is-style-outline .wp-block-button__link:hover{background:var(--surface);color:var(--ink)}

/* text alignment classes the editor writes */
.article-body .has-text-align-center{text-align:center}
.article-body .has-text-align-right{text-align:right}
.article-body .has-text-align-left{text-align:left}
.article-body .has-background{padding:20px 24px;border-radius:var(--radius-control)}
.article-body .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- 404 ---------- */
.notfound-head{padding-bottom:140px;min-height:52vh}
.notfound-head h1{max-width:16ch}
.notfound-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px;margin-top:40px}

/* ---------- breakpoints ---------- */
@media(min-width:1024px){
	.article-body>figure.wp-block-image,.article-body>figure.wp-block-embed,.article-body>figure.wp-block-gallery{margin-left:-64px;margin-right:-64px}
}
@media(max-width:959px){
	.article-static{padding-bottom:96px}
	.notfound-head{padding-bottom:110px}
}
@media(max-width:639px){
	.article-static{padding-bottom:72px}
	.article-static .article-body{margin-top:32px}
	.article-body p{font-size:16px;line-height:1.7}
	.article-body p.is-lead{font-size:18px;line-height:1.55}
	.article-body h2{font-size:22px;margin-top:2.5rem}
	.article-body h3{font-size:18px}
	.article-body ul>li,.article-body ol>li{font-size:15px}
	.article-body blockquote{padding-left:18px}
	.article-body figure{margin:2.5rem 0}
	.article-body table{font-size:14px}
	.article-body th,.article-body td{padding:10px 12px 10px 0}
	.article-body pre,.article-body .wp-block-code,.article-body .wp-block-preformatted{padding:16px;font-size:13px}
	.article-body .wp-block-columns{gap:24px}
	.notfound-head{padding-bottom:80px;min-height:0}
	.notfound-actions{margin-top:32px;gap:16px 28px}
	.notfound-actions .button{width:100%}
}
/* Related essays sit directly above the newer/older navigation. */
.article-nav--related{padding-bottom:0}