[hidden]{display:none!important}body[data-view="website"] #terminal,body[data-view="website"] #terminal-header,body[data-view="website"] #terminal-footer,body[data-view="terminal"] #website{display:none}
#website{font:14px/1.7 'IBM Plex Mono',monospace;color:var(--ink)}#website p{max-width:680px;margin:0 0 18px}#website h1,#website h2{font-weight:500;letter-spacing:-.04em;line-height:1.35}#website h1{font-size:clamp(32px,4.5vw,58px);margin:0 0 22px}#website h2{font-size:24px;margin:0 0 20px}.site-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 4vw;font-size:12px}.site-name{color:var(--accent)}.site-name span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.site-nav>div{display:flex;align-items:center;gap:24px}.site-nav a:not(.site-name):hover{text-decoration:underline;text-underline-offset:5px}.mode-switch{border:1px solid var(--line);padding:7px 12px;font-size:12px}.mode-switch:hover{background:var(--hover)}.mode-switch span{margin-right:8px}.site-main{width:90%;max-width:760px;margin:0 auto;padding:45px 0 0}.site-intro{padding:30px 0 58px;max-width:850px}.site-intro:before{content:'angus ~ $ whoami';display:block;color:var(--accent);font-size:12px;margin-bottom:22px}.site-intro>div>p:first-child{font-size:18px;line-height:1.75}.site-intro a{text-decoration:underline;text-underline-offset:5px}.small-note{font-size:13px;color:var(--muted)}.spud-project{display:block;scroll-margin-top:30px}.spud-copy{padding:0 0 20px}.project-note{display:block;color:var(--accent);font-size:12px;margin-bottom:20px}#website .spud-copy h2{font-size:30px;margin-bottom:14px}#website .project-description{font-size:20px;line-height:1.5;margin-bottom:20px}.spud-copy>p:not(.project-description){max-width:460px;font-size:13px}.spud-copy .build-note{font-size:11px!important;color:var(--muted);margin-top:24px!important}.site-link{text-decoration:underline;text-underline-offset:5px;color:var(--accent);font-size:12px}.project-details{grid-column:1/-1;padding:10px 0 0}.project-details details{max-width:none;margin:0}.project-details summary{font-size:12px;color:var(--accent);padding:12px 0;gap:20px}.detail-columns{display:block;max-width:680px;padding:10px 0}.detail-columns p{font-size:12px;color:var(--muted)}.site-about{display:block;padding:60px 0 25px;scroll-margin-top:35px}.site-about h2:before{content:'~/about';display:block;color:var(--accent);font-size:12px;letter-spacing:0;margin-bottom:20px}.site-about>div{padding-top:0}.site-about p{font-size:13px}.site-contact{display:block;padding:35px 0}.site-contact h2:before{content:'~/contact';display:block;color:var(--accent);font-size:12px;letter-spacing:0;margin-bottom:20px}.site-contact p{font-size:12px;color:var(--muted)}.contact-address{font-size:18px;text-decoration:underline;text-underline-offset:7px;color:var(--accent)}.site-bottom{display:flex;justify-content:space-between;gap:20px;padding:35px 0;font-size:11px;color:var(--muted)}.site-bottom>div{display:flex;gap:24px}.website-switch{border:1px solid var(--line);padding:5px 9px}.site-main section{scroll-margin-top:30px}@media(max-width:760px){.site-nav{padding:18px 5vw;align-items:start}.site-nav>div{gap:14px;flex-wrap:wrap;justify-content:flex-end;max-width:220px;font-size:11px}.site-nav .mode-switch{font-size:11px;padding:5px 8px}.site-main{width:90%;padding-top:20px}.site-intro{padding:15px 0 40px}.site-intro>div>p:first-child{font-size:15px}.spud-project{grid-template-columns:1fr;gap:15px}.detail-columns{grid-template-columns:1fr;gap:5px}.site-about{grid-template-columns:1fr;gap:0;padding:50px 0 20px}.site-about>div{padding-top:0}.site-contact{align-items:flex-start;flex-direction:column;padding:25px 0;gap:5px}.site-bottom{flex-wrap:wrap}.site-name{font-size:12px;min-width:110px}}

.site-nav{max-width:840px;margin:0 auto;width:100%;padding:20px 40px}.spud-copy>p:not(.project-description){max-width:680px}.project-details{padding:0}.spud-copy{padding-bottom:12px}.site-contact .contact-address{display:inline-block;margin-top:6px}@media(max-width:760px){.site-nav{padding:18px 5vw}}

.spud-copy .spud-question {
  margin: 0;
  max-width: 680px;
  border: 0;
  border-bottom: 1px solid var(--line);
}
.spud-copy .spud-question summary {
  justify-content: space-between;
  align-items: baseline;
  padding: 12px 0;
  font: inherit;
  color: var(--accent);
}
.spud-copy .spud-question p { margin: 0 0 1em; }

.dark .site-intro::before, .dark .site-name { color: var(--prompt); }
.dark .project-note, .dark .site-about h2::before, .dark .site-contact h2::before { color: var(--path); }
.dark .site-intro a, .dark .spud-copy h2 a { color: var(--accent); }
.dark .mode-switch, .dark .website-switch { background: var(--subtle); color: var(--accent); }
.dark .mode-switch:hover, .dark .website-switch:hover { background: var(--hover); }
.dark .spud-question summary { color: var(--ink); }
.dark .spud-question summary span { color: var(--path); }
.dark .spud-question summary:hover, .dark .spud-question[open] summary { color: var(--accent); }