.topic-card{overflow:hidden}.topic-art{margin:-24px -24px 22px;overflow:hidden;aspect-ratio:3/2;border-bottom:1px solid var(--line);background:#e3e9eb}.topic-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .65s ease}.topic-card:hover .topic-art img{transform:scale(1.045);filter:brightness(1.04)}.topic-card h3{margin-top:15px}.chapter-art{display:block;position:relative;width:100%;padding:0;margin:28px 0 0;border:1px solid #baa57d;background:#e4e9e8;cursor:zoom-in;overflow:hidden;box-shadow:0 9px 30px #192a3f10}.chapter-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .7s ease}.chapter-art:hover img{transform:scale(1.025)}.chapter-art>span{position:absolute;right:16px;bottom:16px;display:flex;gap:15px;align-items:center;padding:8px 16px;font-size:14px;background:#101e32ed;color:#f5ecd9;border:1px solid #d3b16f88;backdrop-filter:blur(8px)}.chapter-art b{font-size:23px;font-weight:400;line-height:1}.art-open{overflow:hidden}.art-dialog{padding:0;border:1px solid #b69a67;background:var(--navy);color:var(--cream);width:min(1120px,calc(100vw - 32px));max-width:none;max-height:94dvh;box-shadow:0 30px 110px #0009;overflow:auto}.art-dialog::backdrop{background:#070e1bdc;backdrop-filter:blur(9px)}.art-dialog[open]{animation:art-enter .24s ease-out}.art-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #d3b16f44}.art-dialog header small{color:var(--gold);font-size:12px;letter-spacing:1.8px}.art-dialog h2{font-family:'Noto Serif Thai',serif;font-size:23px;font-weight:500;line-height:1.6;margin:3px 0 0}.art-dialog button{width:44px;height:44px;flex-shrink:0;cursor:pointer;border:1px solid #d3b16f66;background:transparent;color:var(--cream);font-size:24px;transition:background .2s}.art-dialog button:hover{background:#d3b16f22}.art-stage{display:flex;align-items:center;justify-content:center;background:#eaf0f0}.art-stage img{display:block;width:100%;height:auto;max-height:calc(94dvh - 190px);object-fit:contain}.art-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 22px}.art-dialog footer>div{text-align:center;font-size:14px}.art-dialog footer small{display:block;color:#acb5c0;font-size:12px;margin-top:3px}.art-reveal{opacity:.01;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.art-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes art-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.topic-art{margin:-19px -19px 18px}.art-dialog{width:calc(100vw - 16px)}.art-dialog header{padding:14px}.art-dialog h2{font-size:19px}.art-dialog header small{font-size:11px}.art-dialog footer{padding:12px}.chapter-art>span{right:10px;bottom:10px;padding:6px 12px}.topic-card h3{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-reveal{opacity:1;transform:none}.art-dialog[open]{animation:none}.topic-card,.topic-art img,.chapter-art img,.art-reveal{transition:none}.topic-card:hover,.topic-card:hover .topic-art img,.chapter-art:hover img{transform:none}}