/* Gutenberg content fits the original Basilcraft composition. */
.admin-bar .site-header { top: 32px; }
.header-note { max-width: 165px; }
.site-nav { flex-wrap: wrap; padding-block: 12px; }
.site-nav ul { display: flex; flex-wrap: wrap; gap: 22px; list-style: none; padding: 0; margin: 0; }
.site-nav a { overflow-wrap: anywhere; }
.nav-shell { flex-wrap: wrap; }
.hero-credentials p { margin: 0; color: var(--muted); font: .8125rem/1.5 var(--mono); }
.hero-credentials p:first-child { color: var(--white); font: 700 2.8rem/1 var(--display); }
.hero-footnote > p:first-child { color: var(--accent); font-size: 2.75rem; }
.hero-topline > p { margin-top: 0; }
.discipline-strip p { color: #c5b5ff; font-family: var(--display); text-transform: uppercase; margin: 0; }
.capability-card .card-top { color: var(--accent); }
.reading-page { max-width: 900px; overflow-wrap: anywhere; }
.reading-page h1 { font-size: clamp(2.5rem, 6vw, 5rem); line-height: 1.1; }
.reading-entry { margin-bottom: 70px; }
.reading-entry p { font-size: 1.125rem; }
.reading-entry h2, .reading-entry h3 { margin-block: 1em .5em; font-size: 2rem; }
.reading-entry > img { margin-block: 2rem; height: auto; }
main p a:not(.button), main li a { text-decoration: underline; text-underline-offset: 4px; }
main .wp-block-image, main .wp-block-gallery { margin: 26px 0; }
main .wp-block-image img { height: auto; border: 1px solid var(--line); }
main figcaption { color: var(--muted); font-size: .875rem; margin-top: 10px; }
main .wp-block-quote { border-left: 3px solid var(--accent); margin-inline: 0; padding: 8px 28px; }
main .wp-block-button__link { border-radius: 0; background: var(--accent); color: var(--black); }
main .wp-block-media-text { gap: 32px; }
main .wp-block-table { overflow-x: auto; }
main .wp-block-table td, main .wp-block-table th { border-color: var(--line); padding: 12px; }
main iframe, main video { max-width: 100%; }
.section-block, .capability-card { scroll-margin-top: 130px; }
.section-block .shell > * { min-width: 0; }
.capability-card { overflow-wrap: anywhere; }
@media (max-width: 850px) { .site-nav ul { flex-direction: column; } }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } }