/* Full portrait covers: retain all artwork and typography without cropping. */
#topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#topic-grid .topic{padding:16px;min-height:0;border-radius:19px;background:linear-gradient(140deg,#17172e,#101322);border-color:#8070ac55;overflow:visible}
#topic-grid .topic-illustration{height:auto;aspect-ratio:849/1200;margin:0 0 22px;border:0;border-radius:7px 12px 12px 7px;overflow:hidden;box-shadow:4px 5px 0 #554464,9px 12px 25px #0006;flex-shrink:0}
#topic-grid .topic-illustration img{width:100%;height:100%;object-fit:contain;filter:none!important;transform:none!important}
#topic-grid .topic:hover .topic-illustration{box-shadow:4px 5px 0 #77618f,9px 12px 28px #9d74ff35}
#topic-grid .topic-symbol{display:none}#topic-grid .topic strong{font-size:20px}#topic-grid .topic small{letter-spacing:.1em;font-size:9px}#topic-grid .topic-arrow{top:auto;bottom:16px;right:15px}
#topic-grid .topic-summary{margin:12px 0}#topic-grid .topic-sublist{margin-bottom:18px}#topic-grid .topic-more{padding-right:16px}
.sample-book-cover{display:block;width:100%;max-width:350px;max-height:65vh;object-fit:contain;margin:18px auto;border-radius:5px;box-shadow:0 12px 35px #0004}
.light-theme #topic-grid .topic{background:linear-gradient(145deg,#fff,#f0ebfa);border-color:#9c81c14d}.light-theme #topic-grid .topic-illustration{box-shadow:4px 5px 0 #c2b7cf,9px 12px 24px #39304c26}
@media(max-width:1000px){#topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(max-width:700px){#topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#topic-grid .topic{padding:12px}#topic-grid .topic strong{font-size:17px}#topic-grid .topic-illustration{margin-bottom:19px}#topic-grid .topic-sublist{display:none}}
@media(max-width:360px){#topic-grid{grid-template-columns:1fr}}