.cm-empty{padding:clamp(24px,4vw,44px);display:grid;gap:16px;justify-items:start;max-width:720px}
.cm-empty h2{font-size:clamp(22px,3.4vw,34px)}
.cm-empty p{color:#DCD2C2;max-width:56ch}
.cm-empty .row{display:flex;flex-wrap:wrap;gap:10px}
.cm-empty[hidden],.cm-list[hidden],.cm-reader[hidden]{display:none}
.cm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cm-card{display:block;text-decoration:none;color:var(--text);padding:14px 14px 22px}
.cm-card__art{aspect-ratio:4/3;background:#0e0a13 no-repeat center/cover;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.cm-card__art--fallback{background-image:url(assets/hero.webp);background-size:260% auto;background-position:50% 30%}
.cm-card__body{padding:16px 8px 0;display:grid;gap:8px;justify-items:start}
.cm-card__body h3{font-size:clamp(18px,2vw,22px)}
.cm-card__body p{color:#DCD2C2;font-size:15px}
.cm-card__date{color:var(--gold-hi)!important;font-weight:700;font-size:14px!important}

.cm-reader{max-width:760px;margin-inline:auto;display:grid;gap:16px}
.cm-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.cm-top h2{font-size:clamp(20px,3vw,30px)}
.cm-top h2:focus{outline:none}
.cm-fig{margin:0;background:#07050A;border:1px solid var(--line);display:grid;place-items:center;min-height:240px;touch-action:pan-y}
.cm-fig img{width:100%;height:auto;max-height:80vh;object-fit:contain}
.cm-text{padding:clamp(24px,5vw,56px);font:700 clamp(20px,3.4vw,30px)/1.45 var(--body);color:var(--text);text-align:center;white-space:pre-line}
.cm-cap{padding:12px 16px;border-left:3px solid var(--gold);background:rgba(244,183,58,.06);color:#E6DCCB;font-size:17px;line-height:1.6;white-space:pre-line}
.cm-cap[hidden]{display:none}
.cm-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cm-nav .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.cm-pos{font:800 15px var(--display);color:var(--gold-hi)}
.cm-progress{height:6px;background:#0E0A14;border:1px solid var(--line);overflow:hidden}
.cm-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--mint));transition:width .25s}
.cm-end{padding:20px;display:grid;gap:12px;justify-items:start}
.cm-end[hidden]{display:none}
.cm-end p{color:#DCD2C2}
.cm-end .row{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:900px){.cm-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cm-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cm-progress i{transition:none}}