/* Sources page — a document, not slides. Reading layout, not viewport-sized. */
.doc-page { background: var(--bg); }
.doc-head { background: var(--bg-deep); color: var(--white); padding-block: var(--s8) var(--s7); }
.doc-head h1, .doc-head .lede { color: var(--white); }
.doc-head .tag { color: var(--rei-green-lt); }
.doc-head .back { color: rgba(255,255,255,.75); font-family: var(--font-sub);
                  font-size:.76rem; letter-spacing:.14em; text-transform:uppercase;
                  text-decoration:none; }
.doc-head .back:hover { color: var(--white); }

.blk { padding-block: var(--s7); border-bottom:1px solid var(--rule); }
.blk > h2 { margin-bottom: var(--s5); }
.blk:last-of-type { border-bottom:0; }

.steps3 { display:grid; gap: var(--s5); grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); }
.steps3 .sn { font-family: var(--font-sub); font-size:.72rem; letter-spacing:.18em;
              color: var(--rei-teal); display:block; margin-bottom:.4rem; }
.steps3 h3 { margin-bottom:.4rem; }
.steps3 p { font-size:.92rem; color: var(--text-mute); }

.srct { width:100%; border-collapse:collapse; }
.srct th { text-align:left; font-family: var(--font-sub); font-size:.68rem;
           letter-spacing:.16em; text-transform:uppercase; color: var(--white);
           background: var(--primary); padding:.7rem .9rem; font-weight:700; }
.srct td { padding:.85rem .9rem; border-bottom:1px solid var(--rule);
           font-size:.9rem; vertical-align:top; color: var(--text); }
.srct tr:last-child td { border-bottom:0; }
.srct .u { color: var(--text-mute); font-size:.82rem; }
.g-hi  { color: var(--rei-green); font-weight:700; font-size:.8rem; white-space:nowrap; }
.g-mid { color: var(--rei-teal);  font-weight:700; font-size:.8rem; white-space:nowrap; }

.excl { background: var(--bg-soft); margin-inline: calc(var(--gutter) * -1);
        padding-inline: var(--gutter); }
.limits ul { padding-left:1.1rem; }
.limits li { margin-bottom: var(--s4); font-size:.95rem; max-width:74ch; }

@media (max-width:700px){ .srct, .srct tbody, .srct tr, .srct td { display:block; width:100%; }
  .srct thead { display:none; } .srct tr { border-bottom:1px solid var(--rule); padding-block:.6rem; }
  .srct td { border-bottom:0; padding:.3rem 0; } }
