body[data-site="geertdegraaf"] { overflow-wrap: anywhere; }
[data-site="geertdegraaf"] *, [data-site="geertdegraaf"] *::before, [data-site="geertdegraaf"] *::after { box-sizing: border-box; }
[data-site="geertdegraaf"] a { color: var(--demo-cyan); text-underline-offset: .2em; }
[data-site="geertdegraaf"] .skip-link { position: absolute; top: .5rem; left: 1rem; z-index: 20; padding: .6rem 1rem; transform: translateY(-200%); }
[data-site="geertdegraaf"] .skip-link:focus { transform: none; }
[data-site="geertdegraaf"] .demo-brand small { max-width: 47ch; }
[data-site="geertdegraaf"] .demo-masthead { padding-block: 1.5rem 1.25rem; }
[data-site="geertdegraaf"] .demo-command { padding-block: .75rem; }
[data-site="geertdegraaf"] .document-main { padding: clamp(1.25rem, 2.5vw, 2.5rem); }
[data-site="geertdegraaf"] .document-heading { margin-bottom: 1.5rem; padding-bottom: 1.5rem; }
[data-site="geertdegraaf"] .document-heading h1 { max-width: 32ch; margin-bottom: 0; font-size: clamp(1.8rem, 2.75vw, 2.75rem); }
[data-site="geertdegraaf"] .document-heading .personal-date { margin-block: .75rem 0; font: .8rem/1.8 var(--display); }
[data-site="geertdegraaf"] .personal-home-heading { padding-bottom: 0; border-bottom: 0; }
[data-site="geertdegraaf"] .personal-home-heading h1 { font-size: clamp(1.8rem, 2.5vw, 2.5rem); }
[data-site="geertdegraaf"] .personal-home-heading .document-intro { margin-block: .5rem 0; font-size: 1rem; }
[data-site="geertdegraaf"] .demo-source-entry h2 { margin: .6rem 0; font-size: clamp(1.1rem, 1.8vw, 1.45rem); }
[data-site="geertdegraaf"] .demo-source-entry + .demo-source-entry { border-top: 0; }
[data-site="geertdegraaf"] .personal-entry-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; color: var(--muted); font: .75rem/1.8 var(--display); }
[data-site="geertdegraaf"] .personal-language { color: var(--demo-amber); }
[data-site="geertdegraaf"] .personal-bio .media-portrait { width: 88px; height: 88px; margin-bottom: 1.4rem; border: 1px solid var(--rule); }
[data-site="geertdegraaf"] .personal-profile-links { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; }
[data-site="geertdegraaf"] .personal-profile-links a { display: inline-flex; align-items: center; min-height: 44px; }
[data-site="geertdegraaf"] .personal-link-hint { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
[data-site="geertdegraaf"] .personal-contents, [data-site="geertdegraaf"] .personal-cover-disclosure { margin-block: 0 .75rem; border-bottom: 1px solid var(--rule); font: .8rem/1.7 var(--display); }
[data-site="geertdegraaf"] :is(.personal-contents, .personal-cover-disclosure) > summary { min-height: 44px; padding-block: .6rem; color: var(--demo-cyan); cursor: pointer; }
[data-site="geertdegraaf"] :is(.personal-contents, .personal-cover-disclosure) > summary:hover { color: var(--accent); }
[data-site="geertdegraaf"] .personal-contents ul { margin-block: .5rem 1rem; padding-left: 1.5rem; }
[data-site="geertdegraaf"] .personal-contents a { display: inline-block; min-height: 44px; padding-block: .5rem; }
[data-site="geertdegraaf"] .demo-files > a { min-height: 44px; }
[data-site="geertdegraaf"] .document-body :is(h1, h2, h3, h4, h5, h6) { scroll-margin-top: 1.5rem; }
[data-site="geertdegraaf"] .document-body h1 { font-size: 1.8rem; margin-top: 2.75rem; }
[data-site="geertdegraaf"] .document-body hr { margin-block: 2.5rem; border: 0; border-top: 1px solid var(--rule); }
[data-site="geertdegraaf"] .document-body table { width: 100%; border-collapse: collapse; font-size: .9rem; }
[data-site="geertdegraaf"] .document-body th, [data-site="geertdegraaf"] .document-body td { padding: .8rem; border: 1px solid var(--rule); vertical-align: top; text-align: left; }
[data-site="geertdegraaf"] .document-body th { background: var(--surface); color: var(--demo-cyan); }
[data-site="geertdegraaf"] .article-table { max-width: 100%; overflow-x: auto; }
[data-site="geertdegraaf"] .block-figure { margin: 2rem 0; }
[data-site="geertdegraaf"] .block-figure picture, [data-site="geertdegraaf"] .block-figure img { display: block; width: 100%; height: auto; object-fit: contain; }
[data-site="geertdegraaf"] .block-figure figcaption { margin-top: .75rem; color: var(--muted); font-size: .85rem; }
[data-site="geertdegraaf"] .personal-pagination { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--rule); font: .8rem/1.7 var(--display); }
[data-site="geertdegraaf"] .personal-pagination a { display: block; padding-block: .6rem; }
[data-site="geertdegraaf"][data-error-page] .demo-workspace { grid-template-columns: minmax(0, 1fr); }
[data-site="geertdegraaf"] .personal-post-cover { margin-block: .75rem 1.5rem; border: 1px solid var(--rule); }
[data-site="geertdegraaf"] .personal-list-cover { margin-top: 1.5rem; border: 1px solid var(--rule); }
[data-site="geertdegraaf"] .personal-covered-copy { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); grid-template-rows: repeat(3, auto) 1fr; column-gap: 1.5rem; align-items: start; }
[data-site="geertdegraaf"] .personal-covered-copy .personal-list-cover { grid-column: 2; grid-row: 1 / span 4; margin-top: .5rem; }
@media (max-width: 760px) {
  [data-site="geertdegraaf"] .demo-masthead { gap: .75rem; padding-block: 1rem .75rem; }
  [data-site="geertdegraaf"] .demo-brand small { max-width: 31ch; }
  [data-site="geertdegraaf"] .demo-command { padding-block: .65rem; }
  [data-site="geertdegraaf"] .demo-command-path { flex: 1 1 0; min-width: 0; }
  [data-site="geertdegraaf"] .demo-pane-bar { padding-block: .6rem; }
  [data-site="geertdegraaf"] .demo-rail { grid-template-columns: minmax(0, 1fr); }
  [data-site="geertdegraaf"] .personal-pagination { grid-template-columns: minmax(0, 1fr); }
  [data-site="geertdegraaf"] .personal-covered-copy { display: block; }
  [data-site="geertdegraaf"] .personal-covered-copy .personal-list-cover { margin-top: 1.5rem; }
}