/* Style Guide for Rob's Personal Projects: structural overrides layered after site.css. */
*, *::before, *::after { border-radius: 0 !important; }
.status { border-radius: 50% !important; }
body { background: var(--rp-bg); }
h1, h2, h3 { font-family: var(--rp-font); font-weight: 800; }
h1 { letter-spacing: -.03em; }
a { color: var(--rp-accent-text); }
:focus-visible { outline: 2px solid var(--rp-accent); outline-offset: 2px; }
.button { border-width: 2px; font-weight: 800; justify-content: space-between; text-align: left; }
.callout-warning { background: var(--rp-surface); border-color: var(--rp-ink); }
.experimental { background: #eda100; box-shadow: inset 0 0 0 1px var(--rp-ink); } /* chart slot 4: keeps it apart from "tested" blue */
.code-sample { box-shadow: none; }
.code-toolbar button { border-color: var(--rp-bg); }
#guide-search { border-color: var(--rp-ink); background: var(--rp-bg); }
.rp-backlink { position: relative; z-index: 3; }
.site-rail, .mobile-header { background: var(--rp-bg); }
.site-rail { border-right: 2px solid var(--rp-ink); }
.hero-copy h1 { letter-spacing: -.03em; }