/* Skin: plum ink, warm stock and cut-paper pieces. */
:root { color-scheme: light; --paper: #f8f3e9; --white: #fffdf8; --ink: #422c3e; --muted: #6d5a62; --plum: #57334d; --apricot: #f5c7a6; --mauve: #e4d9e5; --pale: #e6ece4; --rust: #9b432e; --line: #b5a6a5; --green: #33544c; }
body { color: var(--ink); background: var(--paper); }
::selection { color: var(--ink); background: var(--apricot); }
a { color: inherit; text-decoration-color: currentColor; text-underline-offset: .22em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--rust); outline-offset: 5px; }
button { color: var(--ink); background: transparent; border: 1px solid var(--ink); border-radius: 0; }
textarea { background: var(--white); color: var(--ink); border: 1px solid #806c77; border-bottom: 2px solid var(--ink); border-radius: 0; }
textarea:focus { background: #ffffff; }
input[type="checkbox"] { accent-color: var(--plum); }
summary > span { transition: transform 150ms ease; }
details[open] > summary > span { transform: rotate(45deg); }
:is(.intro-skip, .questions-skip, .missing-skip) { background: var(--white); color: var(--ink); border: 2px solid var(--ink); }
:is(.intro-masthead, .questions-masthead, .missing-masthead) { border-bottom: 1px solid var(--line); }
:is(.intro-wordmark, .questions-wordmark, .missing-wordmark, .intro-directory-jump, .questions-directory-jump, .missing-directory-jump) { text-decoration: none; }
:is(.intro-wordmark-sub, .questions-wordmark-sub, .missing-wordmark-sub) { color: var(--muted); }
:is(.intro-mark, .questions-mark, .missing-mark) { background: var(--plum); clip-path: polygon(0 0, 66% 0, 66% 22%, 100% 22%, 100% 100%, 31% 100%, 31% 78%, 0 78%); transform: rotate(-8deg); }
:is(.intro-directory-jump, .questions-directory-jump, .missing-directory-jump):hover { color: var(--rust); }
:is(.intro-eyebrow, .questions-eyebrow, .missing-eyebrow, .intro-tag, .intro-paper-label, .questions-paper-label) { color: var(--muted); }
h1 em { color: var(--rust); }
:is(.intro-action, .questions-action, .missing-action) { color: var(--white); background: var(--ink); text-decoration: none; border: 1px solid var(--ink); border-radius: 2px; }
:is(.intro-action, .questions-action, .missing-action):hover { background: var(--plum); }
.intro-hero-aside { color: var(--muted); }
.intro-collage-orbit { background: var(--apricot); border-radius: 50%; clip-path: polygon(0 2%, 99% 0, 100% 96%, 1% 100%); }
.intro-collage-cutout { background: var(--plum); border-radius: 100px 100px 0 0; }
.intro-collage-tab { background: #b2c3b4; clip-path: polygon(2% 0, 100% 1%, 100% 94%, 89% 95%, 87% 100%, 73% 93%, 58% 99%, 42% 95%, 31% 99%, 12% 95%, 0 98%); }
.intro-collage-back { background: #e6dcea; box-shadow: 3px 7px 0 #422c3e18; clip-path: polygon(0 1%, 98% 0, 100% 99%, 80% 98%, 78% 100%, 64% 98%, 51% 99%, 27% 98%, 0 100%); }
.intro-collage-front { background: var(--white); box-shadow: 4px 8px 8px #422c3e15; clip-path: polygon(0 0, 100% 1%, 98% 100%, 85% 98%, 70% 100%, 53% 99%, 36% 100%, 16% 98%, 0 99%); }
.intro-paper-rule, .intro-paper-line { background: #99839d; }
.intro-paper-line { background: #c6b6c2; }
.intro-collage-flower { background: var(--plum); clip-path: polygon(50% 0, 69% 8%, 74% 27%, 93% 31%, 100% 50%, 92% 69%, 74% 73%, 68% 94%, 50% 100%, 31% 93%, 26% 75%, 8% 70%, 0 50%, 8% 31%, 26% 27%, 32% 7%); }
.intro-collage-flower::after { content: ''; position: absolute; width: 17%; aspect-ratio: 1; border-radius: 50%; background: var(--apricot); left: 41.5%; top: 41.5%; }
.intro-collage-caption { color: var(--ink); }
:is(.intro-summary, .questions-summary) { color: var(--white); background: var(--ink); border-radius: 3px; }
:is(.intro-summary, .questions-summary) .intro-eyebrow, .questions-summary .questions-eyebrow { color: var(--apricot); }
.intro-summary p, .questions-summary p { color: var(--white); }
.intro-side-cutout { background: var(--apricot); clip-path: polygon(2% 3%, 96% 0, 100% 84%, 76% 82%, 51% 100%, 41% 83%, 0 87%); transform: rotate(-7deg); }
:is(.intro-tools, .questions-tools) button:hover { background: var(--mauve); }
:is(.intro-word-help, .questions-word-help) { background: var(--pale); border-left: 3px solid var(--green); }
.intro-word-help h3, .questions-word-help h3 { color: var(--green); }
.intro-product { border-top: 4px solid var(--plum); }
.intro-product-approved { background: var(--pale); border-top-color: var(--green); }
.intro-product-compounded { background: var(--mauve); }
.intro-product-research { background: #f4e1d5; border-top-color: var(--rust); }
.intro-product .intro-tag { color: var(--ink); }
:is(.intro-fold, .questions-fold, .intro-notes-fold, .questions-notes-fold) { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
summary:hover { background: #422c3e07; }
:is(.intro-worksheet, .questions-licence-sheet, .questions-compare) { background: var(--white); border: 1px solid var(--line); border-bottom: 4px solid var(--plum); box-shadow: 7px 8px 0 #422c3e0b; }
:is(.intro-sheet-heading, .questions-sheet-heading) > .intro-eyebrow, .questions-sheet-heading > .questions-eyebrow { color: var(--rust); }
:is(.intro-field-hint, .questions-field-hint) { color: var(--muted); }
:is(.intro-check, .questions-check) { border-bottom: 1px solid #d8ccc9; }
:is(.intro-check, .questions-check):has(input:checked) span { color: var(--green); }
.intro-next { border-top: 2px solid var(--ink); text-decoration: none; }
.intro-next > span:first-child > span { color: var(--muted); }
.questions-pocket-cutout { background: var(--apricot); clip-path: polygon(2% 0, 100% 1%, 98% 95%, 76% 96%, 59% 100%, 43% 94%, 22% 100%, 0 98%); }
.questions-pocket > div { background: var(--mauve); box-shadow: 4px 7px 0 #422c3e12; }
.questions-pocket > div::after { content: ''; position: absolute; width: 65px; height: 20px; top: -10px; left: 36%; background: #b0c3b4bc; transform: rotate(-4deg); }
.questions-lookup-links a, .questions-source-action { border: 1px solid var(--ink); text-decoration: none; }
.questions-lookup-links a:hover, .questions-source-action:hover { background: var(--pale); }
.questions-cost-snapshot { background: var(--apricot); clip-path: polygon(0 0, 100% 0, 99.5% 98%, 84% 99.5%, 67% 98.5%, 47% 100%, 26% 98%, 0 99%); }
.questions-cost-snapshot .questions-paper-label { color: var(--ink); }
.questions-option { border: 1px solid var(--line); }
.questions-option:nth-child(2) { background: #e4d9e526; }
.questions-caution-list article { border-top: 3px solid var(--rust); }
:is(.intro-notes-fold, .questions-notes-fold) li > a { border-bottom: 1px solid var(--line); text-decoration: none; }
:is(.intro-notes-fold, .questions-notes-fold) li > a:hover { color: var(--rust); }
:is(.intro-footer, .questions-footer, .missing-footer) { background: var(--ink); color: var(--white); }
:is(.intro-footer, .questions-footer, .missing-footer) :is(.intro-eyebrow, .questions-eyebrow, .missing-eyebrow) { color: var(--apricot); }
:is(.intro-directory, .questions-directory, .missing-directory) > a { border-bottom: 1px solid #a993a1; text-decoration: none; }
:is(.intro-directory, .questions-directory, .missing-directory) > a[aria-current='page'] > span:first-child { color: var(--apricot); }
:is(.intro-directory, .questions-directory, .missing-directory) > a > span:first-child > span { color: var(--white); }
:is(.intro-directory-sub, .questions-directory-sub, .missing-directory-sub) a, :is(.intro-footer-bottom, .questions-footer-bottom, .missing-footer-bottom) a { text-decoration: none; }
:is(.intro-footer, .questions-footer, .missing-footer) a:hover { text-decoration: underline; }
:is(.intro-footer, .questions-footer, .missing-footer) a:focus-visible { outline-color: var(--apricot); }
:is(.intro-footer-bottom, .questions-footer-bottom, .missing-footer-bottom) { border-top: 1px solid #a993a1; }

@media print {
  body, textarea { color: #000; background: #fff; }
  :is(.intro-summary, .questions-summary, .intro-product, .questions-cost-snapshot, .intro-word-help, .questions-word-help, .questions-option) { color: #000; background: #fff; box-shadow: none; clip-path: none; }
  .intro-summary p, .questions-summary p, h1 em { color: #000; }
  :is(.intro-worksheet, .questions-licence-sheet, .questions-compare) { border: 0; box-shadow: none; background: #fff; }
}