:root { --focus: #ffd166; }
html { scroll-padding-top: 6rem; overflow-x: clip; }
:where([id]) { scroll-margin-top: 6rem; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; padding: 7.5rem clamp(1.2rem,8vw,8rem) 0; font: 500 .75rem var(--mono); text-transform: uppercase; letter-spacing: .06em; color: #607577; }
.breadcrumbs a { color: #176c6b; text-underline-offset: 3px; }
.content-flags { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1rem 0; }
.content-flags span { padding: .35rem .6rem; border: 1px solid currentColor; color: #176c6b; font: 500 .7rem var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.book-hero .content-flags span { color: var(--river); }
.page-context { padding: 1rem clamp(1.2rem,8vw,8rem); background: #d9e5e1; border-bottom: 1px solid var(--line); font: 500 .75rem var(--mono); text-transform: uppercase; letter-spacing: .06em; color: #385456; }
.next-steps { padding: clamp(3.5rem,6vw,5rem) clamp(1.2rem,8vw,8rem); background: #d9e5e1; }
.next-steps h2 { margin: 0 0 1.5rem; font: 600 clamp(2rem,4vw,3.6rem)/1 var(--serif); }
.next-steps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); }
.next-steps-grid a { min-height: 150px; padding: 1.4rem; display: flex; flex-direction: column; justify-content: space-between; color: var(--text); text-decoration: none; background: var(--paper); font-weight: 650; }
.next-steps-grid a:hover,.next-steps-grid a:focus-visible { background: #fff; }
.next-steps-grid span { color: #176c6b; font: .7rem var(--mono); text-transform: uppercase; letter-spacing: .07em; }
img { max-width: 100%; }
.book-meta { justify-content: flex-end; }
.book-view>.breadcrumbs { padding-top: 3rem; }
@media(max-width:700px){html{scroll-padding-top:5.25rem}:where([id]){scroll-margin-top:5.25rem}.breadcrumbs{padding-top:6rem}.book-view>.breadcrumbs{padding-top:2rem}.next-steps-grid{grid-template-columns:1fr}.global-menu a{min-height:44px;display:flex;align-items:center}.menu-more summary{min-height:44px;display:flex;align-items:center}}