:root{color-scheme:dark;--blue:#54c5ff;--navy:#06152b}*{box-sizing:border-box}html,body{margin:0;background:#020916;color:#f1f7ff;font-family:Arial,Helvetica,sans-serif}body{background:radial-gradient(ellipse at 50% 50%,#08234a,#020916 75%)}main{max-width:1536px;margin:auto}.guide-spread{display:grid;grid-template-columns:1fr 1fr;gap:0}.panel{position:relative;aspect-ratio:3/4;overflow:hidden}.artwork{display:block;position:absolute;width:200%;height:100%;max-width:none;user-select:none}.artwork.right{left:-100%}.hotspot{position:absolute;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;padding:0;transition:box-shadow .18s,border-color .18s}.hotspot:hover,.hotspot:focus-visible{outline:none;border-color:#85d4ff;box-shadow:0 0 16px #36adff66,inset 0 0 14px #2cafff15}a:focus-visible,button:focus-visible{outline:2px solid #79d6ff;outline-offset:3px}.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 4% 20px;padding:16px 0;border-top:1px solid #154a75}.guide-footer>div{display:flex;gap:16px;align-items:center}.footer-brand{font-size:16px;font-weight:700;letter-spacing:.3px}.footer-brand span{color:#20a5ff}.footer-hint{font-size:12px;color:#9bbcd8}.pdf-control{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.7px;white-space:nowrap;text-decoration:none;color:#bce9ff;border:1px solid #296998;border-radius:28px;background:linear-gradient(140deg,#10355a,#06172d);padding:11px 16px;box-shadow:inset 0 1px 6px #53bfff20,0 0 14px #008cff15}.pdf-control:hover{border-color:#83d8ff;color:#fff}.pdf-control>span{font-size:18px;color:#52c6ff}dialog{width:min(540px,calc(100% - 28px));max-height:85svh;border:1px solid #4ba3e0;color:#edf6ff;background:linear-gradient(145deg,#0b2037fa,#030c1bfc);border-radius:15px;padding:0;box-shadow:0 0 45px #008cff33,0 30px 100px #000b;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 12px 22px;border-bottom:1px solid #1c4a6a;font-size:10px;letter-spacing:1.8px;color:#8dc9ef}.blue{color:#2daaff}.modal-top button{background:none;color:#ddf2ff;border:0;font-size:22px;width:40px;height:40px;cursor:pointer}#detail-body{padding:22px 24px 26px}h2{font-size:27px;line-height:1.2;margin:0 0 16px;color:#fff}p{font-size:16px;line-height:1.6;color:#d0dfed;margin:0 0 16px}p:last-child{margin:0}.example{padding:16px 18px;background:linear-gradient(120deg,#0d2a44,#081c31);border:1px solid #245b82;border-left:3px solid #53beff;border-radius:8px;margin-top:20px}.example .label{display:block;color:#75cbff;text-transform:uppercase;font-size:10px;letter-spacing:1.7px;margin-bottom:10px}.example p{font-size:15px;margin:0}.required{display:inline-block;color:#ffb4c2;font-size:12px;margin:0 0 14px;padding:6px 10px;background:#7c233a55;border:1px solid #8e4256;border-radius:5px}.status-options{display:flex;gap:8px;flex-wrap:wrap}.status-options button{padding:9px 12px;color:#d5ebff;background:#10314d;border:1px solid #2f6e9c;border-radius:6px;cursor:pointer}.inline-link{color:#80d2ff}.fallback{padding:20px;text-align:center}.fallback a{color:#83d9ff}@media(max-width:700px){.guide-spread{grid-template-columns:1fr}.guide-footer{gap:10px;padding:15px 0;margin-bottom:15px}.guide-footer>div{display:block}.footer-brand{display:block;font-size:15px;margin-bottom:6px}.footer-hint{font-size:10px}.pdf-control{font-size:9px;letter-spacing:1px;padding:10px 12px}h2{font-size:25px}#detail-body{padding:20px}.modal-top{padding-left:20px}p{font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}