.masthead { min-height: 3rem; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; padding: .72rem clamp(1rem,4vw,4rem); border-bottom: 1px solid var(--line); color: var(--muted); font-size: .7rem; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }
.masthead__center { color: var(--ink); text-align: center; }
.masthead__end { text-align: right; }
.gdd-utility { display: flex; justify-content: flex-end; gap: 1rem; padding: .6rem clamp(1rem,4vw,4rem); border-bottom: 1px solid var(--line); font-size: .72rem; }
.gdd-page main { width: min(100%,var(--measure)); margin-inline: auto; padding: 0 clamp(1rem,4vw,4rem) 8rem; }
.title-block { display: grid; container-type: inline-size; margin: 0 calc(clamp(1rem,4vw,4rem) * -1); padding: clamp(4rem,9vw,7rem) clamp(1rem,4vw,4rem) clamp(2.5rem,5vw,4rem); padding-right: clamp(2rem,6vw,6rem); overflow: hidden; border-bottom: 1px solid var(--line-strong); }
.title-block h1 { grid-area: 1/1; align-self: center; margin: 0; color: var(--red); font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 25.25vw; font-size: 26cqw; font-weight: 400; letter-spacing: .005em; line-height: .64; white-space: nowrap; text-transform: uppercase; }
.document-subtitle { grid-area: 1/1; align-self: end; justify-self: start; position: relative; z-index: 1; width: fit-content; margin: 0 0 -.08em; color: var(--ink); font-family: var(--serif); font-size: clamp(2rem,5vw,4.8rem); letter-spacing: -.04em; line-height: .95; }
.document-meta { display: table; margin: 0 calc(clamp(1rem,4vw,4rem) * -1) clamp(5rem,10vw,9rem); width: calc(100% + clamp(1rem,4vw,4rem) * 2); table-layout: fixed; border: 0; }
.document-meta thead { display: none; }
.document-meta th, .document-meta td { min-width: 0; padding: .8rem clamp(1rem,4vw,4rem); border: 0; border-bottom: 1px solid var(--line); }
.document-meta td:first-child { width: 24%; color: var(--muted); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.gdd-page h2, .gdd-page h3, .gdd-page h4 { font-family: var(--serif); text-wrap: balance; }
.gdd-page h2 { margin: 7rem 0 2rem; padding: .7rem 0 .9rem; border-top: 3px solid var(--ink); border-bottom: 1px solid var(--line); font-size: clamp(2.7rem,6vw,5.6rem); font-weight: 400; letter-spacing: -.045em; line-height: .95; }
.gdd-page h2::before { content: "§ "; color: var(--red); font-family: var(--mono); font-size: .35em; vertical-align: top; }
.gdd-page h3 { margin: 4rem 0 1rem; font-size: clamp(1.8rem,3.4vw,3rem); font-weight: 400; letter-spacing: -.025em; line-height: 1.08; }
.gdd-page h4 { margin: 3.2rem 0 1rem; font-size: clamp(1.3rem,2vw,1.8rem); font-style: italic; font-weight: 400; line-height: 1.2; }
.footer { display: flex; justify-content: space-between; gap: 1rem; margin-top: 8rem; padding-top: 1rem; border-top: 1px solid var(--line-strong); color: var(--dim); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 720px) { .masthead { grid-template-columns: 1fr auto; } .masthead__center { display: none; } .title-block h1 { line-height: .68; } .document-subtitle { font-size: clamp(1.8rem,9vw,2.6rem); } .document-meta td:first-child { width: 35%; } .footer { flex-direction: column; } }
@media print { :root { --black:#fff; --ink:#111; --muted:#444; --dim:#666; --line:#bbb; --line-strong:#555; --red:#b21814; } body { font-size: 9.5pt; } .masthead, .gdd-utility { display: none; } .gdd-page main { width: 100%; padding: 0; } .title-block, .document-meta { margin-inline: 0; width: 100%; } .title-block { padding-inline: 0; } .document-meta th, .document-meta td { padding-inline: 0; } .gdd-page h2 { break-before: page; } table, pre, blockquote { break-inside: avoid; } }