/* Skin: white index cards, a vermilion tab and a small physical offset. */
:root {
  --ink: #20211f;
  --paper: #ffffff;
  --muted: #575b5a;
  --card: #f2f4f4;
  --line: #c7cece;
  --accent: #c23b27;
  --accent-dark: #a93120;
  --link: #b33321;
  --notch: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
  --small-notch: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
}
html { color-scheme: light; background: var(--paper); }
body { color: var(--ink); background: var(--paper); }
a { color: var(--link); text-underline-offset: .2em; text-decoration-thickness: 1.5px; }
a:hover { color: var(--accent-dark); text-decoration-thickness: 2px; }
::selection { color: var(--paper); background: var(--accent-dark); }
:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.c-site-header { border-bottom: 3px solid var(--accent); }
.c-wordmark { color: var(--ink); text-decoration: none; }
.c-wordmark:hover { color: var(--link); }
.c-wordmark-divider { color: var(--accent); padding-inline: .15rem; }
.c-mark { background: var(--accent); clip-path: var(--small-notch); }
.c-mark::after { background: var(--paper); box-shadow: 0 7px 0 var(--paper); }
.c-nav-label { color: var(--muted); }
.c-topic-cluster a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--line); clip-path: var(--small-notch); }
.c-topic-cluster a:hover { color: var(--link); background: var(--card); text-decoration-color: currentColor; }
.c-topic-cluster a[aria-current="page"] { color: var(--paper); background: var(--accent); text-decoration-color: currentColor; }
.c-eyebrow { color: var(--paper); background: var(--accent); clip-path: var(--small-notch); }
.c-deck { color: var(--muted); }
.c-still-life, .c-reading-image { background: var(--card); clip-path: var(--notch); filter: drop-shadow(5px 7px 0 #e0e5e5); }
.c-image-well { background: #e6ebeb; clip-path: var(--small-notch); }
.c-image-well img { color: var(--muted); font-size: 17px; line-height: 1.4; }
figcaption { color: var(--muted); }
.c-lesson { filter: drop-shadow(5px 7px 0 #e0e5e5); }
.c-lesson-myth, .c-lesson-fact { clip-path: var(--notch); }
.c-lesson-myth { background: var(--card); }
.c-lesson-myth .c-label { color: var(--link); background: var(--paper); clip-path: var(--small-notch); }
.c-lesson-fact { color: var(--paper); background: var(--accent); }
.c-lesson-fact .c-label { color: var(--link); background: var(--paper); clip-path: var(--small-notch); }
.c-lesson-fact a { color: var(--paper); }
.c-lesson-fact a:hover { background: var(--accent-dark); }
.c-margin { color: var(--muted); background: var(--card); border-top: 9px solid var(--accent); clip-path: var(--notch); }
.c-margin h2, .c-margin dt { color: var(--ink); }
.c-check-list li::marker, .c-question-list li::marker { color: var(--link); font-weight: 700; }
.c-bill-map { filter: drop-shadow(4px 6px 0 #e0e5e5); }
.c-bill-map > div { background: var(--card); border-top: 6px solid var(--accent); clip-path: var(--notch); }
.c-bill-map h3 { color: var(--ink); }
.c-question-strip { background: var(--card); border-left: 7px solid var(--accent); clip-path: var(--notch); }
.c-question-strip h3 { color: var(--ink); }
.c-route-links a { background: var(--card); clip-path: var(--small-notch); }
.c-sources { background: var(--card); border-top: 9px solid var(--accent); clip-path: var(--notch); }
.c-source-date { color: var(--ink); }
.c-sources li { border-top: 2px solid var(--line); }
.c-sources li p { color: var(--muted); }
.c-next { color: var(--link); background: var(--card); clip-path: var(--notch); text-decoration: none; }
.c-next:hover { background: #e6ebeb; }
.c-next > span:first-child { color: var(--muted); }
.c-next > strong { text-decoration: underline; text-underline-offset: .2em; }
.c-notes { background: var(--card); border-top: 9px solid var(--accent); clip-path: var(--notch); }
.c-notes-heading p, #notes-status { color: var(--muted); }
.c-notes textarea { color: var(--ink); background: var(--paper); border: 2px solid #737c7b; border-radius: 0; }
.c-notes textarea::placeholder { color: var(--muted); opacity: 1; }
.c-notes-actions button { color: var(--paper); background: var(--accent); border: 0; border-radius: 0; clip-path: var(--small-notch); }
.c-notes-actions #clear-notes { color: var(--ink); background: #dce2e2; }
.c-notes-actions button:hover { background: var(--accent-dark); color: var(--paper); }
.c-notes-actions #clear-notes:hover { color: var(--ink); background: #c7cece; }
.c-topic-cluster a:focus-visible, .c-next:focus-visible, .c-route-links a:focus-visible, .c-notes-actions button:focus-visible { outline-offset: -5px; }
.c-topic-cluster a[aria-current="page"]:focus-visible, .c-notes-actions #save-notes:focus-visible, .c-lesson-fact a:focus-visible { outline-color: var(--paper); }
.c-footer { border-top: 3px solid var(--line); color: var(--muted); }
.c-skip { background: var(--paper); color: var(--ink); border: 3px solid var(--accent); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto; animation: none; transition: none; }
}