#guide-dialog:not([open]){display:none}
#guide-dialog{border:0;border-radius:6px;max-width:min(1100px,calc(100vw - 32px));width:1100px;height:calc(100dvh - 32px);max-height:100dvh;margin:auto;padding:0;background:#fff;color:var(--ink);box-shadow:0 20px 80px #0004}
#guide-dialog[open]{display:flex;flex-direction:column}
#guide-dialog::backdrop{background:#161616e0}
.guide-toolbar{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:8px 16px;min-height:62px;flex-shrink:0}
.guide-toolbar strong{margin-right:auto;font-size:15px;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.guide-toolbar .icon-button{flex-shrink:0}
.guide-image-container{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;background:#f5f5f5;padding:16px}
.guide-image-container img{display:block;max-height:100%;width:auto;max-width:100%;object-fit:contain}
.guide-image-container.original{display:block}
.guide-image-container.original img{max-width:none;max-height:none;width:auto;margin:auto}
.site-2026.guide-open{overflow:hidden}
.guide-error{padding:20px;color:#9d3225}
@media(max-width:700px){#guide-dialog{max-width:100vw;width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.guide-toolbar{padding:8px}.guide-toolbar strong{font-size:13px}.guide-toolbar .icon-button{width:40px}.guide-image-container{padding:8px}}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;flex:1;min-height:0}.guide-layout:has(.guide-explanations[hidden]){grid-template-columns:minmax(0,1fr)}.guide-visual{position:relative;flex:none;max-width:none}.guide-image-container .guide-visual img{width:100%;max-width:none;max-height:none;height:auto}.guide-image-container.original .guide-visual img{width:100%;margin:0}.guide-markers{position:absolute;inset:0;pointer-events:none}.guide-marker{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:3px solid #fff;border-radius:50%;background:#232323;color:#fff;font:700 16px GGN,Arial,sans-serif;box-shadow:0 1px 5px #0008;pointer-events:auto}.guide-marker[aria-pressed=true]{background:#ff9900;color:#171717}.guide-explanations{overflow:auto;border-left:1px solid var(--line);padding:18px;background:#fff}.guide-explanations h2{font-size:18px;margin-bottom:12px}.guide-explanations ol{list-style:none;padding:0;margin:0}.guide-explanations li{border-top:1px solid var(--line)}.guide-explanations button{display:block;width:100%;text-align:left;background:none;border:0;min-height:48px;font:700 15px GGN,Arial,sans-serif;color:#232323;padding:10px 0}.guide-explanations button[aria-expanded=true]{color:#a13f00}.guide-explanations p{font-size:14px;line-height:1.6;margin:0 0 16px}
@media(max-width:700px){.guide-layout{display:flex;flex-direction:column}.guide-image-container{min-height:160px}.guide-explanations{flex:none;max-height:40dvh;border-left:0;border-top:1px solid var(--line);padding:12px 16px}.guide-explanations h2{font-size:16px;margin-bottom:6px}}