:root{--article-charcoal: #36454F;--article-accent: #ff6f61;--article-cream: #FFFDD0;--article-primary: #00aebb;--article-dark: #2d2d2d;--article-orange: #ffc439}:where(.article-body) h2{color:var(--article-charcoal);font-size:1.2em;font-weight:700;margin-top:2em;margin-bottom:1em;padding-bottom:.3em;border-bottom:3px solid var(--article-accent);scroll-margin-top:80px}:where(.article-body) h3{scroll-margin-top:80px;font-size:medium;font-weight:700;background-color:#f0f0f0;padding:.5rem}:where(.article-body) p{font-size:16px;line-height:2;color:var(--article-charcoal);margin-top:1.5em;margin-bottom:1.5em;padding:0 10px}:where(.article-body) ul{list-style:square;margin-left:2rem;margin-right:2rem;margin-bottom:2rem}:where(.article-body) ol{list-style-type:decimal;margin-left:2rem;margin-right:2rem;margin-bottom:2rem}:where(.article-body) li{margin-top:.5rem}:where(.article-body) blockquote{position:relative;border-left:3px solid #DA8596;padding-left:10px}:where(.article-body) blockquote p{position:relative;padding-left:30px}:where(.article-body) blockquote cite{display:block;font-size:.8rem;color:var(--article-charcoal);text-align:right}:where(.article-body) pre{background-color:#f4f4f4;border:1px solid #ccc;border-radius:8px;padding:16px;overflow:auto;white-space:pre-wrap;font-family:Courier New,Courier,monospace;margin-top:16px;margin-bottom:32px}:where(.article-body) code{background-color:#f4f4f4;border:1px solid #ccc;border-radius:4px;padding:2px 4px;font-family:Courier New,Courier,monospace;color:#d63384}:where(.article-body) pre code{background-color:transparent;border:none;padding:0;color:#000}.article-heading{color:#fff;font-size:1.4em;font-weight:700;margin-bottom:.6em;padding:1rem 2rem;border-left:8px solid var(--article-primary);border-right:8px solid var(--article-primary);background:var(--article-dark);letter-spacing:1px;text-align:center}.article-tag{display:inline-flex;justify-content:center;align-items:center;background-color:var(--article-charcoal);color:var(--article-cream);font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:9999px;box-shadow:0 2px 4px #0000000d;margin:.25rem;transition:background-color .3s ease}.article-tag:hover{background-color:var(--article-primary)}.article-accent{color:var(--article-orange)}.article-accent-border{border-color:var(--article-orange)}
