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-source-entry h2 { margin: .6rem 0; font-size: clamp(1.1rem, 1.8vw, 1.45rem); }
[data-site="geertdegraaf"] .personal-date { color: var(--demo-amber); font: .8rem/1.8 var(--display); }
[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-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"] .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"] .personal-post-cover { margin-block: 0 2.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); 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-brand small { max-width: 31ch; }
  [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; }
}