/* /docs and /ledger: the same strips, on a page that scrolls */
html:has(body.is-page), body.is-page { overflow: auto; height: auto; }
body.is-page { background: linear-gradient(to bottom, #15110e 0, #2a1d15 520px, #15110e 1200px) no-repeat, #15110e; }
.nav-page { position: sticky; background: rgba(24, 18, 14, 0.94); }
.btn-small { height: 32px; padding: 0 14px; font-size: 15px; }
.page { max-width: 1080px; margin: 0 auto; padding: 40px 24px 60px; display: flex; flex-direction: column; gap: 34px; }
.page-head { display: flex; flex-direction: column; gap: 14px; padding-top: 10px; }
.h1 { font: 900 clamp(40px, 5.4vw, 70px)/0.92 var(--f-d); letter-spacing: 0.02em; text-transform: uppercase; color: var(--white); }
.h1 em { font-style: normal; color: var(--cyan-l); }
.lead { max-width: 760px; font-size: 17px; line-height: 1.55; color: var(--ink-2); }
.tiles { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; }
.tiles .strip { min-height: 76px; }
.tiles .cell { flex: 1; }
.tiles .cell b { font-size: 18px !important; color: var(--white); }
.tiles .cell i { font: 500 12px/1.2 var(--f-t); font-style: normal; color: var(--ink-3); }
.sec { display: flex; flex-direction: column; gap: 12px; }
.sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); padding-bottom: 8px; }
.sec-head h2 { font: 900 28px/1 var(--f-d); letter-spacing: 0.06em; text-transform: uppercase; color: var(--white); margin: 0; }
.rules .strip { min-height: 60px; }
.rules .cell { font-size: 15px; line-height: 1.55; color: var(--ink-2); }
.rules .cell-k { flex: 0 0 180px; }
.rules .cell-k b { font: 900 19px/1.05 var(--f-d) !important; letter-spacing: 0.07em; text-transform: uppercase; color: var(--white); white-space: normal !important; }
.rules .cell b { color: var(--ink); }
.table { display: flex; flex-direction: column; gap: 3px; }
.tr { display: grid; grid-template-columns: 110px 1.4fr 1fr 150px 90px; align-items: center; gap: 12px; min-height: 40px; padding: 0 14px; background: var(--panel); border-radius: var(--r); font-size: 14px; color: var(--ink-2); }
.tr:first-child { background: none; min-height: 26px; }
.tr3 { grid-template-columns: 1.6fr 1fr 1fr; }
.tr4 { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
.tr a { color: var(--cyan-l); font: 600 13px/1 var(--f-m); text-align: right; }
.mono { font-family: var(--f-m); font-variant-numeric: tabular-nums; }
.amt { text-align: right; color: var(--ink); }
.ra { text-align: right; }
.amt.is-in { color: var(--cyan-l); }
.soft { font-style: normal; color: var(--ink-3); font-family: var(--f-t); font-size: 12.5px; margin-left: 8px; }
.empty { padding: 16px 14px; background: var(--panel); border-radius: var(--r); color: var(--ink-3); font-size: 14px; }
.foot { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 18px; border-top: 1px solid var(--line); font-size: 13px; color: var(--ink-3); }
.foot a { color: var(--cyan-l); font-weight: 600; }
@media (max-width: 860px) { .tiles { grid-template-columns: 1fr 1fr; } .rules .cell-k { flex-basis: 110px; } .tr { grid-template-columns: 70px 1fr 90px; } .tr > :nth-child(3), .tr > :nth-child(5) { display: none; } .tr3, .tr4 { grid-template-columns: 1.4fr 1fr 1fr; } .nav-page .nav-links { display: none; } }