/* Builds on the approved, unchanged single-page readability stylesheet. */
.sc-page .sc-sample { margin-top:26px; display:grid; grid-template-columns:1.12fr 1fr; gap:30px; align-items:start; }
.sc-page .sc-records { border:1px solid var(--sc-line); border-radius:14px; background:#0d1920; overflow:hidden; margin:0; }
.sc-page .sc-records figcaption { padding:19px; color:#edf3ef; font-weight:700; line-height:1.5; border-bottom:1px solid var(--sc-line); }
.sc-page .sc-records ol { margin:0; padding:0; list-style:none; }
.sc-page .sc-records li { margin:0; padding:16px 19px; border-left:3px solid var(--sc-copper); border-bottom:1px solid var(--sc-line); }
.sc-page .sc-records li:last-child { border-bottom:0; }
.sc-page .sc-records li span { display:block; font-size:.8rem; color:#adc8c5; }
.sc-page .sc-records li strong { display:block; font-size:1rem; line-height:1.45; margin:3px 0; }
.sc-page .sc-records li p { font-size:.9rem; line-height:1.6; margin:5px 0 0; }
.sc-page .sc-sample-explanation { padding:18px 0; }
.sc-page .sc-sample-explanation h3 { color:#e5bb96; }
.sc-page .sc-records,.sc-page .sc-output,.sc-page .sc-sample-explanation { min-width:0; }
@media(max-width:800px){.sc-page .sc-sample{grid-template-columns:1fr;gap:12px;}.sc-page .sc-sample-explanation{padding:12px 0 0;}}