.art-stage{background:#fff;padding:28px;border:1px solid var(--line)}
.image-window{display:block;width:100%;height:100%;overflow:hidden;position:relative}
.art-stage img{filter:none;display:block}
.art-stage.closeup .image-window{height:76%;border:8px solid #fff;outline:1px solid var(--line)}
.art-stage.closeup img{position:absolute;width:180%;height:auto;max-height:none;object-fit:initial;left:-45%;top:-28%;transform:none}
.gallery-bottom{display:block}
.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.thumb{width:auto;height:auto;padding:6px;background:#fff;border:1px solid var(--line);font-size:12px;color:var(--ink)}
.thumb.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.thumb-image{display:block;height:75px;overflow:hidden;margin-bottom:5px}
.thumb.detail img{transform:scale(2);object-fit:cover;object-position:center 40%}
#view-caption{font-size:13px;margin:12px 0;color:var(--muted)}
.included-note{margin:20px 0;padding:16px 0;border-block:1px solid var(--line);font-size:14px}
.included-note p{margin:7px 0}.included-note strong{font-weight:600}
.word-section{max-width:1180px;margin:0 auto;padding:20px 35px 65px;display:grid;grid-template-columns:1fr 1.1fr;gap:9%}
.word-section h2{font-size:43px}.word-section>div>p{font-size:16px}
.word-list{border-block:1px solid #bbc7c9;background:#fff}
.word-list summary{cursor:pointer;font-size:16px;padding:20px;display:flex;justify-content:space-between;gap:15px;list-style:none}
.word-list summary::-webkit-details-marker{display:none}
.word-list[open] summary span{transform:rotate(45deg)}
.word-list summary:focus-visible,.certificate-link:focus-visible{outline:3px solid #317ca3;outline-offset:3px}
.list-intro{font-size:13px;color:var(--muted);padding:0 20px}
.word-list ul{columns:2;list-style:none;padding:0 20px 20px;margin:0;font-size:16px;line-height:1.85}
.word-list li{break-inside:avoid}
.certificate-note{font-size:14px!important;color:var(--muted)}
.certificate-link{font:inherit;font-size:14px;background:none;border:0;border-bottom:1px solid var(--ink);color:var(--ink);padding:0 0 4px;cursor:pointer}
.detail-window{width:100%;max-width:340px;height:230px;border-radius:0;border:12px solid white;box-shadow:none;outline:1px solid var(--line)}
.detail-window img{width:600px;left:-155px;top:-160px}
dialog{width:min(1000px,96vw);padding:16px}
.lightbox-controls{display:flex;justify-content:flex-end;gap:12px;margin-bottom:12px}
.lightbox-controls button{margin:0;font-size:14px}
.lightbox-scroll{max-height:72vh;overflow:auto;background:white}
#lightbox-window{width:100%}
#lightbox-image{max-height:70vh;max-width:100%;width:auto;height:auto;margin:0 auto}
dialog.zoomed #lightbox-window{width:1400px}
dialog.zoomed #lightbox-image{width:100%;max-width:none;max-height:none}
dialog.detail-modal:not(.zoomed) #lightbox-window{position:relative;overflow:hidden;height:60vh}
dialog.detail-modal:not(.zoomed) #lightbox-image{position:absolute;width:120%;max-width:none;max-height:none;left:-10%;top:-25%;height:auto}
@media(max-width:700px){.art-stage{padding:16px}.art-stage .image-window img{max-height:none}.thumbs{gap:6px}.thumb{padding:4px;font-size:12px}.thumb-image{height:63px}.word-section{display:block;padding:15px 22px 40px}.word-section h2{font-size:38px}.word-section>div+div{margin-top:25px}.word-list summary{padding:16px}.detail-window{width:100%;height:215px}.detail-window img{width:550px;left:-135px;top:-155px}dialog{padding:10px}dialog.zoomed #lightbox-window{width:1100px}}
