/* Skin: flat fields, ink outlines and occasional halftone texture. */
:root { --yellow: #FFDD00; --red: #FF3333; --blue: #0066CC; --ink: #000000; --paper: #FFFFFF; }
body { color: var(--ink); background: var(--paper); }
a { color: var(--blue); }
a:hover { text-decoration-thickness: 3px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--ink); outline-offset: 5px; }
.guide-mark { color: var(--ink); }
.mark-shape { background: var(--yellow); border: 3px solid var(--ink); border-radius: 50%; }
.mark-shape span { background: var(--red); border: 3px solid var(--ink); }
.question-tabs { border: 3px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); }
.question-tabs a { color: var(--ink); border-right: 2px solid var(--ink); }
.question-tabs a:last-child { border-right: 0; }
.question-tabs a[aria-current="page"] { background: var(--yellow); }
.question-tabs a:hover { background: var(--blue); color: var(--paper); }
.question-tabs a:focus-visible { outline-offset: -6px; }
.question-tabs a:hover:focus-visible { outline-color: var(--paper); }
.skip-link { background: var(--yellow); color: var(--ink); border: 3px solid var(--ink); }
.search-opening { border: 4px solid var(--ink); background: var(--yellow); box-shadow: 7px 7px 0 var(--ink); }
h1 span { color: var(--ink); }
.search-opening h1 span { display: inline-block; margin-top: 12px; }
.search-picture { background: var(--paper); border-left: 4px solid var(--ink); }
.picture-dots { background-image: radial-gradient(var(--ink) 1.4px, transparent 1.6px); background-size: 11px 11px; }
.route-line-first { border-left: 7px solid var(--ink); border-bottom: 7px solid var(--ink); }
.route-line-second { border-right: 7px solid var(--ink); border-bottom: 7px solid var(--ink); }
.route-node { border: 5px solid var(--ink); }
.route-node-round { background: var(--yellow); border-radius: 50%; }
.route-node-square { background: var(--blue); box-shadow: 5px 5px 0 var(--ink); }
.route-node-ring { background: var(--paper); border: 21px solid var(--red); outline: 5px solid var(--ink); border-radius: 50%; box-shadow: inset 0 0 0 4px var(--ink); }
.picture-callout { color: var(--ink); background: var(--paper); border: 3px solid var(--ink); border-radius: 50% 50% 50% 8%; box-shadow: 3px 3px 0 var(--ink); }
.picture-corner { background: var(--blue); border: 5px solid var(--ink); }
.opening-link { background: var(--ink); color: var(--paper); border: 3px solid var(--ink); }
.opening-link:hover { background: var(--paper); color: var(--ink); }
.opening-link:focus-visible { outline-color: var(--blue); }
.quick-answer { border: 3px solid var(--ink); background: var(--paper); box-shadow: 5px 5px 0 var(--ink); }
.medicine-answer { border-left: 12px solid var(--blue); }
.search-route { border: 3px solid var(--ink); background: var(--paper); box-shadow: 5px 5px 0 var(--ink); }
.referral-route { background: var(--blue); color: var(--paper); }
.board-route { background: var(--yellow); }
.direct-route { border-top: 12px solid var(--red); }
.route-symbol { background: var(--paper); color: var(--ink); border: 3px solid var(--ink); }
.referral-route .route-symbol { border-radius: 50%; }
.direct-route .route-symbol { border-radius: 50% 50% 50% 8%; }
.ask-prompt { border-top: 2px solid currentColor; }
.board-route a { color: var(--ink); }
.location-answer { background: var(--yellow); }
.answer-pointer { background: var(--red); border: 3px solid var(--ink); border-radius: 50%; transform: rotate(-8deg); }
.next-question { background: var(--ink); color: var(--paper); border: 3px solid var(--ink); }
.next-question .section-label { color: var(--yellow); }
.next-question:hover { background: var(--blue); text-decoration: none; }
.next-question:hover .section-label { color: var(--paper); }
.next-question:focus-visible { outline-color: var(--blue); }
.sources-box { background: var(--paper); border: 3px solid var(--ink); border-top: 10px solid var(--blue); }
.evidence-drawer summary { border: 3px solid var(--ink); background: var(--yellow); box-shadow: 3px 3px 0 var(--ink); }
.evidence-drawer summary:hover { background: var(--ink); color: var(--paper); }
.evidence-drawer[open] summary .drawer-symbol { transform: rotate(45deg); }
.source-note { border-top: 2px solid var(--ink); }
.evidence-sheet { background: var(--paper); color: var(--ink); border: 0; border-left: 5px solid var(--ink); box-shadow: -10px 0 0 rgb(0 0 0 / 15%); }
.evidence-sheet[open] { animation: drawer-arrives 170ms ease-out; }
.evidence-sheet::backdrop { background: rgb(0 0 0 / 60%); }
.sheet-header { background: var(--yellow); border-bottom: 3px solid var(--ink); }
.sheet-close { color: var(--paper); background: var(--ink); border: 3px solid var(--ink); }
.sheet-close:hover { background: var(--paper); color: var(--ink); }
.guide-footer { border-top: 3px solid var(--ink); }
.question-opening { background: var(--blue); color: var(--paper); border: 4px solid var(--ink); box-shadow: 7px 7px 0 var(--ink); }
.question-opening h1 span { color: var(--paper); }
.question-picture { background: var(--yellow); border-left: 4px solid var(--ink); }
.question-disc { background: var(--paper); color: var(--ink); border: 5px solid var(--ink); border-radius: 50%; }
.question-tile { background: var(--red); border: 5px solid var(--ink); }
.question-dots { background-image: radial-gradient(var(--ink) 1.5px, transparent 1.7px); background-size: 13px 13px; }
.conversation-answer { border-left: 12px solid var(--red); }
.visit-question { border: 3px solid var(--ink); }
.visit-question h3 { padding-left: 15px; border-left: 7px solid var(--blue); }
.trial-answer { background: var(--yellow); }
.cost-opening { background: var(--yellow); color: var(--ink); }
.cost-opening h1 span { color: var(--ink); }
.cost-picture { background: var(--red); border-left: 4px solid var(--ink); }
.cost-square { background: var(--yellow); border: 5px solid var(--ink); }
.cost-ring { background: var(--paper); border: 24px solid var(--blue); outline: 5px solid var(--ink); border-radius: 50%; box-shadow: inset 0 0 0 4px var(--ink); }
.cost-stripe { background: var(--ink); }
.price-answer { border-left: 12px solid var(--blue); }
.bill-part { border: 3px solid var(--ink); }
.bill-part:nth-child(2) { background: var(--blue); color: var(--paper); box-shadow: 5px 5px 0 var(--ink); }
.bill-part:nth-child(3) { border-bottom: 10px solid var(--red); }
.insurance-answer { background: var(--yellow); }
.medicare-callout { border: 3px solid var(--ink); border-left: 10px solid var(--blue); }
.check-opening { background: var(--paper); color: var(--ink); }
.check-opening h1 span { color: var(--ink); }
.check-picture { background: var(--blue); border-left: 4px solid var(--ink); }
.check-frame { border: 17px solid var(--yellow); outline: 5px solid var(--ink); box-shadow: inset 0 0 0 4px var(--ink); }
.check-dot { background: var(--red); border: 5px solid var(--ink); border-radius: 50%; }
.check-bar { background: var(--paper); border: 4px solid var(--ink); }
.product-answer { border-left: 12px solid var(--red); }
.label-answer { background: var(--yellow); }
.care-check { border: 3px solid var(--ink); }
.care-check:first-child { border-top: 10px solid var(--blue); }
.care-check:last-child { border-top: 10px solid var(--red); }
.urgent-answer { border: 3px solid var(--ink); border-left: 12px solid var(--red); }
.missing-opening { background: var(--yellow); border: 4px solid var(--ink); box-shadow: 7px 7px 0 var(--ink); }
.missing-questions a { background: var(--paper); color: var(--ink); border: 3px solid var(--ink); text-decoration: none; }
.missing-questions a:hover { background: var(--blue); color: var(--paper); }
@keyframes drawer-arrives { from { opacity: .75; transform: translateX(16px); } to { opacity: 1; transform: translateX(0); } }
@media (max-width: 760px) {
  .question-tabs a:nth-child(2) { border-right: 0; }
  .question-tabs a:nth-child(-n+2) { border-bottom: 2px solid var(--ink); }
  .search-picture, .question-picture, .cost-picture, .check-picture { border-left: 0; border-top: 4px solid var(--ink); }
  .search-opening, .question-opening, .missing-opening { box-shadow: 5px 5px 0 var(--ink); }
  .quick-answer, .search-route { box-shadow: 4px 4px 0 var(--ink); }
  .route-node-ring { border-width: 14px; }
  .evidence-sheet { border-left-width: 4px; }
  .check-frame { border-width: 12px; }
  .cost-ring { border-width: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}