:root {
 --article-sidebar-width:320px; --article-grid-gap:clamp(32px,4vw,76px); --article-cover-ratio:1.95;
 --article-sticky-top:144px; --article-anchor-offset:164px; --article-block-gap:28px;
 --article-h2-size:var(--heading-size); --article-h3-size:var(--subheading-size); --article-h4-size:22px; --article-h5-size:20px; --article-h6-size:18px;
 --article-aside-pad:28px; --article-aside-gap:24px; --article-toc-gap:12px; --article-toc-indent:18px;
 --article-icon-size:18px; --article-inline-gap:10px; --article-list-indent:1.5em; --article-list-gap:.55em;
 --article-link-line:1px; --article-quote-stroke:3px; --article-heading-top:48px;
 --article-calendar:url('assets/calendar.svg'); --article-clock:url('assets/clock.svg'); --article-author-photo-size:80px;
}
:root .article-page {padding-block:var(--row-space) var(--article-space)}
:root .article-page .article-breadcrumbs {display:block;font-size:var(--label-size);color:var(--muted);margin-block-end:var(--row-space)}
.article-page .article-breadcrumbs > * {display:inline}
.admin-bar .article-page {--article-sticky-top:calc(var(--header-height) + var(--header-admin-offset) + var(--small-gap));--article-anchor-offset:calc(var(--header-height) + var(--header-admin-offset) + var(--row-space))}
.article-page .article-breadcrumbs p {color:inherit}
.article-page .article-breadcrumbs a {color:inherit;text-decoration:none}
.article-page .article-breadcrumbs a:hover {color:var(--ink);text-decoration:underline}
.article-page .article-layout {display:grid;grid-template-columns:minmax(0,1fr) var(--article-sidebar-width);column-gap:var(--article-grid-gap);row-gap:var(--row-space);align-items:start}
.article-page .article-intro {grid-column:1;grid-row:1;min-width:0}
.article-page .article-publication {display:flex;flex-wrap:wrap;gap:var(--small-gap);font-size:var(--label-size);font-weight:500;align-items:center}
.article-page .article-publication p {color:var(--ink)}
.article-page .article-date,.article-page .article-reading {display:flex;align-items:center;gap:var(--article-inline-gap)}
.article-page .article-date::before,.article-page .article-reading::before {content:'';display:block;flex:0 0 var(--article-icon-size);width:var(--article-icon-size);height:var(--article-icon-size);background:var(--article-calendar) center/contain no-repeat}
.article-page .article-reading::before {background-image:var(--article-clock)}
:root .article-page .article-title {font-size:var(--heading-size);margin-block:var(--row-space) 0;overflow-wrap:anywhere}
.article-page .article-cover {grid-column:1;grid-row:2;margin:0}
.article-page .article-cover img {display:block;width:100%;aspect-ratio:var(--article-cover-ratio);object-fit:cover;border-radius:var(--radius)}
.article-page .article-sidebar {grid-column:2;grid-row:2 / 4;align-self:stretch;min-width:0}
:root .article-author-photo {width:var(--article-author-photo-size);margin-block-start:var(--small-gap)}
.article-author-photo img {display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}
.article-page .article-author,.article-page .article-toc {background:var(--light);border-radius:var(--radius);padding:var(--article-aside-pad)}
.article-page .article-aside-label {font-size:var(--label-size);color:var(--muted)}
:root .article-page .article-author-name {font-family:var(--wp--preset--font-family--heading);font-size:var(--subheading-size);line-height:var(--heading-line);letter-spacing:var(--letter-secondary);color:var(--ink);margin-block:var(--small-gap)}
.article-page .article-author-role {font-size:var(--label-size)}
:root .article-page .article-toc {position:sticky;top:var(--article-sticky-top);margin-block-start:var(--article-aside-gap);max-height:calc(100dvh - var(--article-sticky-top) - var(--small-gap));overflow:auto;overscroll-behavior:contain}
:root .article-page .article-toc-list {padding:0;margin-block-start:var(--small-gap);list-style:none}
.article-page .article-toc-list li + li {margin-block-start:var(--article-toc-gap)}
.article-page .article-toc-list .toc-subheading {padding-inline-start:var(--article-toc-indent)}
.article-page .article-toc-list a {display:block;color:var(--muted);font-size:var(--label-size);text-decoration:none;line-height:var(--body-line);transition:color var(--transition);overflow-wrap:anywhere}
.article-page .article-toc-list a:hover,.article-page .article-toc-list a[aria-current] {color:var(--ink)}
.article-page .article-toc-list a[aria-current] {font-weight:600;text-decoration:underline;text-underline-offset:var(--focus-offset)}
.article-page .article-content {grid-column:1;grid-row:3;min-width:0}
.article-content,.editor-styles-wrapper .article-body {font-size:var(--body-size);line-height:var(--body-line);color:var(--ink);overflow-wrap:anywhere}
.article-page .article-content :where(p,li),.editor-styles-wrapper .article-body :where(p,li) {color:var(--ink)}
:root .article-content :where(p,ul,ol,blockquote,figure,table,pre),.editor-styles-wrapper .article-body :where(p,ul,ol,blockquote,figure,table,pre) {margin-block:0 var(--article-block-gap)}
.article-content :where(h1,h2,h3,h4,h5,h6),.editor-styles-wrapper .article-body :where(h1,h2,h3,h4,h5,h6) {font-family:var(--wp--preset--font-family--heading);font-weight:500;letter-spacing:var(--letter-secondary);line-height:var(--heading-line);color:var(--ink);scroll-margin-block-start:var(--article-anchor-offset)}
:root .article-content :where(h1,h2,h3,h4,h5,h6),.editor-styles-wrapper .article-body :where(h1,h2,h3,h4,h5,h6) {margin-block:var(--article-heading-top) var(--small-gap)}
.article-content h1,.editor-styles-wrapper .article-body h1 {font-size:var(--heading-size)}
.article-content h2,.editor-styles-wrapper .article-body h2 {font-size:var(--article-h2-size)}
.article-content h3,.editor-styles-wrapper .article-body h3 {font-size:var(--article-h3-size)}
.article-content h4,.editor-styles-wrapper .article-body h4 {font-size:var(--article-h4-size)}
.article-content h5,.editor-styles-wrapper .article-body h5 {font-size:var(--article-h5-size)}
.article-content h6,.editor-styles-wrapper .article-body h6 {font-size:var(--article-h6-size)}
.article-content :where(b,strong),.editor-styles-wrapper .article-body :where(b,strong) {font-weight:700}
.article-content :where(i,em),.editor-styles-wrapper .article-body :where(i,em) {font-style:italic}
.article-content a,.editor-styles-wrapper .article-body a {color:var(--ink);text-decoration:underline;text-decoration-thickness:var(--article-link-line);text-underline-offset:var(--focus-offset);transition:color var(--transition)}
.article-content a:hover,.editor-styles-wrapper .article-body a:hover {color:var(--muted)}
.article-content :where(ul,ol),.editor-styles-wrapper .article-body :where(ul,ol) {padding-inline-start:var(--article-list-indent)}
.article-content ul,.editor-styles-wrapper .article-body ul {list-style:disc}
.article-content ol,.editor-styles-wrapper .article-body ol {list-style:decimal}
.article-content ul ul,.editor-styles-wrapper .article-body ul ul {list-style:circle}
.article-content ol ol,.editor-styles-wrapper .article-body ol ol {list-style:lower-alpha}
.article-content li + li,.editor-styles-wrapper .article-body li + li {margin-block-start:var(--article-list-gap)}
.article-content li :where(ul,ol),.editor-styles-wrapper .article-body li :where(ul,ol) {margin-block:var(--article-list-gap) 0}
.article-content blockquote,.editor-styles-wrapper .article-body blockquote {padding-inline-start:var(--small-gap);border-inline-start:var(--article-quote-stroke) solid var(--ink);font-style:italic}
.article-content :where(img,video),.editor-styles-wrapper .article-body :where(img,video) {max-width:100%;height:auto;border-radius:var(--radius)}
.article-content :where(figcaption,cite),.editor-styles-wrapper .article-body :where(figcaption,cite) {font-size:var(--label-size);color:var(--muted)}
.article-content .wp-block-table {overflow-x:auto}
.article-content table {display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.article-content :where(th,td) {padding:var(--article-inline-gap);border:var(--stroke) solid var(--line);text-align:left}
.article-content pre {overflow:auto;padding:var(--small-gap);border-radius:var(--button-radius);background:var(--light)}
.article-content code {font-size:.9em}
.article-content hr {border:0;border-top:var(--stroke) solid var(--line);margin-block:var(--row-space)}
:root .article-page .article-related {margin-block-start:var(--section-space)}
:root .article-page .article-related-title {font-size:var(--heading-size);margin-block-end:var(--row-space)}
@media(max-width:1100px) {:root {--article-sidebar-width:270px;--article-aside-pad:24px}}
@media(max-width:781px) {
 :root {--m-article-cover-ratio:1.5;--m-article-sticky-top:124px;--m-article-anchor-offset:144px;--article-cover-ratio:var(--m-article-cover-ratio);--article-sticky-top:var(--m-article-sticky-top);--article-anchor-offset:var(--m-article-anchor-offset)}
 .article-page .article-layout {grid-template-columns:minmax(0,1fr)}
 .article-page .article-sidebar {grid-column:1;grid-row:3}
 .article-page .article-content {grid-column:1;grid-row:4}
 :root .article-page .article-toc {position:static;max-height:none;overflow:visible}
 .article-page .article-breadcrumbs {font-size:var(--tiny-size)}
}
