/* Skin: bright objects, quiet reading surfaces, and motion confined to decoration. */
:root {
  color-scheme: light;
  --ink: #151315;
  --paper: #fffdf5;
  --pink: #FF69B4;
  --lime: #CCFF00;
  --orange: #FF6600;
  --cyan: #00FFFF;
  --yellow: #FFFF00;
  --magenta: #FF00FF;
  --red: #FF0000;
  --blue: #4169E1;
  --edge: 4px solid var(--orange);
  --shadow: 8px 8px 0 #000;
  /* A unit-mass spring (stiffness 120, damping 20) sampled over 0.8 s, then fitted to the 480 ms transition. */
  --spring: linear(0, 0.073676 5%, 0.227279 10%, 0.396814 15%, 0.551455 20%, 0.679287 25%, 0.778445 30%, 0.851820 35%, 0.904065 40%, 0.940019 45%, 0.963977 50%, 0.979428 55%, 0.989047 60%, 0.994793 65%, 0.998053 70%, 0.999771 75%, 1.000572 80%, 1.000858 85%, 1.000875 90%, 1.000769 95%, 1);
}
body { color: var(--ink); background: var(--lime); }
::selection { color: #000; background: var(--cyan); }
a { color: var(--ink); }
a:focus-visible { outline: 3px solid #000; outline-offset: 3px; box-shadow: 0 0 0 7px var(--cyan); }
.site__skip { color: #000; background: var(--cyan); border: var(--edge); padding: .75rem 1rem; }
.masthead { border-bottom: var(--edge); }
.masthead__mark { background: var(--magenta); border: var(--edge); box-shadow: 4px 4px 0 #000; transform: rotate(-3deg); }
.masthead__edition { transform: rotate(3deg); }
.breadcrumb__link { background: var(--cyan); }
.hero__kicker { background: var(--yellow); border: var(--edge); box-shadow: 4px 4px 0 #000; transform: rotate(-3deg); }
.hero__title-line--pink { text-decoration: underline; text-decoration-color: var(--magenta); text-decoration-thickness: .12em; text-underline-offset: .12em; }
.hero__status { background: var(--paper); border-left: var(--edge); box-shadow: 4px 4px 0 #000; }
.button { color: #000; background: var(--orange); border: 4px solid #000; box-shadow: var(--shadow); transition: transform 480ms var(--spring), box-shadow 480ms var(--spring); }
.button:hover { transform: scale(1.03); box-shadow: 10px 10px 0 #000; }
.still-life__mount { background-color: var(--pink); background-image: radial-gradient(#151315 1px, transparent 1px); background-size: 8px 8px; border: var(--edge); box-shadow: var(--shadow); transform: rotate(-3deg); }
.still-life__image { color: #000; background: var(--pink); }
.still-life__caption { color: #000; background: var(--lime); border: var(--edge); box-shadow: 4px 4px 0 #000; transform: rotate(2deg); }
.still-life__spark { background: var(--magenta); filter: drop-shadow(4px 4px 0 #000); clip-path: polygon(50% 0, 59% 29%, 79% 10%, 75% 36%, 100% 38%, 79% 54%, 96% 76%, 68% 72%, 62% 100%, 49% 77%, 27% 96%, 30% 69%, 0 65%, 25% 47%, 5% 26%, 36% 29%); animation: spark-turn 1.4s var(--spring) 2; }
.contents { color: var(--ink); background: var(--yellow); border: var(--edge); box-shadow: var(--shadow); }
.contents__title { border-bottom: 2px solid #000; padding-bottom: .75rem; }
.contents__link:hover { color: #000; background: var(--cyan); }
.contents__link:focus-visible { background: var(--cyan); }
.briefing__eyebrow { color: #fff; background: var(--blue); border: var(--edge); }
.briefing__title { padding-bottom: 1rem; border-bottom: var(--edge); }
.briefing__intro { color: var(--ink); background: var(--paper); padding: 1.5rem; border: var(--edge); box-shadow: var(--shadow); }
.note { color: #000; background: var(--lime); border: var(--edge); box-shadow: var(--shadow); }
.note--pink { background: var(--pink); }
.note--yellow { background: var(--yellow); }
.note--blue { color: #fff; background: var(--blue); }
.note--blue .source-link { color: #000; }
.note::before { content: ""; position: absolute; top: -12px; left: 24px; width: 56px; height: 16px; background: var(--cyan); border: 2px solid #000; transform: rotate(-3deg); }
.evidence__card { color: #000; background: var(--paper); border: var(--edge); box-shadow: var(--shadow); }
.evidence__card--wide { background: var(--yellow); }
.evidence__card--pink { background: var(--pink); }
.check__panel { color: #000; background: var(--paper); border: var(--edge); box-shadow: var(--shadow); }
.check__panel--lime { background: var(--lime); }
.cost { color: #000; background: var(--paper); border: var(--edge); box-shadow: var(--shadow); }
.cost__name { background: var(--yellow); }
.cost__item + .cost__item .cost__name, .cost__item + .cost__item .cost__question { border-top: 2px solid #000; }
.question-sheet { color: #000; background: var(--pink); border: var(--edge); box-shadow: var(--shadow); }
.question-sheet__label { color: #000; background: var(--cyan); border: 2px solid #000; transform: rotate(-3deg); }
.question-sheet__question::marker { color: #000; }
.words { color: #000; background: var(--paper); padding: .5rem 1.5rem; border: var(--edge); box-shadow: var(--shadow); }
.words__term:not(:first-of-type), .words__meaning:not(:first-of-type) { border-top: 2px solid #000; }
.source-link { color: #000; background: var(--cyan); border-bottom: 2px solid #000; }
.source-link:hover { background: var(--lime); }
.footer { border-top: var(--edge); }
.footer__link { color: var(--cyan); background: #000; }
.footer__link:hover { color: var(--lime); }
.lost__eyebrow { color: var(--red); background: #000; }
@keyframes spark-turn { 0% { transform: rotate(-18deg) scale(.9); } 45% { transform: rotate(9deg) scale(1.06); } 100% { transform: rotate(0) scale(1); } }
@keyframes decoration-rise { from { opacity: .6; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
.masthead__mark { animation: decoration-rise 480ms ease-out both; }
@media (max-width: 760px) {
  .still-life__mount { transform: none; }
  .hero__kicker { transform: none; }
  .briefing__intro { padding: 1.25rem; }
  .cost__item + .cost__item .cost__question, .words__meaning:not(:first-of-type) { border-top: 0; }
}
@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; }
  body { color: var(--paper); background: #182413; }
  .masthead__home, .breadcrumb__item { color: var(--paper); }
  .breadcrumb__link, .hero__kicker, .button { color: #000; }
  .hero__status { color: #000; }
  .hero__title-line--pink { color: var(--pink); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .button:hover { transform: none; }
}
@media print {
  :root { color-scheme: light; }
  body { color: #000; background: #fff; }
  .masthead__home { color: #000; }
  .note, .briefing__intro, .evidence__card, .check__panel, .question-sheet, .cost, .words { color: #000; background: #fff; border: 1px solid #000; box-shadow: none; }
  .source-link, .briefing__eyebrow { color: #000; background: #fff; border: none; }
  .note::before { display: none; }
  .hero__kicker, .question-sheet__label { transform: none; box-shadow: none; color: #000; background: #fff; }
  .hero__title-line--pink { color: #000; text-decoration: none; }
}