/* Coffee-specific details; type, console layout and dock are shared. */
html { color-scheme: dark; }
a { text-underline-offset: .25em; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: fixed; top: .7rem; left: 1rem; z-index: 20; padding: .75rem 1rem; transform: translateY(-180%); color: var(--accent-ink); background: var(--accent); }
.skip-link:focus { transform: none; }
main:focus { outline: none; }
.heading .role { max-width: 31ch; }
.appreciation { margin: .85rem 0 0; color: #c5d3cb; }
.coffee-note { margin: 1rem var(--site-panel-inset) 0; color: #c5d3cb; text-shadow: 0 1px 4px #000; }
.coffee-note a { color: #e0e9e3; }
@media (max-width: 600px) {
  .wide-break { display: none; }
}
@media print {
  html, body { background: white; color: #17251d; }
  .scene, .scene-transition-layer, .glitch, portfolio-header, footer, .skip-link, .cursor { display: none !important; }
  main { padding: 1rem; }
  .console { width: 100%; margin: 0; }
  .shield, .status { background: none; text-shadow: none; }
  .appreciation, .coffee-note, .status, .status p span:last-child, .role, .prompt, .coffee-note a { color: #17251d; text-shadow: none; }
  .button, .button.secondary { color: #17251d; background: none; border: 1px solid #17251d; }
}