.uv-guide{box-sizing:border-box;max-width:1200px;margin:22px auto;border:1px solid #a9c7d4;border-radius:18px;background:var(--island-bg-ffffff-100,#fff);color:var(--island-fg-173749-100,#173749);overflow:hidden;clear:both;text-align:left;font:16px/1.75 system-ui,'Yu Gothic',sans-serif}
.uv-guide>summary{padding:16px 20px;cursor:pointer;font-weight:750;font-size:17px}.uv-guide>summary small{display:block;font-weight:400;font-size:13px;margin-left:18px}.uv-body{padding:0 20px 20px}.uv-guide .uv-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);gap:20px;align-items:start}.uv-guide .uv-art{margin:0;min-width:0}.uv-guide svg{display:block;width:100%;height:auto;background:#f4f8fa;border-radius:12px;touch-action:auto}.uv-guide svg text{font:20px system-ui,'Yu Gothic',sans-serif;fill:#19384c}.uv-guide svg .uv-small{font-size:16px}.uv-guide svg .uv-wire{fill:none;stroke:#49697d;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.uv-guide svg .uv-label{font-size:17px;font-weight:700}.uv-guide svg [data-part]{transition:opacity .18s}.uv-guide svg .uv-selected{filter:drop-shadow(0 0 5px #eea431)}.uv-guide svg .uv-marker{fill:#176f92;stroke:white;stroke-width:2}.uv-guide svg .uv-number{fill:white;font-weight:800;font-size:18px}.uv-guide .uv-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.uv-guide button,.uv-zoom-button,.uv-viewer button{font:inherit;cursor:pointer;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid #a7bcc7;background:#fff;color:#173749;touch-action:manipulation}.uv-guide .uv-tabs button[aria-pressed=true]{background:#176f92;color:white;border-color:#176f92}.uv-guide .uv-explain{padding:14px;border-left:4px solid #e5a439;background:var(--island-bg-f3f6f8-100,#f3f6f8);border-radius:4px 12px 12px 4px;min-height:180px}.uv-guide .uv-explain h3{font-size:20px;line-height:1.5;margin:0 0 8px}.uv-guide .uv-explain p{margin:0}.uv-guide .uv-note,.uv-guide figcaption{font-size:13px;line-height:1.7;margin:10px 0}.uv-guide .uv-links{margin:12px 0 0;font-size:14px}.uv-guide .uv-links a{color:var(--island-fg-096e92-100,#096e92);text-decoration:underline}.uv-zoom-button{display:block;width:max-content;max-width:100%;margin:7px 0 14px;font-size:13px}.uv-viewer{box-sizing:border-box;width:min(96vw,1400px);max-width:96vw;height:92dvh;max-height:92dvh;padding:0;border:1px solid #8295a2;border-radius:14px;color:#173749;background:#fff}.uv-viewer::backdrop{background:#06131ddd}.uv-viewer .uv-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border-bottom:1px solid #d9e3e8;background:white}.uv-viewer .uv-title{flex:1;font-weight:700;min-width:130px}.uv-viewer .uv-scroll{height:calc(100% - 115px);overflow:auto;touch-action:pan-x pan-y pinch-zoom;background:#edf3f6;overscroll-behavior:contain}.uv-viewer .uv-canvas{width:100%;min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:18px;box-sizing:border-box}.uv-viewer .uv-canvas>img,.uv-viewer .uv-canvas>svg{display:block;width:100%;max-width:none;height:auto;flex-shrink:0;background:white}.uv-viewer .uv-caption{font:14px/1.5 system-ui;margin:8px 16px}.uv-viewer svg text{fill:#19384c}.uv-viewer .uv-guide-art text{font:20px system-ui}.uv-viewer .uv-guide-art .uv-small{font-size:16px}.uv-viewer .uv-guide-art .uv-wire{fill:none;stroke:#49697d;stroke-width:5}.uv-viewer .uv-guide-art .uv-marker{fill:#176f92;stroke:white;stroke-width:2}.uv-viewer .uv-guide-art .uv-number{fill:white;font-size:18px;font-weight:800}
@media(max-width:720px){.uv-guide{margin:16px 0}.uv-body{padding:0 12px 16px}.uv-guide .uv-layout{grid-template-columns:1fr;gap:10px}.uv-guide .uv-explain{min-height:0}.uv-guide>summary{padding:14px}.uv-viewer .uv-toolbar{gap:5px}.uv-viewer button{font-size:14px;padding:6px 9px}.uv-viewer .uv-title{flex-basis:100%;font-size:14px}.uv-viewer .uv-scroll{height:calc(100% - 150px)}}
@media(prefers-reduced-motion:reduce){.uv-guide svg [data-part]{transition:none}}@media print{.uv-guide{break-inside:avoid}.uv-zoom-button,.uv-viewer{display:none!important}.uv-guide .uv-tabs{display:none}}
.uv-guide .uv-photo{margin-top:14px;border-top:1px solid #a9c7d4;padding-top:10px}.uv-guide .uv-photo summary{cursor:pointer;min-height:44px;font-weight:700}.uv-guide .uv-photo img{display:block;width:100%;max-height:360px;object-fit:contain;background:#fff;margin:10px 0}.uv-guide .uv-photo img[hidden]{display:none}.uv-guide .uv-photo a{text-decoration:underline;color:inherit}
