/* brand */
.brand-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.brand-badge{font:700 11px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;background:var(--csmb-indigo);color:#fff;padding:5px 7px}
.by{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
@media (max-width:1180px){.by{display:none}}
.by img{display:block;width:18px;height:auto}
.credit{display:flex;align-items:center;gap:10px}
.credit img{width:20px;height:auto}
.fb-credit{display:inline-flex;align-items:center;gap:10px}
.fb-credit img{width:18px;height:auto}
/* latest strip on home */
a.latest{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 20px;border:var(--border-thick);background:var(--csmb-paper);color:var(--csmb-ink);text-decoration:none;padding:12px 16px;box-shadow:var(--shadow-hard-sm);max-width:980px}
a.latest:hover{background:var(--csmb-ink);color:var(--csmb-paper)}
.latest .lt{font-size:15.5px;line-height:1.45}
.latest .lg{font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
@media (max-width:760px){a.latest{grid-template-columns:1fr}.latest .ll{justify-self:start}}
/* slim pager */
.pager{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;background:none;border:0;border-top:var(--border-thick);padding-top:18px;margin-top:clamp(56px,7vw,80px)}
.pager a{display:inline-flex;flex-direction:row;align-items:baseline;gap:10px;padding:0;background:none;text-decoration:none;color:var(--csmb-ink)}
.pager a:hover{background:none;color:var(--csmb-indigo)}
.pager a:hover .pt{text-decoration:underline;text-decoration-thickness:2px}
.pager .prev{font-size:14px;color:var(--csmb-stone)}
.pager .prev .pt{font-family:var(--font-sans);font-weight:600;text-transform:none;font-size:14px}
.pager .prev .pl{font-size:11px}
.pager .next{margin-left:auto;text-align:right;border:var(--border-thick);background:var(--csmb-indigo);color:#fff;padding:14px 20px;box-shadow:var(--shadow-hard-sm)}
.pager .next:hover{background:var(--csmb-ink);color:var(--csmb-paper)}
.pager .next:hover .pt{text-decoration:none}
/* reading timeline */
.access-line{font-size:14px;color:var(--csmb-stone);margin:0 0 28px;max-width:72ch}
.feed{position:relative;max-width:900px;margin:0;padding:0 0 0 34px;list-style:none}
.feed::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:3px;background:var(--csmb-ink)}
.feed .yr{position:relative;margin:34px 0 10px;font-family:var(--font-display);font-size:1.5rem;line-height:1;display:flex;align-items:baseline;gap:14px}
.feed .yr:first-child{margin-top:0}
.feed .yr::before{content:"";position:absolute;left:-34px;top:2px;width:19px;height:19px;background:var(--csmb-ink)}
.feed .yr small{font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--csmb-stone)}
.feed .it{position:relative;padding:14px 0 16px;border-bottom:var(--border-hair)}
.feed .it::before{content:"";position:absolute;left:-31px;top:21px;width:13px;height:13px;background:var(--csmb-canvas);border:3px solid var(--csmb-ink)}
.feed .it.latest-item::before{background:var(--csmb-indigo);border-color:var(--csmb-indigo)}
.feed .im{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;font-weight:600;color:var(--csmb-stone);margin-bottom:4px}
.feed .im .n{font-family:var(--font-mono);font-weight:600;color:var(--csmb-ink)}
.feed .acc{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:2px 6px;border:2px solid var(--csmb-ink);line-height:1.2}
.feed .acc.paid{background:var(--csmb-ink);color:var(--csmb-paper)}
.feed .acc.free{background:var(--csmb-paper);color:var(--csmb-ink)}
.feed .acc.hl{background:var(--csmb-indigo);border-color:var(--csmb-indigo);color:#fff}
.feed .rt{font-weight:700;font-size:18px;line-height:1.35;color:var(--csmb-ink);text-decoration-color:var(--csmb-divider)}
.feed .rt:hover{background:var(--csmb-indigo);color:#fff}
.feed .rd{margin:4px 0 0;font-size:15.5px;line-height:1.5;color:var(--csmb-stone);max-width:66ch}
@media (max-width:600px){.feed{padding-left:28px}.feed .it::before{left:-25px}.feed .yr::before{left:-28px}.feed .rt{font-size:16.5px}}
.foot-res{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.foot-res{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.foot-res{grid-template-columns:1fr}}
.pager .prev{flex-direction:column;align-items:flex-start;gap:4px}
.pager .pl{white-space:nowrap}
.timeline .here{white-space:nowrap}