/* Always-visible previews for the main Practice by topic directory. */
#practice-by-topic{scroll-margin-top:24px}
.topicgrid>.topicrow.topic-illustrated{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;min-width:0}
.topic-preview{display:block;width:100%;aspect-ratio:20/27;box-sizing:border-box;overflow:hidden;border:1px solid #dce1f0;border-radius:8px;background:#fff;box-shadow:0 5px 14px -10px rgba(40,20,80,.3)}
.topic-preview img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.topic-preview:hover{border-color:var(--accent)}
.topic-preview:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.topic-card-content{min-width:0}
.topic-illustrated .topic-head{display:block}
.topicgrid .topic-illustrated .topic-title{min-width:0;margin-bottom:9px}
.topic-illustrated .level-sheets{min-width:0}
.topic-illustrated .sheet{min-width:0;gap:6px}
.topic-illustrated .level-files{min-width:0;gap:6px}
.topic-illustrated .dl{box-sizing:border-box;max-width:100%;white-space:normal}
.topic-illustrated .topicfold>summary{display:flex;flex-wrap:wrap;max-width:100%;box-sizing:border-box;gap:6px}
.topic-illustrated .topicfold .level{display:block}
.topic-illustrated .topicfold .level-name{display:inline-block;margin-bottom:8px}
@media(max-width:480px){.topicgrid>.topicrow.topic-illustrated{grid-template-columns:80px minmax(0,1fr);gap:12px}}
@media print{.topic-preview{break-inside:avoid;box-shadow:none}}