*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#202124;background:#f6f7f8;line-height:1.65}.guide-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.guide-hero{background:#fff;border-bottom:1px solid #e5e7eb;padding:42px 0 30px}.guide-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#6b7280}.guide-hero h1{margin:8px 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.2}.guide-lead{margin:0;max-width:760px;color:#4b5563}.guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}button{appearance:none;border:1px solid #111827;border-radius:12px;background:#111827;color:#fff;font:inherit;font-weight:700;padding:11px 16px;cursor:pointer;min-height:44px}button.secondary{background:#fff;color:#111827;border-color:#cbd5e1}button[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:3px}.guide-progress{margin-top:14px;font-weight:700;color:#374151;min-height:1.6em}.guide-safety{margin:10px 0 0;font-size:13px;color:#6b7280}.guide-main{padding:34px 0 56px}.guide-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.guide-section-heading h2,.guide-note h2{margin:4px 0 0;font-size:clamp(22px,3vw,30px);line-height:1.3}.guide-count{white-space:nowrap;font-size:12px;font-weight:800;border:1px solid #d1d5db;border-radius:999px;background:#fff;padding:7px 10px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-card{min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 4px 18px rgba(15,23,42,.04)}.guide-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-step{font-weight:800;font-size:13px}.guide-role{font-size:11px;font-weight:800;color:#6b7280;border:1px solid #e5e7eb;border-radius:999px;padding:4px 8px}.guide-card h3{margin:10px 0 6px;font-size:17px;line-height:1.45}.guide-card p{margin:0;color:#4b5563;font-size:14px}.guide-path{margin-top:10px;font-size:12px;color:#6b7280;overflow-wrap:anywhere}.guide-note{margin-top:28px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.guide-note p{margin:8px 0 0;color:#4b5563}.guide-overlay{position:fixed;inset:0;z-index:9999;display:none;background:#fff;flex-direction:column}.guide-overlay.is-open{display:flex}.guide-overlay-bar{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid #e5e7eb;background:#fff}.guide-overlay-bar strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-overlay-bar button{padding:8px 12px;min-height:40px}.guide-overlay iframe{display:block;width:100%;height:calc(100dvh - 58px);border:0;background:#fff;min-width:0}
@media(max-width:700px){.guide-shell{width:min(100%,calc(100% - 20px))}.guide-hero{padding:28px 0 22px}.guide-grid{grid-template-columns:1fr}.guide-actions{display:grid;grid-template-columns:1fr}.guide-actions button{width:100%}.guide-section-heading{align-items:flex-start}.guide-count{margin-top:4px}.guide-overlay-bar{height:54px;flex-basis:54px;padding:6px 8px}.guide-overlay-bar strong{font-size:13px}.guide-overlay-bar button{font-size:12px;padding:7px 9px}.guide-overlay iframe{height:calc(100dvh - 54px)}}
@media(max-width:340px){.guide-shell{width:min(100%,calc(100% - 16px))}.guide-card{padding:15px}.guide-role{font-size:10px}.guide-overlay-bar strong{max-width:48%}}