#sample { scroll-margin-top: 6rem; }
.sample-disclosure { font-size: .9rem; line-height: 1.6; color: var(--t3); max-width: 76ch; margin: 1rem 0 2rem; }
.sample-layout { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(0, 2fr); gap: 2rem; align-items: start; }
.sample-bible { padding: 1.5rem; border-left: 3px solid var(--ac); background: var(--bg); font-size: 1rem; line-height: 1.6; }
.sample-bible h3, .sample-manuscript h3 { font-size: 1.15rem; margin: 0 0 1rem; }
.sample-bible dt { font-weight: 700; margin-top: 1rem; }
.sample-bible dd { margin: .25rem 0 0; }
.sample-bible > p:last-child { margin-top: 1.5rem; }
.sample-manuscript { padding: clamp(1rem, 4vw, 2.5rem); background: #fff; border: 1px solid var(--br1); }
.sample-manuscript article p { font-family: var(--ff-lora); font-size: 1.05rem; line-height: 1.9; margin: 1rem 0; }
.sample-controls { margin-bottom: 1.5rem; }
.sample-controls button { font: inherit; font-size: .9rem; padding: .65rem 1rem; border: 1px solid var(--ac); border-radius: .4rem; background: transparent; color: var(--ac); cursor: pointer; }
.sample-controls button[aria-pressed="true"] { background: var(--ac); color: #fff; }
.sample-manuscript details { border-top: 1px solid var(--br1); padding-top: 1.25rem; margin-top: 1.5rem; }
.sample-manuscript summary { cursor: pointer; font-size: 1rem; font-weight: 700; }
.sample-manuscript details article { padding-top: 1.5rem; }
.sample-note { font-size: .9rem; line-height: 1.7; color: var(--t3); margin: 1.5rem 0 1rem; }
.sample-manuscript > a { color: var(--ac); text-decoration: underline; font-size: 1rem; }
.sample-highlighted [data-continuity] { background: #fff0bc; color: #332714; box-decoration-break: clone; }
.sample-next { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; margin-top: 2rem; }
.sample-next p { flex: 1 1 320px; font-size: 1rem; line-height: 1.7; max-width: 65ch; }
.wab-plan-comparison th, .wab-plan-comparison td { padding: .8rem; vertical-align: top; border-bottom: 1px solid var(--br1); }
.wab-plan-comparison th { font-weight: 700; }
#sample :focus-visible, .wab-plan-comparison :focus-visible { outline: 3px solid var(--ac); outline-offset: 4px; }
@media (max-width: 700px) { .sample-layout { grid-template-columns: 1fr; } }