:root {
--abs-essay-w: 42.5rem;
--abs-essay-side: 13rem;
--abs-essay-gap: 4rem;
--abs-frame: min(84rem, 100% - 2 * var(--abs-gutter));
--abs-thumb: 7rem;
--abs-thumb-s: 4.5rem;
}
@media (max-width: 640px) { :root { --abs-thumb: 4.5rem; --abs-thumb-s: 3.5rem; } } .editorial-blog a,
.single-post .site-main a { text-underline-offset: .15em; } :is(.editorial-sidebar .wp-block-search__button,
#leave-comment-toggle.post-engagement__cta-btn,
.comment-respond .form-submit .submit,
.social-sharing-wrapper .rrssb-buttons li a) {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: .7rem 1.1rem;
border: 1px solid var(--abs-ink);
border-radius: 0;
background: transparent;
box-shadow: none;
color: var(--abs-ink);
font-family: inherit;
font-size: var(--abs-t-micro);
font-weight: 600;
line-height: 1;
letter-spacing: .06em;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
}
:is(.editorial-sidebar .wp-block-search__button,
#leave-comment-toggle.post-engagement__cta-btn,
.comment-respond .form-submit .submit,
.social-sharing-wrapper .rrssb-buttons li a):is(:hover, :focus-visible) {
background: var(--abs-ink);
color: var(--abs-paper);
box-shadow: none;
}
:is(.editorial-sidebar .wp-block-search__button,
#leave-comment-toggle.post-engagement__cta-btn,
.comment-respond .form-submit .submit,
.social-sharing-wrapper .rrssb-buttons li a):focus-visible,
:is(.editorial-filters__chip, .pagination__link, .editorial-more__link, .toc-list__link,
.post-navigation__link, .related-post-title a, .editorial-collections__link):focus-visible {
outline: 2px solid var(--abs-ink);
outline-offset: 3px;
box-shadow: 0 0 0 3px var(--abs-accent);
} .is-media-missing { display: none !important; } :is(.editorial-hero, .editorial-archive-header--hero) {
background: none;
border: 0;
padding: clamp(4rem, 10vw, 8.5rem) var(--abs-gutter) 3rem;
}
:is(.editorial-hero__inner, .editorial-archive-header__inner) {
max-width: 84rem;
margin-inline: auto;
padding: 0;
text-align: left;
}
.editorial-hero .editorial-hero__title,
.editorial-archive-header--hero .editorial-archive-header__title {
margin: 0 0 2.5rem;
color: var(--abs-ink);
font-size: var(--abs-t-display);
font-weight: 300;
line-height: .98;
letter-spacing: -.035em;
text-transform: none;
text-wrap: balance;
max-width: none;
}
.editorial-hero__subtitle-wrap { display: block; margin: 0; }
:is(.editorial-hero__rule, .editorial-archive-header__rule) { display: none; }
.editorial-hero .editorial-hero__subtitle,
.editorial-archive-header__description,
.editorial-archive-header__description p {
margin: 0;
max-width: 40rem;
color: var(--abs-ink-dim);
font-size: var(--abs-t-lead);
font-weight: 400;
line-height: 1.5;
letter-spacing: 0;
text-transform: none;
}
.editorial-archive-header--hero .editorial-archive-header__label {
display: block;
margin: 0 0 1.5rem;
color: var(--abs-ink-dim);
font-size: var(--abs-t-micro);
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
}
.editorial-archive-header__desc-wrap { display: block; margin: 0; } .editorial-filters {
background: none;
border: 0;
border-top: 1px solid var(--abs-rule);
padding: 0 var(--abs-gutter);
}
.editorial-filters__inner { max-width: 84rem; margin-inline: auto; padding: 0; }
.editorial-filters__list {
display: flex;
flex-wrap: wrap;
gap: 0 1.75rem;
margin: 0;
padding: 0;
list-style: none;
}
.editorial-filters__list li { margin: 0; }
a.editorial-filters__chip {
display: inline-flex;
align-items: baseline;
gap: .4rem;
min-height: 44px;
padding: 0;
border: 0;
border-radius: 0;
background: none;
color: var(--abs-ink-dim);
font-size: var(--abs-t-micro);
font-weight: 600;
letter-spacing: .01em;
line-height: 44px;
text-decoration: none;
}
a.editorial-filters__chip :is(.editorial-filters__name, .editorial-filters__count) {
color: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
}
a.editorial-filters__chip:hover { color: var(--abs-ink); background: none; }
a.editorial-filters__chip.is-current {
color: var(--abs-ink);
background: none;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: .5em;
}
@media (max-width: 640px) { .editorial-filters__list { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.editorial-filters__list::-webkit-scrollbar { display: none; }
a.editorial-filters__chip { white-space: nowrap; }
} .editorial-feature {
background: none;
border-top: 1px solid var(--abs-rule);
padding: 4rem var(--abs-gutter) 4rem; min-height: 0;
}
.editorial-feature__inner {
max-width: 84rem;
margin-inline: auto;
padding: 0;
gap: clamp(2rem, 5vw, 5rem);
align-items: start;
}
.editorial-feature__label { margin: 0 0 1.5rem; }
.editorial-feature__rule { display: none; }
.editorial-feature .editorial-feature__vol {
color: var(--abs-ink-dim);
font-size: var(--abs-t-micro);
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
}
.editorial-feature .entry-kicker { display: none; }
.editorial-feature .editorial-feature__title {
margin: 0 0 1.5rem;
font-size: var(--abs-t-display);
font-weight: 300;
line-height: 1.02;
letter-spacing: -.03em;
text-transform: none;
text-wrap: balance;
}
.editorial-feature__title a { color: inherit; text-decoration: none; }
.editorial-feature__title a:is(:hover, :focus-visible) { text-decoration: underline; text-decoration-thickness: 1px; }
.editorial-feature .editorial-feature__excerpt {
max-width: 36rem;
margin: 0 0 2rem;
padding: 0;
border: 0;
color: var(--abs-ink-2);
font-size: var(--abs-t-body);
font-style: normal;
line-height: 1.6;
}
.editorial-feature__excerpt .entry-dateline { color: var(--abs-ink-dim); font-style: normal; }
.editorial-feature .editorial-feature__link {
display: inline-block;
padding: 0 0 .12em;
border: 0;
border-bottom: 1px solid var(--abs-accent);
color: var(--abs-ink);
font-size: var(--abs-t-body);
font-weight: 700;
letter-spacing: -.01em;
text-transform: none;
text-decoration: none;
}
.editorial-feature__arrow { display: none; }
.editorial-feature__media, .editorial-feature__image-link { border-radius: 0; box-shadow: none; }
.editorial-feature__media { height: auto; max-height: none; aspect-ratio: auto; }
.editorial-feature__img { display: block; width: 100%; height: auto; border-radius: 0; box-shadow: none; } .editorial-feed { background: none; padding: 0 var(--abs-gutter); }
.editorial-feed__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) 17rem;
align-items: start;
max-width: 84rem;
margin-inline: auto;
padding: 0;
gap: clamp(2rem, 5vw, 5rem);
}
.editorial-feed__main { display: block; padding-left: 0; border-right: 0; }
.editorial-feed .editorial-sidebar { max-width: none; width: auto; }
.editorial-feed .editorial-sidebar__inner { padding: 0; }
@media (max-width: 900px) { .editorial-feed__inner { grid-template-columns: minmax(0, 1fr); } }
.editorial-feed .editorial-entry {
position: relative;
margin: 0;
padding: 0;
border: 0;
border-top: 1px solid var(--abs-rule);
border-radius: 0;
background: none;
box-shadow: none;
color: var(--abs-ink);
min-height: 0;
}
.editorial-feed .editorial-entry:last-child { border-bottom: 1px solid var(--abs-rule); }
.editorial-feed .editorial-entry:is(:hover, :focus-within) { border-top-color: var(--abs-accent); } .editorial-feed .editorial-entry--sidebyside { display: block; min-height: calc(var(--abs-thumb) + 3rem); }
.editorial-feed .editorial-entry--sidebyside > .editorial-entry__body { display: grid; }
.editorial-feed .editorial-entry--sidebyside > .editorial-entry__body > :is(.editorial-entry__title, .editorial-entry__columns, .editorial-entry__excerpt, .editorial-entry__footer) {
padding-right: calc(var(--abs-thumb) + 1.5rem);
}
.editorial-feed .editorial-entry--sidebyside > .editorial-entry__media {
position: absolute;
top: 1.5rem;
right: 0;
margin: 0;
padding: 0;
width: var(--abs-thumb);
}
.editorial-entry__sticky-img { position: static; margin: 0; padding: 0; }
.editorial-entry__media a { display: block; }
.editorial-entry__media .editorial-entry__img {
display: block;
width: var(--abs-thumb);
height: var(--abs-thumb);
aspect-ratio: 1;
object-fit: cover;
border-radius: 0;
box-shadow: none;
filter: none;
}
:is(.editorial-entry__overlay, .editorial-entry__overlay-content, .editorial-entry__body) {
display: grid;
background: none;
margin: 0;
padding: 0;
max-width: none;
min-height: 0;
}
.editorial-entry__overlay { display: block; }
:is(.editorial-entry__overlay-content, .editorial-entry__body) {
grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
grid-template-rows: auto auto 1fr;
column-gap: 1.5rem;
padding: 1.5rem 0;
align-items: baseline;
}
:is(.editorial-entry__overlay-content, .editorial-entry__body) > .editorial-entry__meta {
grid-column: 1;
grid-row: 1 / span 3;
display: flex;
flex-wrap: wrap;
gap: 0 .75rem;
margin: 0;
color: var(--abs-ink-dim);
}
:is(.editorial-entry__overlay-content, .editorial-entry__body) > .entry-kicker { display: none; }
:is(.editorial-entry__overlay-content, .editorial-entry__body) > .editorial-entry__title { grid-column: 2; grid-row: 1; }
:is(.editorial-entry__overlay-content, .editorial-entry__body) > :is(.editorial-entry__columns, .editorial-entry__excerpt, .editorial-entry__footer) { grid-column: 2; }
.editorial-entry__columns, .editorial-entry__footer, .editorial-entry__col-cta { display: block; margin: 0; padding: 0; border: 0; }
.editorial-entry__category-pill,
.editorial-entry__read-time {
padding: 0;
border: 0;
border-radius: 0;
background: none;
color: var(--abs-ink-dim);
font-size: var(--abs-t-micro);
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
}
.editorial-feed .editorial-entry__title {
margin: 0;
font-size: var(--abs-t-title);
font-weight: 300;
line-height: 1.15;
letter-spacing: -.02em;
text-transform: none;
text-wrap: balance;
color: var(--abs-ink);
max-width: none;
}
.editorial-entry__title a { color: inherit; text-decoration: none; } .editorial-entry__title a::after { content: ""; position: absolute; inset: 0; }
.editorial-entry:hover .editorial-entry__title a,
.editorial-entry__title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; }
.editorial-entry :is(.editorial-entry__excerpt, .editorial-entry__excerpt-secondary) {
margin: .75rem 0 0;
max-width: 40rem;
color: var(--abs-ink-2);
font-size: var(--abs-t-body);
line-height: 1.6;
column-count: 1;
} .editorial-entry__excerpt + .editorial-entry__footer .editorial-entry__excerpt-secondary,
.editorial-entry__excerpt + .editorial-entry__col-cta .editorial-entry__excerpt-secondary { display: none; }
.editorial-entry .entry-dateline { color: var(--abs-ink-dim); font-style: normal; }
.editorial-entry__cta-link { display: none; }
@media (max-width: 760px) {
:is(.editorial-entry__overlay-content, .editorial-entry__body) { grid-template-columns: minmax(0, 1fr); row-gap: .5rem; }
:is(.editorial-entry__overlay-content, .editorial-entry__body) > .editorial-entry__meta { grid-row: 1; }
:is(.editorial-entry__overlay-content, .editorial-entry__body) > .editorial-entry__title { grid-column: 1; grid-row: 2; }
:is(.editorial-entry__overlay-content, .editorial-entry__body) > :is(.editorial-entry__columns, .editorial-entry__excerpt, .editorial-entry__footer) { grid-column: 1; }
} .editorial-sidebar .editorial-widget {
margin: 0 0 2.5rem;
padding: 0;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
}
.editorial-feed .editorial-sidebar .editorial-widget :is(.wp-block-search__label, h2, h3, .widget-title, .editorial-widget__title) {
display: block;
margin: 0 0 1rem;
padding: 0;
border: 0;
color: var(--abs-ink-dim);
font-size: var(--abs-t-micro);
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
}
.editorial-widget__dot { display: none; }
.editorial-sidebar .wp-block-search__inside-wrapper { display: flex; gap: .5rem; border: 0; padding: 0; }
.editorial-sidebar .wp-block-search__input {
flex: 1 1 auto;
min-width: 0;
min-height: 44px;
padding: .5rem .75rem;
border: 1px solid var(--abs-line);
border-radius: 0;
background: transparent;
color: var(--abs-ink);
font: inherit;
font-size: var(--abs-t-body);
}
.editorial-sidebar .wp-block-search__input:focus-visible { outline: 2px solid var(--abs-ink); outline-offset: 2px; box-shadow: 0 0 0 3px var(--abs-accent); }
.editorial-sidebar :is(.wp-block-categories-list, .editorial-collections__list) { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--abs-rule); }
.editorial-sidebar :is(.wp-block-categories-list, .editorial-collections__list) li { margin: 0; padding: 0; border-bottom: 1px solid var(--abs-rule); }
.editorial-sidebar :is(.wp-block-categories-list, .editorial-collections__list) a {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 44px;
padding: .35rem 0;
color: var(--abs-ink);
font-size: var(--abs-t-body);
text-decoration: none;
}
.editorial-sidebar :is(.wp-block-categories-list, .editorial-collections__list) a:is(:hover, :focus-visible) { text-decoration: underline; text-decoration-thickness: 1px; }
.editorial-recent__item { border-radius: 0; box-shadow: none; } .editorial-pagination { background: none; padding: 2.5rem var(--abs-gutter) 0; border: 0; }
.editorial-pagination__inner { max-width: 84rem; margin-inline: auto; padding: 0; justify-content: flex-start; }
.editorial-pagination .pagination-nav { margin: 0; }
.pagination-nav .pagination, .pagination { display: flex; flex-wrap: wrap; gap: 0 .5rem; margin: 0; padding: 0; list-style: none; justify-content: flex-start; }
.pagination__item { margin: 0; }
a.pagination__link, span.pagination__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
padding: 0 .5rem;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
color: var(--abs-ink-dim);
font-size: var(--abs-t-micro);
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
text-decoration: none;
}
a.pagination__link:hover { color: var(--abs-ink); background: none; }
.pagination__link.current { color: var(--abs-ink); background: none; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .5em; }
.editorial-more { background: none; border: 0; padding: 4rem var(--abs-gutter) 0; }
.editorial-more__inner { max-width: 84rem; margin-inline: auto; padding: 1.5rem 0 0; border-top: 1px solid var(--abs-rule); }
.editorial-more .editorial-more__title {
margin: 0 0 .5rem;
color: var(--abs-ink-dim);
font-size: var(--abs-t-micro);
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
}
.editorial-more__list { display: flex; flex-wrap: wrap; gap: 0 1.75rem; margin: 0; padding: 0; list-style: none; }
.editorial-more__item { margin: 0; }
a.editorial-more__link {
display: inline-flex;
align-items: baseline;
gap: .4rem;
min-height: 44px;
padding: 0;
border: 0;
border-radius: 0;
background: none;
color: var(--abs-ink);
font-size: var(--abs-t-micro);
font-weight: 600;
line-height: 44px;
letter-spacing: .01em;
text-transform: none;
text-decoration: none;
}
a.editorial-more__link:is(:hover, :focus-visible) { background: none; text-decoration: underline; text-decoration-thickness: 1px; }
.editorial-more__count { color: var(--abs-ink-dim); font-size: inherit; } .single-post main > .container {
max-width: none;
padding-inline: var(--abs-gutter);
}
.single-post :is(.entry-header--minimal, .single-post-layout, .author-bio, .post-engagement, .post-navigation, .related-posts) {
width: calc(var(--abs-essay-w) + var(--abs-essay-side) + var(--abs-essay-gap));
max-width: 100%;
margin-inline: auto;
box-sizing: border-box;
}
.single-post .entry-header--minimal {
margin-block: 0;
padding: clamp(4rem, 10vw, 8.5rem) 0 3rem;
text-align: left;
}
.single-post .entry-header--minimal .entry-meta {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 0 .6rem;
margin: 0 0 1.5rem;
color: var(--abs-ink-dim);
font-size: var(--abs-t-micro);
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
}
.single-post .entry-header--minimal .entry-meta :is(a, .meta-category a) { color: inherit; text-decoration: none; }
.single-post .entry-header--minimal .entry-meta a:is(:hover, :focus-visible) { color: var(--abs-ink); text-decoration: underline; }
.single-post .entry-header--minimal .meta-separator { margin: 0; font-size: inherit; }
@media (max-width: 640px) { .single-post .entry-header--minimal .entry-meta { gap: 0 1rem; }
.single-post .entry-header--minimal .meta-separator { display: none; }
}
.single-post .entry-header--minimal .entry-title {
margin: 0;
max-width: 56rem;
color: var(--abs-ink);
font-size: var(--abs-t-display);
font-weight: 300;
line-height: 1.02;
letter-spacing: -.03em;
text-align: left;
text-wrap: balance;
}
.single-post .single-post-layout {
grid-template-columns: minmax(0, var(--abs-essay-w)) var(--abs-essay-side);
column-gap: var(--abs-essay-gap);
justify-content: start;
}
.single-post .single-post-layout__content .entry-content { max-width: none; margin-inline: 0; } .single-post .single-post-layout__content .entry-content > * { max-width: var(--abs-essay-w); padding-inline: 0; }
.single-post .single-post-layout__content .entry-content :is(p, li) {
font-size: var(--abs-t-body);
line-height: 1.7;
}
.single-post .single-post-layout__content .entry-content h2.wp-block-heading {
margin: 2.5em 0 .75em;
color: var(--abs-ink);
font-size: var(--abs-t-title);
font-weight: 600;
line-height: 1.15;
letter-spacing: -.02em;
text-wrap: balance;
}
.single-post .single-post-layout__content .entry-content h3.wp-block-heading {
margin: 2em 0 .5em;
color: var(--abs-ink);
font-size: var(--abs-t-lead);
font-weight: 600;
line-height: 1.25;
}
.single-post .entry-content :is(img, figure, video, iframe) { border-radius: 0; box-shadow: none; }
.single-post .entry-content img { max-width: 100%; height: auto; }
@media (max-width: 1024px) {
.single-post :is(.entry-header--minimal, .single-post-layout, .author-bio, .post-engagement, .post-navigation, .related-posts) { width: min(var(--abs-essay-w), 100%); }
.single-post .single-post-layout { grid-template-columns: minmax(0, 1fr); }
} .single-sidebar__heading,
.mobile-toc__toggle {
color: var(--abs-ink-dim);
font-size: var(--abs-t-micro);
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
}
.single-sidebar__section { border-bottom: 1px solid var(--abs-rule); }
.toc-list__link {
color: var(--abs-ink-dim);
font-size: var(--abs-t-micro);
line-height: 1.5;
text-decoration: none;
}
.toc-list__link:hover { color: var(--abs-ink); text-decoration: underline; }
.toc-list__link.is-active { color: var(--abs-ink); border-left-color: var(--abs-ink); }
.single-post .mobile-toc { background: none; border: 0; border-top: 1px solid var(--abs-rule); border-bottom: 1px solid var(--abs-rule); border-radius: 0; box-shadow: none; } .single-post .social-sharing-wrapper {
max-width: var(--abs-essay-w);
margin: 3rem 0 0;
padding: 1.5rem 0 0;
border: 0;
border-top: 1px solid var(--abs-rule);
background: none;
}
.social-sharing-wrapper h5 {
margin: 0 0 1rem;
color: var(--abs-ink-dim);
font-size: var(--abs-t-micro);
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
}
.social-sharing-wrapper .rrssb-buttons { display: flex; flex-wrap: wrap; gap: .75rem; height: auto; margin: 0; padding: 0; list-style: none; }  .social-sharing-wrapper .rrssb-buttons::before, .social-sharing-wrapper .rrssb-buttons::after { display: none; }
.social-sharing-wrapper .rrssb-buttons li { width: auto !important; min-width: 0; max-width: none; height: auto; margin: 0; padding: 0; background: none; flex: 0 0 auto !important; position: static; left: auto; }
.social-sharing-wrapper .rrssb-buttons li a { width: auto; height: auto; }
.social-sharing-wrapper .rrssb-buttons .rrssb-icon { display: none; } .social-sharing-wrapper .rrssb-buttons li a .rrssb-text { opacity: 1 !important; visibility: visible !important; }
.social-sharing-wrapper .rrssb-buttons .rrssb-text { position: static; margin: 0; padding: 0; color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: inherit; } .single-post .author-bio {
margin-top: 4rem;
padding: 2.5rem 0 0;
border: 0;
border-top: 1px solid var(--abs-rule);
border-radius: 0;
background: none;
box-shadow: none;
}
.author-bio .author-info { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: 1.5rem; align-items: start; padding: 0; background: none; }
.author-bio .author-avatar { margin: 0; padding: 0; }
.author-bio .author-avatar img {
display: block;
width: 6rem;
height: 6rem;
object-fit: cover;
border: 0;
border-radius: 0;
box-shadow: none;
}
.author-bio .author-name { margin: 0 0 .5rem; font-size: var(--abs-t-lead); font-weight: 600; line-height: 1.25; }
.author-bio .author-name a { color: var(--abs-ink); text-decoration: none; }
.author-bio .author-description { max-width: 36rem; color: var(--abs-ink-2); font-size: var(--abs-t-body); line-height: 1.6; }
.author-bio .author-description p { margin: 0; } .single-post .post-engagement { margin-top: 0; padding-top: 0; border-top: 0; }
.post-engagement__row { display: block; }
.post-engagement__comment-cta {
margin: 0;
padding: 2.5rem 0 0;
border: 0;
border-top: 1px solid var(--abs-rule);
border-radius: 0;
background: none;
box-shadow: none;
text-align: left;
}
.post-engagement__comment-cta .post-engagement__cta-title { margin: 0 0 .5rem; font-size: var(--abs-t-lead); font-weight: 600; line-height: 1.25; }
.post-engagement__comment-cta .post-engagement__cta-text { margin: 0 0 1.5rem; color: var(--abs-ink-dim); font-size: var(--abs-t-body); }
#leave-comment-toggle.post-engagement__cta-btn svg { display: none; }
#respond.comment-respond { margin: 2rem 0 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.comment-respond .comment-reply-title { font-size: var(--abs-t-lead); font-weight: 600; }
.comment-respond label { color: var(--abs-ink-dim); font-size: var(--abs-t-micro); font-weight: 600; }
.comment-respond :is(textarea, input[type="text"], input[type="email"], input[type="url"]) {
width: 100%;
max-width: var(--abs-essay-w);
border: 1px solid var(--abs-line);
border-radius: 0;
background: transparent;
color: var(--abs-ink);
font: inherit;
font-size: var(--abs-t-body);
box-shadow: none;
}
.comment-respond :is(textarea, input):focus-visible { outline: 2px solid var(--abs-ink); outline-offset: 2px; box-shadow: 0 0 0 3px var(--abs-accent); } .single-post .post-navigation { margin-top: 3rem; padding: 0; border: 0; background: none; }
.post-navigation__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; border-top: 1px solid var(--abs-rule); padding: 1.5rem 0 0; }
.post-navigation__link { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--abs-ink); text-decoration: none; }
.post-navigation__link--next { text-align: right; justify-content: flex-end; }
.post-navigation__label { color: var(--abs-ink-dim); font-size: var(--abs-t-micro); font-weight: 600; letter-spacing: .01em; text-transform: none; }
.post-navigation__title { color: var(--abs-ink); font-size: var(--abs-t-lead); font-weight: 300; line-height: 1.25; letter-spacing: -.01em; }
.post-navigation__link:is(:hover, :focus-visible) .post-navigation__title { text-decoration: underline; text-decoration-thickness: 1px; }
.post-navigation__thumb { display: block; flex: none; width: var(--abs-thumb-s); height: var(--abs-thumb-s); }
.post-navigation__image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; }
.post-navigation__link { display: flex; align-items: flex-start; gap: 1rem; }
.post-navigation__link--next .post-navigation__text { flex: 1; }
.post-navigation__link--prev .post-navigation__text { flex: 1; }
@media (max-width: 640px) { .post-navigation__inner { grid-template-columns: 1fr; } .post-navigation__link--next { text-align: left; } } .single-post .related-posts { margin-top: 4rem; padding: 0; background: none; border: 0; }
.related-posts-header { margin: 0 0 1.5rem; padding: 0; border: 0; }
.single-post .related-posts .related-posts-header { margin: 0 0 1.5rem; text-align: left; }
.single-post .related-posts .related-posts-header .related-posts-title { margin: 0; color: var(--abs-ink); font-size: var(--abs-t-title); font-weight: 300; line-height: 1.15; letter-spacing: -.02em; text-transform: none; text-align: left; }
.related-posts .related-posts-title::after { display: none; }
.related-posts-grid { display: block; margin: 0; padding: 0; }
.related-posts-grid .related-post-item {
display: block;
margin: 0;
padding: 1.5rem 0;
border: 0;
border-top: 1px solid var(--abs-rule);
border-radius: 0;
background: none;
box-shadow: none;
transform: none;
}
.related-posts-grid .related-post-item:last-child { border-bottom: 1px solid var(--abs-rule); }
.related-posts-grid .related-post-item:has(.related-post-thumbnail),
.related-posts-list .related-post-item:has(.related-post-thumbnail) {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--abs-thumb-s);
column-gap: 1.5rem;
align-items: start;
}
.related-post-item > .related-post-content { grid-column: 1; grid-row: 1; }
.related-post-thumbnail { grid-column: 2; grid-row: 1; margin: 0; width: var(--abs-thumb-s); }
.related-post-thumbnail a { display: block; }
.related-posts .related-post-thumbnail .related-post-image { display: block; width: var(--abs-thumb-s); height: var(--abs-thumb-s); aspect-ratio: 1; object-fit: cover; border-radius: 0; box-shadow: none; }
.related-post-content { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 1.5rem; align-items: baseline; padding: 0; }
.related-post-content .related-post-title { grid-column: 2; grid-row: 1; margin: 0; font-size: var(--abs-t-lead); font-weight: 300; line-height: 1.25; letter-spacing: -.01em; }
.related-post-title a { color: var(--abs-ink); text-decoration: none; }
.related-post-title a:is(:hover, :focus-visible) { text-decoration: underline; text-decoration-thickness: 1px; }
.related-post-content .related-post-meta { grid-column: 1; grid-row: 1; display: flex; flex-wrap: wrap; gap: 0 .75rem; margin: 0; color: var(--abs-ink-dim); font-size: var(--abs-t-micro); font-weight: 600; letter-spacing: .01em; text-transform: none; }
.related-posts .related-post-meta :is(a, .related-post-categories a) { color: inherit; text-decoration: none; }
@media (max-width: 640px) {
.related-post-content { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
.related-post-content .related-post-title, .related-post-content .related-post-meta { grid-column: 1; grid-row: auto; }
} .single-post .abs-essay-hero {
--abs-overrun: 1.5rem;
position: relative;
isolation: isolate;
width: calc(var(--abs-essay-w) + var(--abs-essay-side) + var(--abs-essay-gap));
max-width: 100%;
margin: 0 auto 3rem;
box-sizing: border-box;
}
.single-post .abs-essay-hero__plate { position: relative; isolation: isolate; padding: var(--abs-overrun); margin-inline: calc(-1 * var(--abs-overrun)); }
.single-post .abs-essay-hero__img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0; box-shadow: none; }
@media (max-width: 1024px) { .single-post .abs-essay-hero { width: min(var(--abs-essay-w), 100%); } }
@media (max-width: 600px) { .single-post .abs-essay-hero { --abs-overrun: 1rem; } }