/* reddit.li article layout, plugin v1.2.0. Loaded only on posts that opt in (body.rl-article-page). */
.rl-article-page{--rl-wide:1160px;--rl-body:780px;--rl-pad:var(--wp--style--root--padding-left,clamp(20px,5vw,48px));--rl-ink:var(--wp--preset--color--contrast,#111);--rl-muted:color-mix(in srgb,var(--rl-ink) 62%,transparent);--rl-line:color-mix(in srgb,var(--rl-ink) 14%,transparent);--rl-soft:var(--wp--preset--color--accent-5,#fbfaf3)}
.rl-article-page .wp-site-blocks{padding-top:0}
.rl-article-page .rl-a-main{margin-top:0}
.rl-wrap{box-sizing:border-box;max-width:calc(var(--rl-wide) + 2*var(--rl-pad));margin:0 auto;padding:0 var(--rl-pad)}

/* top bar + site header */
.rl-topbar{background:var(--rl-ink);color:var(--wp--preset--color--base,#fff);font-size:13px;line-height:1.4}
.rl-topbar .rl-wrap{padding-top:7px;padding-bottom:7px}
.rl-topbar a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.rl-sitehead{border-bottom:1px solid var(--rl-line);background:var(--wp--preset--color--base,#fff)}
.rl-sitehead .rl-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px}
.rl-logo{font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--rl-ink);text-decoration:none}
.rl-sitenav{display:flex;gap:22px;font-size:15px}
.rl-sitenav a,.rl-sitefoot nav a{color:var(--rl-ink);text-decoration:none}
.rl-sitenav a:hover,.rl-sitefoot nav a:hover{text-decoration:underline}

/* article header */
.rl-a-head{background:var(--rl-soft);border-bottom:1px solid var(--rl-line)}
.rl-a-head__in{box-sizing:border-box;max-width:calc(var(--rl-body) + 2*var(--rl-pad));margin:0 auto;padding:clamp(24px,4vw,48px) var(--rl-pad) clamp(22px,3vw,36px)}
.rl-crumbs ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:nowrap;gap:0;font-size:13px;color:var(--rl-muted);min-width:0}
.rl-crumbs li{white-space:nowrap}
.rl-crumbs li+li::before{content:"\203A";margin:0 8px;color:var(--rl-muted)}
.rl-crumbs li[aria-current]{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}
.rl-crumbs li[aria-current] span{overflow:hidden;text-overflow:ellipsis}
.rl-crumbs a{color:inherit;text-decoration:none}
.rl-crumbs a:hover{text-decoration:underline}
.rl-kicker{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.rl-kicker a{color:var(--rl-ink);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px}
.rl-a-title{margin:0;max-width:none;font-size:clamp(2rem,1.25rem + 3vw,3.25rem);line-height:1.08;font-weight:600;letter-spacing:-.025em}
.rl-a-dek{margin:16px 0 0;max-width:46em;font-size:clamp(1.1rem,1rem + .45vw,1.35rem);line-height:1.45;color:color-mix(in srgb,var(--rl-ink) 80%,transparent)}
.rl-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin-top:22px;padding-top:16px;border-top:1px solid var(--rl-line);font-size:14px;color:var(--rl-muted)}
.rl-byline>*{white-space:nowrap}
.rl-byline>*+*::before{content:"\00B7";display:inline-block;margin:0 10px;text-decoration:none}
@media (max-width:600px){.rl-byline{gap:6px 16px}.rl-byline>*+*::before{content:none}}
.rl-by{color:var(--rl-ink)}
.rl-by a{color:var(--rl-ink);font-weight:600;text-decoration:none}
.rl-byline a{color:inherit}
.rl-by a:hover{text-decoration:underline}

/* body */
.rl-article-page .rl-a-body{padding-top:clamp(24px,3vw,40px)}
.rl-article-page .rl-article .rl-trust{font-size:15px;line-height:1.55;color:color-mix(in srgb,var(--rl-ink) 82%,transparent);border-left:3px solid var(--rl-ink);padding:2px 0 2px 16px}
.rl-article-page .rl-article .rl-trust p{margin:0}
.rl-article-page .rl-article .rl-trust p+p{margin-top:.6em}
.rl-article-page .rl-article h2.wp-block-heading{scroll-margin-top:24px}
.rl-article-page .rl-article h2.wp-block-heading{font-weight:600;letter-spacing:-.015em}

/* jump list */
.rl-toc{border-top:1px solid var(--rl-line);border-bottom:1px solid var(--rl-line);font-size:15px}
.rl-toc summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;list-style-position:inside}
.rl-toc ol{margin:0 0 16px;padding-left:1.3em;columns:2;column-gap:40px}
.rl-toc li{break-inside:avoid;padding:3px 0}
.rl-toc a{color:var(--rl-ink);text-decoration:none}
.rl-toc a:hover{text-decoration:underline}
@media (max-width:781px){.rl-toc ol{columns:1}}

/* article footer */
.rl-a-foot__in{box-sizing:border-box;max-width:calc(var(--rl-body) + 2*var(--rl-pad));margin:0 auto;padding:clamp(32px,4vw,56px) var(--rl-pad) 8px}
.rl-box{border-top:2px solid var(--rl-ink);padding:18px 0 22px;margin:0 0 8px}
.rl-box__label{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rl-muted)}
.rl-box__title{margin:0 0 8px;font-size:1.35rem;font-weight:600;line-height:1.25}
.rl-box p{margin:0 0 10px;font-size:16px;line-height:1.6}
.rl-box__links{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:15px}
.rl-box__links a{color:var(--rl-ink)}
.rl-updated{margin:8px 0 0;font-size:14px;color:var(--rl-muted)}

/* site footer */
.rl-sitefoot{margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--rl-line);background:var(--rl-soft);font-size:14px;color:var(--rl-muted)}
.rl-sitefoot .rl-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-top:28px;padding-bottom:28px}
.rl-sitefoot nav{display:flex;gap:20px}
.rl-sitefoot p{margin:0;flex-basis:100%}
.rl-sitefoot .rl-logo{font-size:18px}

@media (max-width:600px){
 .rl-sh-hide-sm{display:none}
 .rl-sitehead .rl-wrap{min-height:52px}
 .rl-logo{font-size:20px}
 .rl-byline{font-size:13px}
 .rl-crumbs ol{margin-bottom:14px}
}