.plate-page{background:#081923;color:#e0ede5}
.plate-page main{max-width:1500px;margin:0 auto;padding:0 clamp(20px,5vw,75px) 70px}
.plate-heading{padding:38px 0 27px}
.plate-heading h1{font-size:clamp(40px,6vw,75px);line-height:1;margin:12px 0 16px}
.plate-heading>p:last-child,#plate-count{font:14px/1.65 'DM Sans',sans-serif;color:#bfd2c8;max-width:640px}
.plate-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);background:#102832;border:1px solid #426362}
.plate-workspace[hidden],.plate-workspace [hidden]{display:none!important}
.plate-visual{position:relative;min-height:420px;height:min(59vh,650px);background:#081923}
#plate-canvas,#plate-preview{width:100%;height:100%}
#plate-canvas{overflow:hidden;touch-action:none}
#plate-preview{display:block;object-fit:contain}
#plate-status{position:absolute;left:12px;bottom:7px;padding:8px 10px;background:#0b202c;font-size:12px;color:#f0d2a0}
.plate-reading{padding:24px;border-left:1px solid #426362;min-width:0}
.plate-reading h2,#plate-list h2{font-size:clamp(29px,3.25vw,46px);line-height:1.08;margin:14px 0}
#plate-note{line-height:1.72;font-size:14px}
.plate-reading button{background:#153640;border:1px solid #69897f;color:#e6f4e7;border-radius:3px;padding:8px 10px;margin:0 6px 8px 0;min-height:37px;cursor:pointer}
#plate-progress-label{display:grid;gap:8px;margin:16px 0;color:#d4e6dc;font-size:12px}
#plate-progress{width:100%;accent-color:#d2b47d}
.plate-links{display:grid;gap:8px;margin-top:12px;font-size:12px;color:#c4e4d6}
#plate-list{padding-top:36px;scroll-margin-top:70px}
.plate-gallery{margin:22px 0 8px;border-block-start:1px solid #41605e}
.plate-gallery summary{cursor:pointer;padding:14px 0;color:#e7d4a7;font:600 15px/1.5 'DM Sans',sans-serif}
.plate-gallery ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plate-gallery a{display:grid;gap:5px;padding:13px;border:1px solid #3a5958;background:#102832;min-height:81px;text-decoration:none}
.plate-gallery a:hover,.plate-gallery a:focus-visible{border-color:#d2b47d}
.plate-gallery strong{color:#e1be7d;font:600 10px/1.5 'DM Sans',sans-serif}
.plate-gallery span{color:#d4e7de;line-height:1.45}
.plate-gallery .plate-research-card{display:block;min-height:0;padding:7px 13px;font-size:11px;border-top:0;background:#0e242c}
.appendix-reader{max-width:810px;margin:40px auto;font:16px/1.8 'DM Sans',sans-serif}
.appendix-reader h1{font-size:clamp(40px,6vw,70px);line-height:1.03}
.appendix-reader h2,.appendix-reader h3{margin-top:28px}
.appendix-reader figure{margin:25px 0;padding:14px 18px;border:1px solid #426362;background:#102832;scroll-margin-top:65px}
.appendix-reader figcaption{font-weight:600;color:#edcf95}
.beat-index li{margin:10px 0;padding-bottom:10px;border-bottom:1px solid #2a4449}
.beat-index li small{display:block;color:#c3d4cc}
.beat-index li a{color:#cee8db}
.beat-index .plate-gallery a{display:inline;padding:0;min-height:0;border:0;background:none}
@media(max-width:900px){.plate-gallery ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.plate-workspace{grid-template-columns:1fr}.plate-visual{min-height:350px;height:52vh}.plate-reading{border-left:0;border-top:1px solid #426362;padding:18px}.plate-gallery ul{grid-template-columns:1fr}}