/* Defending Marriage — see DESIGN.md */
@font-face { font-family: "Zilla Slab"; src: url(fonts/zilla-slab-500.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Zilla Slab"; src: url(fonts/zilla-slab-700.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Zilla Slab"; src: url(fonts/zilla-slab-500-italic.woff2) format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }

:root {
  --ink: #1b1d1f;
  --ink-2: #4a5157;
  --paper: #f5f7f8;
  --white: #fff;
  --rule: #bfced6;
  --hair: #d9e1e5;
  --breaking: #ab393b;  --breaking-t: #a33436;
  --persecution: #7c9953; --persecution-t: #56722f;
  --opinion: #caa383;  --opinion-t: #8a6238;
  --biblical: #5785ae; --biblical-t: #3d6a96;
  --accent: var(--breaking-t);
  --slab: "Zilla Slab", "Rockwell", "Roboto Slab", Georgia, serif;
  --serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
  --s1: .25rem; --s2: .5rem; --s3: 1rem; --s4: 1.5rem; --s5: 2.5rem; --s6: 4rem; --s7: 6rem;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: 400 1.125rem/1.65 var(--serif);
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { color: var(--accent); }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
h1, h2, h3, h4 { font-family: var(--slab); font-weight: 700; line-height: 1.15; margin: 0 0 var(--s3); letter-spacing: -.005em; }
p { margin: 0 0 var(--s3); }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: -999px; top: 0; background: var(--ink); color: #fff; padding: var(--s2) var(--s3); z-index: 9; }
.skip:focus { left: var(--s3); }
.wrap { width: min(100% - 2.5rem, 74rem); margin-inline: auto; }

/* ---------- masthead */
.masthead { background: var(--white); border-bottom: 6px solid var(--ink); box-shadow: 0 4px 0 var(--rule); margin-bottom: 4px; }
.masthead__in { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); padding: var(--s4) 0 var(--s3); flex-wrap: wrap; }
.masthead__logo img { width: clamp(200px, 40vw, 300px); }
.navtoggle {
  font: 700 .95rem/1 var(--slab); text-transform: uppercase; letter-spacing: .06em;
  background: var(--ink); color: #fff; border: 0; padding: .75rem 1rem; cursor: pointer; min-height: 44px;
}
.sitenav { width: 100%; }
.js .sitenav { display: none; }
html:not(.js) .navtoggle { display: none; }
.js .sitenav.open { display: block; }
.sitenav ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--hair); }
.sitenav li { border-bottom: 1px solid var(--hair); }
.sitenav a {
  display: block; padding: .7rem .25rem; text-decoration: none;
  font: 500 1.05rem/1.2 var(--slab); text-transform: uppercase; letter-spacing: .05em;
  border-left: 6px solid transparent; padding-left: .75rem;
}
.sitenav a.nav-breaking { border-left-color: var(--breaking); }
.sitenav a.nav-persecution { border-left-color: var(--persecution); }
.sitenav a.nav-opinion { border-left-color: var(--opinion); }
.sitenav a.nav-biblical { border-left-color: var(--biblical); }
.sitenav a[aria-current] { background: var(--ink); color: #fff; }
@media (min-width: 62rem) {
  .navtoggle { display: none; }
  .sitenav, .js .sitenav { display: block; width: auto; }
  .sitenav ul { display: flex; border: 0; gap: 2px; }
  .sitenav li { border: 0; }
  .sitenav a { border-left: 0; border-bottom: 4px solid transparent; padding: .55rem .7rem .45rem; font-size: .92rem; }
  .sitenav a:hover { color: var(--ink); border-bottom-color: var(--ink); }
  .sitenav a.nav-breaking:hover, .sitenav a.nav-breaking[aria-current] { border-bottom-color: var(--breaking); }
  .sitenav a.nav-persecution:hover, .sitenav a.nav-persecution[aria-current] { border-bottom-color: var(--persecution); }
  .sitenav a.nav-opinion:hover, .sitenav a.nav-opinion[aria-current] { border-bottom-color: var(--opinion); }
  .sitenav a.nav-biblical:hover, .sitenav a.nav-biblical[aria-current] { border-bottom-color: var(--biblical); }
  .sitenav a[aria-current] { background: none; color: var(--ink); border-bottom-color: var(--ink); }
}

/* ---------- shared bits */
.meta { font: 500 .9rem/1.4 var(--slab); color: var(--ink-2); letter-spacing: .01em; margin-bottom: var(--s2); }
.meta .ext { white-space: nowrap; }
.kicker { font: 700 .82rem/1 var(--slab); text-transform: uppercase; letter-spacing: .12em; margin: 0 0 var(--s2); }
.kicker--breaking { color: var(--breaking-t); }
.more { font: 700 1rem/1.4 var(--slab); margin: var(--s4) 0 0; }
.more a { text-decoration: none; border-bottom: 2px solid currentColor; padding-bottom: 2px; }
.btn { font: 700 1rem/1 var(--slab); text-transform: uppercase; letter-spacing: .06em; border: 2px solid var(--ink); background: var(--ink); color: #fff; padding: .85rem 1.4rem; cursor: pointer; min-height: 48px; }
.btn--light { background: #fff; color: var(--ink); border-color: #fff; }
.btn:hover { background: var(--accent); border-color: var(--accent); color: #fff; }

/* ---------- home: creed + lead */
.creed { display: grid; gap: var(--s5); padding: var(--s5) 0 var(--s6); }
.creed__label { font: 700 .82rem/1 var(--slab); text-transform: uppercase; letter-spacing: .14em; margin-bottom: var(--s3); }
.creed__label a { text-decoration: none; color: var(--breaking-t); }
.creed__quote { margin: 0 0 var(--s4); padding: 0; border: 0; }
.creed__quote p {
  font: italic 500 clamp(1.75rem, 1.1rem + 2.9vw, 3.15rem)/1.14 var(--slab);
  letter-spacing: -.01em; margin: 0; text-wrap: balance;
}
.creed__quote p::before { content: "“"; color: var(--breaking); }
.creed__quote p::after { content: "”"; color: var(--breaking); }
.creed__who { color: var(--ink-2); max-width: 36em; font-size: 1.05rem; border-top: 1px solid var(--rule); padding-top: var(--s3); }
.lead { background: var(--white); border-top: 6px solid var(--breaking); padding: 0 0 var(--s4); }
.lead__img img { width: 100%; aspect-ratio: 5 / 3; object-fit: cover; object-position: 50% 30%; }
.lead > :not(.lead__img) { margin-inline: var(--s4); }
.lead .kicker { margin-top: var(--s4); }
.lead__title { font-size: clamp(1.45rem, 1.1rem + 1.2vw, 1.9rem); }
.lead__title a, .col-story h3 a, .story__title a { text-decoration: none; display: inline-block; padding: .1rem 0; }
.lead__title a:hover, .col-story h3 a:hover, .story__title a:hover { text-decoration: underline; }
@media (min-width: 60rem) {
  .creed { grid-template-columns: 7fr 5fr; align-items: start; padding-top: var(--s6); }
}

/* ---------- home: section heads */
.sec { padding: var(--s5) 0 var(--s6); }
.sec__head { border-bottom: 6px solid var(--ink); margin-bottom: var(--s4); display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0 var(--s4); }
.sec__head h2 { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.25rem); text-transform: uppercase; letter-spacing: .02em; margin-bottom: var(--s2); }
.sec__head h2 a { text-decoration: none; }
.sec__note { margin: 0 0 var(--s2); color: var(--ink-2); font-style: italic; }
.sec--breaking .sec__head { border-color: var(--breaking); }
.sec--persecution .sec__head { border-color: var(--persecution); }

/* breaking: newspaper columns */
.columns { columns: 1; column-gap: var(--s5); column-rule: 1px solid var(--rule); }
.col-story { break-inside: avoid; padding-bottom: var(--s4); margin-bottom: var(--s4); border-bottom: 1px solid var(--hair); }
.col-story h3 { font-size: 1.3rem; margin-bottom: var(--s2); }
.col-story p:last-child { margin: 0; font-size: 1.02rem; }
@media (min-width: 46rem) { .columns { columns: 2; } }
@media (min-width: 70rem) { .columns { columns: 3; } }

/* persecution: faces */
.sec--persecution { background: var(--white); border-block: 1px solid var(--hair); }
.faces { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s4) var(--s3); }
.face a { display: block; text-decoration: none; }
.face img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 22%; filter: grayscale(.25); transition: filter .2s; border-bottom: 6px solid var(--persecution); }
.face a:hover img, .face a:focus-visible img { filter: none; }
.face__cap { display: block; font: 700 1.02rem/1.25 var(--slab); margin-top: var(--s2); }
.face a:hover .face__cap { color: var(--persecution-t); text-decoration: underline; }
@media (min-width: 40rem) { .faces { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 66rem) { .faces { grid-template-columns: repeat(6, 1fr); } }

/* opinion + biblical: table of contents */
.toc-pair { display: grid; gap: var(--s5); padding: var(--s6) 0; }
.toc__h { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.25rem); text-transform: uppercase; letter-spacing: .02em; padding-bottom: var(--s2); border-bottom: 6px solid; }
.toc__h a { text-decoration: none; }
.toc--opinion .toc__h { border-color: var(--opinion); }
.toc--biblical .toc__h { border-color: var(--biblical); }
.toc__list { list-style: none; margin: 0; padding: 0; counter-reset: toc; }
.toc__list li { border-bottom: 1px dotted var(--rule); counter-increment: toc; }
.toc__list a { display: grid; grid-template-columns: 2rem 1fr; gap: .1rem var(--s2); padding: .8rem 0; text-decoration: none; }
.toc__list a::before { content: counter(toc, decimal-leading-zero); font: 700 .9rem/1.6 var(--slab); grid-row: span 2; }
.toc--opinion .toc__list a::before { color: var(--opinion-t); }
.toc--biblical .toc__list a::before { color: var(--biblical-t); }
.toc__t { font: 700 1.12rem/1.3 var(--slab); }
.toc__a { font-style: italic; color: var(--ink-2); font-size: 1rem; }
.toc__list a:hover .toc__t { text-decoration: underline; }
.toc--opinion .toc__list a:hover { color: var(--opinion-t); }
.toc--biblical .toc__list a:hover { color: var(--biblical-t); }
@media (min-width: 56rem) {
  .toc-pair { grid-template-columns: 1fr 1fr; gap: var(--s6); }
  .toc__list a { grid-template-columns: 2.25rem 1fr auto; }
  .toc__list a::before { grid-row: auto; }
  .toc__a { text-align: right; max-width: 12em; align-self: end; }
}

/* why we're here */
.why { background: var(--ink); color: #fff; padding: var(--s6) 0; }
.why__in { display: grid; gap: var(--s5); }
.why__quote { margin: 0; padding: 0 0 0 var(--s4); border-left: 6px solid var(--biblical); }
.why__quote p { font: italic 500 clamp(1.5rem, 1.1rem + 1.6vw, 2.3rem)/1.22 var(--slab); margin: 0; }
.why h2 { font-size: 1.4rem; color: var(--rule); text-transform: uppercase; letter-spacing: .06em; }
.why ol { margin: 0; padding-left: 1.4em; display: grid; gap: var(--s2); }
.why li::marker { font-family: var(--slab); font-weight: 700; color: var(--rule); }
.why a { color: #fff; }
.why a:hover { color: var(--rule); }
.why :focus-visible { outline-color: #fff; }
@media (min-width: 60rem) { .why__in { grid-template-columns: 5fr 6fr; align-items: start; } .why ol { columns: 1; } }

/* ---------- signup */
.signup { background: var(--white); border-top: 6px solid var(--ink); padding: var(--s5) 0; }
.signup__in { display: grid; gap: var(--s4); }
.signup h2 { font-size: 1.8rem; margin-bottom: var(--s2); }
.signup__text p { margin-bottom: var(--s2); color: var(--ink-2); }
.signup__form { display: grid; gap: var(--s3); align-items: end; }
.field label { display: block; font: 700 .95rem/1.3 var(--slab); margin-bottom: var(--s1); }
.field input, .archhead__tools input {
  width: 100%; font: inherit; font-size: 1.05rem; padding: .7rem .8rem; min-height: 48px;
  border: 2px solid var(--ink); border-radius: 0; background: var(--white); color: var(--ink);
}
.signup .btn--light { background: var(--ink); color: #fff; border-color: var(--ink); }
.signup .btn--light:hover { background: var(--accent); border-color: var(--accent); }
@media (min-width: 52rem) {
  .signup__in { grid-template-columns: 5fr 7fr; align-items: center; }
  .signup__form { grid-template-columns: 1fr 1.3fr auto; }
}

/* ---------- footer */
.foot { background: var(--ink); color: #dfe6ea; padding: var(--s6) 0 var(--s5); font-size: 1rem; }
.foot__in { display: grid; gap: var(--s5); }
.foot__brand img { width: 220px; margin-bottom: var(--s3); }
.foot__creed { font: italic 500 1.1rem/1.45 var(--slab); max-width: 30em; color: #fff; }
.foot h2 { font-size: .9rem; text-transform: uppercase; letter-spacing: .12em; color: var(--rule); margin-bottom: var(--s3); }
.foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .35rem; }
.foot a { color: #fff; text-decoration: none; display: inline-block; padding: .15rem 0; }
.foot a:hover { color: #fff; text-decoration: underline; }
.foot :focus-visible { outline-color: #fff; }
.foot__small { grid-column: 1 / -1; border-top: 1px solid #3b4247; padding-top: var(--s4); margin: 0 0 var(--s4); font-size: .95rem; color: #c9d3d9; }
.foot__small a { text-decoration: underline; }
@media (min-width: 52rem) { .foot__in { grid-template-columns: 2fr 1fr 1fr; } }

/* ---------- section listing pages */
.sechead { padding: var(--s5) 0 var(--s4); border-bottom: 6px solid var(--ink); margin-bottom: var(--s4); display: grid; gap: 0 var(--s5); }
.sechead h1 { font-size: clamp(2.2rem, 1.4rem + 3vw, 3.6rem); text-transform: uppercase; letter-spacing: .01em; margin-bottom: var(--s2); }
.sechead__desc { font-size: 1.15rem; max-width: 34em; margin-bottom: var(--s2); }
.sechead__count { font: 500 .95rem/1.3 var(--slab); color: var(--ink-2); margin: 0; }
.sechead--breaking { border-color: var(--breaking); } .sechead--breaking h1 { color: var(--breaking-t); }
.sechead--persecution { border-color: var(--persecution); } .sechead--persecution h1 { color: var(--persecution-t); }
.sechead--opinion { border-color: var(--opinion); } .sechead--opinion h1 { color: var(--opinion-t); }
.sechead--biblical { border-color: var(--biblical); } .sechead--biblical h1 { color: var(--biblical-t); }
@media (min-width: 56rem) { .sechead { grid-template-columns: auto 1fr; align-items: end; } .sechead h1 { margin: 0; } .sechead__count { grid-column: 2; } }

.listing { padding-bottom: var(--s6); }
.stories { list-style: none; margin: 0; padding: 0; }
.story { display: grid; grid-template-columns: 34% 1fr; gap: var(--s3); padding: var(--s4) 0; border-bottom: 1px solid var(--hair); align-items: start; }
.story__img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 30%; background: var(--hair); }
.story__title { font-size: 1.2rem; margin-bottom: var(--s2); }
.story__excerpt { margin: 0; font-size: 1.02rem; grid-column: 1 / -1; }
.story__text { display: contents; }
.story__title, .story .meta { grid-column: 2; }
.story__img { grid-row: span 2; }
@media (min-width: 46rem) {
  .story { grid-template-columns: 220px 1fr; gap: var(--s4); }
  .story__text { display: block; }
  .story__img { grid-row: auto; }
  .story__title { font-size: 1.45rem; }
  .story__excerpt { max-width: 40em; }
}
.pager { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); margin-top: var(--s5); font: 700 1rem/1 var(--slab); }
.pager a, .pager span[aria-current], .pager .gap { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 .6rem; text-decoration: none; }
.pager a { border: 2px solid var(--ink); }
.pager a:hover { background: var(--ink); color: #fff; }
.pager span[aria-current] { background: var(--ink); color: #fff; }
.pager__nums { display: flex; flex-wrap: wrap; gap: var(--s1); }

/* ---------- article */
.art { width: min(100% - 2.5rem, 46rem); margin: 0 auto; padding: var(--s5) 0 var(--s6); }
.art__head { border-bottom: 1px solid var(--rule); margin-bottom: var(--s4); padding-bottom: var(--s3); }
.art__head h1 { font-size: clamp(1.9rem, 1.3rem + 2.4vw, 3rem); line-height: 1.1; text-wrap: balance; }
.art__filed { font: 700 .82rem/1 var(--slab); text-transform: uppercase; letter-spacing: .12em; margin-bottom: var(--s3); padding-left: .6rem; border-left: 6px solid var(--ink); }
.art__filed a { text-decoration: none; }
.filed--breaking { border-color: var(--breaking); color: var(--breaking-t); }
.filed--persecution { border-color: var(--persecution); color: var(--persecution-t); }
.filed--opinion { border-color: var(--opinion); color: var(--opinion-t); }
.filed--biblical { border-color: var(--biblical); color: var(--biblical-t); }
.art__pic { margin: 0 0 var(--s4); }
.art__pic img { width: 100%; }
.prose { font-size: 1.15rem; line-height: 1.72; overflow-wrap: anywhere; }
.prose > p:first-of-type::first-letter { float: left; font: 700 3.6em/0.82 var(--slab); margin: .08em .1em 0 0; color: var(--ink); }
.prose h2, .prose h3, .prose h4 { margin-top: var(--s5); }
.prose h2 { font-size: 1.6rem; } .prose h3 { font-size: 1.35rem; } .prose h4 { font-size: 1.15rem; }
.prose blockquote { margin: var(--s4) 0; padding: var(--s1) 0 var(--s1) var(--s4); border-left: 4px solid var(--breaking); color: #2c3236; font-style: italic; }
.prose blockquote p:last-child { margin: 0; }
.prose ul, .prose ol { padding-left: 1.3em; }
.prose li { margin-bottom: var(--s2); }
.prose img { margin: var(--s4) auto; }
.prose a { color: var(--biblical-t); }
.prose a:hover { color: var(--accent); }
.prose sup { line-height: 0; }
.prose table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
.prose td { border: 1px solid var(--hair); padding: var(--s2); vertical-align: top; }
.embed { position: relative; margin: var(--s4) 0; background: var(--ink); }
.embed--video { aspect-ratio: 16 / 9; }
.embed--audio { height: 170px; background: none; }
.embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.art--persecution .prose blockquote { border-color: var(--persecution); }
.art--opinion .prose blockquote { border-color: var(--opinion); }
.art--biblical .prose blockquote { border-color: var(--biblical); }
.author { display: grid; grid-template-columns: 80px 1fr; gap: var(--s4); background: var(--white); border-top: 6px solid var(--ink); padding: var(--s4); margin-top: var(--s5); font-size: 1rem; }
.author img { width: 80px; aspect-ratio: 10 / 13; object-fit: cover; }
.author h2 { font-size: 1.15rem; margin-bottom: var(--s2); }
.author p { margin: 0; }
.author a { color: var(--biblical-t); }
.author:not(:has(img)) { grid-template-columns: 1fr; }
.art__back { font: 700 1rem/1.5 var(--slab); margin-top: var(--s5); }

/* about */
.pull { margin: 0 0 var(--s4); padding: var(--s4) 0; border-block: 6px solid var(--ink); }
.pull p { font: italic 500 clamp(1.4rem, 1.1rem + 1.3vw, 2rem)/1.25 var(--slab); margin: 0; }
.prose--about ol { counter-reset: aim; list-style: none; padding: 0; border-top: 1px solid var(--rule); }
.prose--about ol li { counter-increment: aim; display: grid; grid-template-columns: 2.4rem 1fr; padding: var(--s2) 0; border-bottom: 1px solid var(--hair); margin: 0; }
.prose--about ol li::before { content: counter(aim); font: 700 1.3rem/1.5 var(--slab); color: var(--breaking-t); }
@media (min-width: 70rem) { .art--about { position: relative; } .pull { float: right; width: 18rem; margin: 0 -20rem var(--s4) var(--s4); } }

/* declaration + 404 */
.decl { padding: var(--s6) 0 var(--s7); max-width: 60rem; }
.decl__label { font: 700 .9rem/1 var(--slab); text-transform: uppercase; letter-spacing: .16em; color: var(--breaking-t); margin-bottom: var(--s4); padding-bottom: var(--s3); border-bottom: 6px solid var(--ink); display: inline-block; }
.decl__text { margin: 0 0 var(--s4); padding: 0; border: 0; font: italic 500 clamp(2rem, 1.2rem + 3.6vw, 4rem)/1.1 var(--slab); letter-spacing: -.015em; text-wrap: balance; }
.decl__text p { margin: 0; }
.decl__by { font-size: 1.15rem; color: var(--ink-2); }
.decl__next { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s5); }
.decl__next a { font: 700 1.05rem/1 var(--slab); text-decoration: none; border: 2px solid var(--ink); padding: .9rem 1.2rem; }
.decl__next a:hover { background: var(--ink); color: #fff; }

/* archive */
.archhead { padding: var(--s5) 0 var(--s4); }
.archhead h1 { font-size: clamp(2.2rem, 1.4rem + 3vw, 3.6rem); text-transform: uppercase; border-bottom: 6px solid var(--ink); padding-bottom: var(--s2); }
.archhead > p { max-width: 40em; }
.archhead__tools { max-width: 36rem; margin: var(--s4) 0 var(--s3); }
.archhead__tools label { display: block; font: 700 1rem/1.3 var(--slab); margin-bottom: var(--s1); }
.archhead__n { font: 500 .95rem/1.3 var(--slab); color: var(--ink-2); margin: var(--s2) 0 0; min-height: 1.3em; }
.chips { display: flex; flex-wrap: wrap; gap: var(--s2); }
.chip { font: 700 .95rem/1 var(--slab); text-decoration: none; padding: .7rem .9rem; border: 2px solid var(--ink); border-left-width: 8px; min-height: 44px; display: inline-flex; align-items: center; gap: .4rem; background: var(--white); }
.chip span { font-weight: 500; color: var(--ink-2); }
.chip--breaking { border-left-color: var(--breaking); } .chip--persecution { border-left-color: var(--persecution); }
.chip--opinion { border-left-color: var(--opinion); } .chip--biblical { border-left-color: var(--biblical); }
.chip:hover { background: var(--ink); color: #fff; } .chip:hover span { color: var(--rule); }
.arch { list-style: none; margin: 0; padding: 0 0 var(--s6); }
.arch__group { margin-top: var(--s5); }
.arch__h { font-size: 1.6rem; text-transform: uppercase; padding-bottom: var(--s2); border-bottom: 6px solid; scroll-margin-top: 1rem; }
.arch__h--breaking { border-color: var(--breaking); color: var(--breaking-t); }
.arch__h--persecution { border-color: var(--persecution); color: var(--persecution-t); }
.arch__h--opinion { border-color: var(--opinion); color: var(--opinion-t); }
.arch__h--biblical { border-color: var(--biblical); color: var(--biblical-t); }
.arch ol { list-style: none; margin: 0; padding: 0; columns: 1; column-gap: var(--s5); }
.arch ol li { break-inside: avoid; padding: .55rem 0; border-bottom: 1px solid var(--hair); line-height: 1.35; }
.arch ol a { font: 500 1.05rem/1.45 var(--slab); text-decoration: none; display: inline-block; padding: .1rem 0; }
.arch ol a:hover { text-decoration: underline; }
.arch ol span { display: block; font-size: .9rem; color: var(--ink-2); font-style: italic; }
.arch [hidden] { display: none; }
@media (min-width: 56rem) { .arch ol { columns: 2; } }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }
@media print { .masthead nav, .navtoggle, .signup, .foot { display: none; } body { background: #fff; } }