:root {
--color-bg: #F4F0E7;
--color-surface: #FFFCF5;
--color-text: #182321;
--color-muted: #59615D;
--color-accent: #7A2E2E;
--color-accent-contrast: #FFFFFF;
--color-focus: #006F72;
--color-rule: #CAC3B5;
--color-soft-rule: #E2DDD2;
--font-display: Georgia, Cambria, "Times New Roman", serif;
--font-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--page-padding: clamp(1rem, 4vw, 4.5rem);
--reading-measure: 43rem;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
background: var(--color-bg);
scroll-behavior: smooth;
}
body {
min-width: 20rem;
min-height: 100vh;
margin: 0;
background: var(--color-bg);
color: var(--color-text);
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.65;
text-rendering: optimizeLegibility;
}
button,
input,
select,
textarea {
font: inherit;
}
a {
color: var(--color-accent);
text-decoration-thickness: 0.08em;
text-underline-offset: 0.2em;
}
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
outline: 0.2rem solid var(--color-focus);
outline-offset: 0.25rem;
}
img,
svg {
display: block;
max-width: 100%;
}
.skip-link {
position: fixed;
z-index: 100;
top: 0.75rem;
left: 0.75rem;
padding: 0.75rem 1rem;
background: var(--color-focus);
color: var(--color-accent-contrast);
font-weight: 700;
transform: translateY(-180%);
transition: transform 160ms ease-out;
}
.skip-link:focus {
color: var(--color-accent-contrast);
transform: translateY(0);
}
.paper-shell {
width: min(96rem, 100%);
min-height: 100vh;
margin-inline: auto;
background: var(--color-surface);
box-shadow: 0 0 3rem rgba(24, 35, 33, 0.08);
}
.site-header {
padding-inline: var(--page-padding);
}
.edition-bar {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 2.25rem;
margin-inline: calc(-1 * var(--page-padding));
padding-inline: var(--page-padding);
background: var(--color-text);
color: var(--color-surface);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.14em;
line-height: 1.3;
text-transform: uppercase;
}
.masthead {
padding-block: clamp(1.75rem, 4vw, 3.4rem) clamp(1.4rem, 3vw, 2.35rem);
text-align: center;
}
.brand {
display: inline-flex;
max-width: 68rem;
flex-direction: column;
color: var(--color-text);
text-decoration: none;
}
.brand-kicker,
.section-kicker,
.toc-label,
.footer-label,
.decision-cta-label {
color: var(--color-muted);
font-family: var(--font-body);
font-size: 0.72rem;
font-weight: 750;
letter-spacing: 0.14em;
line-height: 1.4;
text-transform: uppercase;
}
.brand-kicker {
display: block;
margin-bottom: 0.65rem;
}
.brand-name {
font-family: var(--font-display);
font-size: clamp(2.15rem, 5.5vw, 5rem);
font-weight: 400;
letter-spacing: -0.045em;
line-height: 0.98;
overflow-wrap: anywhere;
}
.primary-nav {
border-top: 0.18rem double var(--color-text);
border-bottom: 1px solid var(--color-rule);
}
.primary-nav ul,
.footer-nav ul,
.tag-list,
.breadcrumbs ol,
.toc ol {
margin: 0;
padding: 0;
list-style: none;
}
.primary-nav ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.15rem clamp(1.1rem, 4vw, 3rem);
}
.nav-link {
position: relative;
display: block;
padding-block: 0.95rem 0.9rem;
color: var(--color-text);
font-size: 0.76rem;
font-weight: 750;
letter-spacing: 0.1em;
text-decoration: none;
text-transform: uppercase;
}
.nav-link::after {
position: absolute;
right: 0;
bottom: -1px;
left: 0;
height: 0.2rem;
background: var(--color-accent);
content: "";
opacity: 0;
transform: scaleX(0.4);
transition: opacity 140ms ease-out, transform 140ms ease-out;
}
.nav-link.is-current::after {
opacity: 1;
transform: scaleX(1);
}
.site-main {
min-height: 62vh;
outline: none;
}
.main-frame {
min-width: 0;
padding: clamp(1.35rem, 3vw, 2.5rem) var(--page-padding) clamp(4.5rem, 9vw, 8.5rem);
}
.breadcrumbs {
margin-bottom: clamp(2.5rem, 6vw, 5.5rem);
color: var(--color-muted);
font-size: 0.76rem;
font-weight: 650;
letter-spacing: 0.04em;
}
.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.65rem;
}
.breadcrumbs li {
display: inline-flex;
align-items: center;
gap: 0.65rem;
}
.breadcrumbs li:not(:last-child)::after {
color: var(--color-rule);
content: "/";
}
.breadcrumbs a {
color: var(--color-muted);
}
.breadcrumbs [aria-current="page"] {
color: var(--color-text);
}
.prose {
color: var(--color-text);
overflow-wrap: break-word;
}
.prose > :first-child {
margin-top: 0;
}
.prose > :last-child {
margin-bottom: 0;
}
.prose h1,
.prose h2,
.prose h3,
.prose h4 {
max-width: 24ch;
margin: 1.65em 0 0.65em;
font-family: var(--font-display);
font-weight: 400;
letter-spacing: -0.025em;
line-height: 1.12;
text-wrap: balance;
}
.prose h1 {
margin-bottom: 0.55em;
font-size: clamp(2.65rem, 6vw, 5.6rem);
line-height: 0.99;
}
.prose h2 {
font-size: clamp(1.85rem, 3vw, 2.75rem);
}
.prose h3 {
font-size: clamp(1.4rem, 2vw, 1.85rem);
}
.prose h4 {
font-size: 1.2rem;
font-weight: 700;
}
.prose h2[id],
.prose h3[id],
.prose h4[id] {
scroll-margin-top: 2rem;
}
.prose p,
.prose ul,
.prose ol,
.prose blockquote,
.prose table,
.prose figure,
.prose pre {
margin-block: 1.25em;
}
.prose p,
.prose li {
hanging-punctuation: first last;
}
.prose ul,
.prose ol {
padding-left: 1.4em;
}
.prose li {
margin-block: 0.45em;
}
.prose li::marker {
color: var(--color-accent);
font-weight: 700;
}
.prose blockquote {
position: relative;
margin-inline: 0;
padding: 0.3rem 0 0.3rem clamp(1.25rem, 4vw, 2.25rem);
border-left: 0.22rem solid var(--color-accent);
color: var(--color-muted);
font-family: var(--font-display);
font-size: 1.35em;
line-height: 1.45;
}
.prose blockquote::before {
position: absolute;
top: -0.25rem;
left: 0.35rem;
color: var(--color-accent);
content: "“";
font-family: var(--font-display);
font-size: 2.7rem;
line-height: 1;
opacity: 0.42;
transform: translateX(-100%);
}
.prose code,
.prose pre {
border: 1px solid var(--color-soft-rule);
background: var(--color-bg);
font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
font-size: 0.88em;
}
.prose code {
padding: 0.08em 0.32em;
}
.prose pre {
max-width: 100%;
padding: 1rem;
overflow-x: auto;
}
.prose pre code {
padding: 0;
border: 0;
background: transparent;
}
.prose table {
display: block;
width: 100%;
border-collapse: collapse;
overflow-x: auto;
}
.prose th,
.prose td {
min-width: 8rem;
padding: 0.7rem 0.8rem;
border-bottom: 1px solid var(--color-rule);
text-align: left;
vertical-align: top;
}
.prose th {
background: var(--color-bg);
font-size: 0.78rem;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.prose hr {
margin-block: 3rem;
border: 0;
border-top: 0.18rem double var(--color-rule);
}
.prose img {
height: auto;
margin-block: 2rem;
}
.prose figcaption {
margin-top: 0.65rem;
color: var(--color-muted);
font-size: 0.82rem;
}
.front-page {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem);
gap: clamp(2.5rem, 5vw, 5rem);
align-items: start;
padding-block: 0 clamp(4rem, 8vw, 7.5rem);
border-bottom: 0.18rem double var(--color-text);
}
.front-page-marker {
display: flex;
grid-column: 1 / -1;
justify-content: space-between;
padding-bottom: 0.8rem;
border-bottom: 1px solid var(--color-rule);
color: var(--color-muted);
font-size: 0.7rem;
font-weight: 750;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.front-page-story {
max-width: 62rem;
}
.front-page-story h1 {
max-width: 13ch;
font-size: clamp(3.25rem, 6vw, 6.35rem);
letter-spacing: -0.055em;
}
.prose-lead > p {
max-width: 44rem;
font-family: var(--font-display);
font-size: clamp(1.25rem, 2vw, 1.65rem);
line-height: 1.5;
}
.prose-lead > p:first-of-type::first-letter,
.prose-article > p:first-of-type::first-letter {
float: left;
margin: 0.08em 0.12em 0 0;
color: var(--color-accent);
font-family: var(--font-display);
font-size: 3.25em;
line-height: 0.72;
}
.front-page-note {
position: relative;
padding: 1.25rem 0 0 1.5rem;
border-top: 0.2rem solid var(--color-accent);
border-left: 1px solid var(--color-soft-rule);
color: var(--color-muted);
font-size: 0.9rem;
}
.front-page-note::before {
position: absolute;
top: -1.05rem;
left: 1.15rem;
padding-inline: 0.35rem;
background: var(--color-bg);
color: var(--color-accent);
content: "§";
font-family: var(--font-display);
font-size: 1.25rem;
}
.front-page-note p:last-child {
margin: 0.75rem 0 0;
}
.decision-cta {
position: relative;
display: grid;
grid-template-columns: minmax(8rem, 1fr) minmax(14rem, 24rem);
align-items: center;
gap: 2rem;
margin-top: clamp(3rem, 7vw, 6.5rem);
padding: clamp(1.25rem, 3vw, 2rem);
background: var(--color-accent);
color: var(--color-accent-contrast);
overflow: hidden;
}
.decision-cta::after {
position: absolute;
right: -2.25rem;
bottom: -3.4rem;
width: 8rem;
height: 8rem;
border: 1px solid currentColor;
border-radius: 50%;
box-shadow: 0 0 0 1.25rem rgba(255, 255, 255, 0.08);
content: "";
opacity: 0.35;
}
.decision-cta-label {
color: var(--color-accent-contrast);
}
.button {
display: inline-flex;
min-height: 3rem;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
padding: 0.75rem 1rem;
border: 1px solid currentColor;
background: var(--color-accent);
color: var(--color-accent-contrast);
font-size: 0.82rem;
font-weight: 750;
letter-spacing: 0.04em;
text-decoration: none;
}
.decision-cta .button {
position: relative;
z-index: 1;
background: var(--color-accent-contrast);
color: var(--color-accent);
}
.index-intro,
.journal-page {
max-width: 56rem;
padding-left: clamp(1.25rem, 4vw, 3rem);
border-left: 0.22rem solid var(--color-accent);
}
.index-intro .section-kicker,
.journal-page .section-kicker {
margin: 0 0 1rem;
}
.prose-page {
max-width: 49rem;
font-size: 1.08rem;
}
.index-intro-hub {
max-width: 68rem;
}
.index-section {
margin-top: clamp(4rem, 9vw, 8rem);
}
.section-heading {
margin-bottom: 1.5rem;
}
.section-heading-row {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1.5rem;
padding-bottom: 0.85rem;
border-bottom: 0.18rem double var(--color-text);
}
.section-heading h2 {
max-width: 26ch;
margin: 0.25rem 0 0;
font-family: var(--font-display);
font-size: clamp(2rem, 4vw, 3.5rem);
font-weight: 400;
letter-spacing: -0.035em;
line-height: 1.05;
}
.section-heading-row > span {
flex: none;
color: var(--color-muted);
font-size: 0.78rem;
font-weight: 650;
}
.brief-list {
border-bottom: 1px solid var(--color-rule);
}
.brief-card {
position: relative;
display: grid;
grid-template-columns: minmax(7rem, 10rem) minmax(0, 1fr);
gap: clamp(1.5rem, 5vw, 4rem);
padding-block: clamp(1.5rem, 3vw, 2.35rem);
border-top: 1px solid var(--color-rule);
transition: background 140ms ease-out, padding 140ms ease-out;
}
.brief-card::before {
position: absolute;
top: 1.5rem;
bottom: 1.5rem;
left: -0.8rem;
width: 0.18rem;
background: var(--color-accent);
content: "";
opacity: 0;
transition: opacity 140ms ease-out;
}
.brief-card:hover,
.brief-card:focus-within {
background: linear-gradient(90deg, rgba(139, 35, 55, 0.055), transparent 72%);
}
.brief-card:hover::before,
.brief-card:focus-within::before {
opacity: 1;
}
.brief-card:first-child {
border-top: 0;
}
.brief-card-meta {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.45rem;
color: var(--color-muted);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.brief-number {
display: grid;
width: 2.65rem;
height: 2.65rem;
margin-bottom: 0.8rem;
place-items: center;
border: 1px solid var(--color-accent);
border-radius: 50%;
color: var(--color-accent);
font-family: var(--font-display);
font-size: 1.5rem;
font-weight: 400;
letter-spacing: 0;
}
.brief-card-body {
position: relative;
max-width: 50rem;
padding-right: clamp(0rem, 4vw, 3rem);
}
.brief-card h2,
.brief-card h3 {
max-width: 30ch;
margin: 0;
font-family: var(--font-display);
font-size: clamp(1.55rem, 3vw, 2.4rem);
font-weight: 400;
letter-spacing: -0.025em;
line-height: 1.12;
text-wrap: balance;
}
.brief-card h2 a,
.brief-card h3 a {
color: var(--color-text);
text-decoration: none;
transition: color 140ms ease-out;
}
.brief-card h2 a::after,
.brief-card h3 a::after {
margin-left: 0.35em;
color: var(--color-accent);
content: "↗";
font-family: var(--font-body);
font-size: 0.55em;
vertical-align: 0.35em;
}
.brief-card-body > p {
max-width: 48rem;
margin: 0.8rem 0 0;
color: var(--color-muted);
font-size: 0.94rem;
}
.tag-list {
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.9rem;
margin-top: 1rem;
color: var(--color-muted);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.tag-list li:not(:last-child)::after {
margin-left: 0.9rem;
color: var(--color-rule);
content: "/";
}
.empty-state {
margin: 0;
padding: clamp(2rem, 6vw, 4rem);
border: 1px dashed var(--color-rule);
background: var(--color-bg);
color: var(--color-muted);
font-family: var(--font-display);
font-size: 1.25rem;
text-align: center;
}
.reading {
max-width: 82rem;
margin-inline: auto;
}
.reading-meta {
display: flex;
flex-wrap: wrap;
gap: 0.6rem clamp(1rem, 3vw, 2.5rem);
align-items: center;
margin-bottom: clamp(2rem, 5vw, 4rem);
padding-block: 0.8rem;
border-top: 1px solid var(--color-rule);
border-bottom: 1px solid var(--color-rule);
color: var(--color-muted);
font-size: 0.76rem;
font-weight: 600;
}
.reading-meta .section-kicker {
margin-right: auto;
color: var(--color-accent);
}
.reading-layout {
display: grid;
grid-template-columns: minmax(11rem, 15rem) minmax(0, var(--reading-measure));
gap: clamp(3rem, 7vw, 7rem);
justify-content: center;
align-items: start;
}
.reading-rail {
min-width: 0;
}
.decision-axis {
position: relative;
display: grid;
gap: 0.85rem;
margin-bottom: 2rem;
padding: 1rem 0 1rem 1.4rem;
border-block: 1px solid var(--color-rule);
color: var(--color-muted);
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.decision-axis::before {
position: absolute;
top: 1.5rem;
bottom: 1.5rem;
left: 0.28rem;
width: 1px;
background: var(--color-rule);
content: "";
}
.decision-axis span {
position: relative;
}
.decision-axis span::before {
position: absolute;
top: 50%;
left: -1.35rem;
width: 0.55rem;
height: 0.55rem;
border: 1px solid var(--color-accent);
border-radius: 50%;
background: var(--color-bg);
content: "";
transform: translateY(-50%);
}
.decision-axis span:nth-child(2)::before {
background: var(--color-accent);
box-shadow: 0 0 0 0.25rem rgba(139, 35, 55, 0.08);
}
.toc {
position: sticky;
top: 1.5rem;
padding-top: 1rem;
border-top: 0.2rem solid var(--color-accent);
}
.toc-label {
margin: 0 0 1rem;
}
.toc ol {
counter-reset: toc;
}
.toc li {
display: grid;
grid-template-columns: 1.5rem minmax(0, 1fr);
gap: 0.35rem;
margin-top: 0.7rem;
counter-increment: toc;
}
.toc li::before {
color: var(--color-muted);
content: counter(toc, decimal-leading-zero);
font-size: 0.68rem;
font-variant-numeric: tabular-nums;
}
.toc .toc-level-3 {
padding-left: 0.75rem;
}
.toc a {
color: var(--color-text);
font-family: var(--font-display);
font-size: 0.92rem;
line-height: 1.35;
text-decoration-color: var(--color-rule);
}
.prose-article {
max-width: var(--reading-measure);
font-family: var(--font-display);
font-size: clamp(1.08rem, 1.5vw, 1.2rem);
line-height: 1.82;
}
.prose-article h1,
.prose-article h2,
.prose-article h3,
.prose-article h4,
.prose-article code,
.prose-article pre,
.prose-article table,
.prose-article figcaption {
font-family: var(--font-body);
}
.prose-article h1,
.prose-article h2,
.prose-article h3 {
font-family: var(--font-display);
}
.prose-article h1 {
max-width: 17ch;
font-size: clamp(2.8rem, 6vw, 5.3rem);
}
.prose-article h2 {
margin-top: 2.2em;
}
.related {
max-width: 68rem;
margin: clamp(5rem, 11vw, 10rem) auto 0;
padding-top: clamp(2rem, 5vw, 4rem);
border-top: 0.18rem double var(--color-text);
}
.journal-page {
margin-inline: auto;
}
.error-sheet {
display: grid;
grid-template-columns: minmax(12rem, 0.8fr) minmax(16rem, 1fr);
gap: clamp(2rem, 8vw, 8rem);
align-items: center;
max-width: 74rem;
min-height: 28rem;
margin-inline: auto;
padding-block: 2rem;
border-top: 0.18rem double var(--color-text);
border-bottom: 0.18rem double var(--color-text);
}
.error-code {
margin: 0;
color: var(--color-accent);
font-family: var(--font-display);
font-size: clamp(7rem, 18vw, 15rem);
letter-spacing: -0.08em;
line-height: 0.75;
}
.error-copy {
max-width: 30rem;
}
.error-copy .section-kicker {
margin: 0 0 1rem;
}
.error-page h1 {
font-size: clamp(2.5rem, 5vw, 4.75rem);
}
.error-copy .button {
margin-top: 2rem;
}
.site-footer {
padding: clamp(3rem, 7vw, 6rem) var(--page-padding) 1.5rem;
background: var(--color-text);
color: var(--color-surface);
}
.footer-grid {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(12rem, 1fr);
gap: clamp(3rem, 8vw, 8rem);
padding-bottom: clamp(3rem, 7vw, 6rem);
}
.footer-brand {
display: block;
max-width: 19ch;
color: var(--color-surface);
font-family: var(--font-display);
font-size: clamp(1.85rem, 4vw, 3.5rem);
letter-spacing: -0.035em;
line-height: 1.02;
text-decoration: none;
}
.footer-identity p {
margin: 1rem 0 0;
color: #D7D3CA;
font-size: 0.82rem;
}
.footer-label {
margin: 0 0 1rem;
color: #D7D3CA;
}
.footer-nav li + li {
margin-top: 0.65rem;
}
.footer-nav a {
color: var(--color-surface);
font-family: var(--font-display);
font-size: 1.05rem;
}
.footer-colophon {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.75rem 2rem;
padding-top: 1.25rem;
border-top: 1px solid #596360;
color: #D7D3CA;
font-size: 0.68rem;
font-weight: 650;
letter-spacing: 0.1em;
text-transform: uppercase;
}
@media (hover: hover) {
.brand:hover .brand-name,
.breadcrumbs a:hover,
.toc a:hover {
color: var(--color-accent);
}
.footer-brand:hover,
.footer-nav a:hover {
color: var(--color-surface);
text-decoration-color: var(--color-surface);
text-decoration-thickness: 0.12em;
}
.nav-link:hover::after {
opacity: 1;
transform: scaleX(1);
}
.brief-card h2 a:hover,
.brief-card h3 a:hover {
color: var(--color-accent);
}
.button:hover {
background: var(--color-text);
color: var(--color-surface);
}
.decision-cta .button:hover {
border-color: var(--color-text);
background: var(--color-text);
color: var(--color-surface);
}
}
.site-footer a:focus-visible,
.decision-cta a:focus-visible {
outline-color: var(--color-accent-contrast);
}
@media (max-width: 64rem) {
.reading-layout {
grid-template-columns: minmax(10rem, 13rem) minmax(0, var(--reading-measure));
gap: 3rem;
}
}
@media (min-width: 52.01rem) {
.front-page-note {
position: sticky;
top: 1.5rem;
}
}
@media (max-width: 52rem) {
.paper-shell {
box-shadow: none;
}
.front-page {
grid-template-columns: minmax(0, 1fr);
gap: 2.5rem;
}
.front-page-marker {
grid-column: 1;
}
.front-page-note {
max-width: 32rem;
}
.reading-layout {
display: block;
}
.decision-axis {
grid-template-columns: repeat(3, 1fr);
gap: 0;
padding: 0.8rem 0;
text-align: center;
}
.decision-axis::before {
top: 1.15rem;
right: 16.67%;
bottom: auto;
left: 16.67%;
width: auto;
height: 1px;
}
.decision-axis span {
padding-top: 1.1rem;
}
.decision-axis span::before {
top: 0;
left: 50%;
transform: translateX(-50%);
}
.reading-rail {
max-width: 32rem;
margin-bottom: 3rem;
}
.toc {
position: static;
}
.toc ol {
columns: 2 12rem;
column-gap: 2rem;
}
}
@media (max-width: 40rem) {
.edition-bar span:last-child {
display: none;
}
.masthead {
text-align: left;
}
.primary-nav ul {
justify-content: flex-start;
}
.front-page-marker span:last-child {
display: none;
}
.decision-cta {
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
}
.section-heading-row {
display: block;
}
.section-heading-row > span {
display: block;
margin-top: 0.65rem;
}
.brief-card {
grid-template-columns: 3.25rem minmax(0, 1fr);
gap: 1rem;
}
.brief-card-meta time,
.brief-card-meta span:not(.brief-number) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.toc ol {
columns: auto;
}
.error-sheet {
display: block;
}
.error-code {
margin-bottom: 3rem;
}
.footer-grid {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 25rem) {
.main-frame {
padding-inline: 1rem;
}
.site-header,
.site-footer {
padding-inline: 1rem;
}
.edition-bar {
margin-inline: -1rem;
padding-inline: 1rem;
}
.front-page-story h1 {
font-size: 3rem;
}
.brief-card {
display: block;
}
.brief-card-meta {
margin-bottom: 0.75rem;
}
.brief-number {
margin: 0;
}
.button {
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}
@media print {
@page {
margin: 18mm;
}
html,
body,
.paper-shell {
background: #FFFFFF !important;
color: #000000 !important;
}
body {
font-size: 11pt;
}
.paper-shell {
width: auto;
min-height: 0;
box-shadow: none;
}
.site-header,
.site-footer,
.skip-link,
.breadcrumbs,
.reading-rail,
.decision-cta {
display: none !important;
}
.main-frame {
padding: 0;
}
.reading-layout,
.front-page,
.error-sheet {
display: block;
}
.prose,
.prose-article {
max-width: none;
color: #000000 !important;
font-size: 11pt;
line-height: 1.55;
}
.prose h1 {
font-size: 30pt;
}
.prose h2 {
font-size: 20pt;
}
.prose a {
color: #000000 !important;
}
.related,
.brief-card,
.error-sheet {
break-inside: avoid;
}
}