body{min-height:100vh;background:linear-gradient(180deg,#8ecdf0,#6fb6e2 35%,#5aa3d4) fixed;color:#f3f8fd}.guide-wrap{display:grid;grid-template-columns:230px 1fr;gap:18px;max-width:1060px;margin:0 auto;padding:88px 18px 60px;align-items:start}.guide-side{position:sticky;top:88px;background:#ffffff21;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:16px 6px 16px 16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);max-height:calc(100vh - 110px);overflow-y:auto}.side-group{margin-bottom:14px}.side-group:last-child{margin-bottom:0}.side-label{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#ffffffa6;margin-bottom:6px}.guide-side a{display:block;color:#f3f8fd;text-decoration:none;font-size:13px;padding:5px 8px;border-radius:7px;opacity:.88}.guide-side a:hover{background:#ffffff24;opacity:1}.guide-main{display:flex;flex-direction:column;gap:16px;min-width:0}.guide-hero{background:#ffffff21;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:26px 28px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.guide-kicker{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#ffffffbf;margin-bottom:6px}.guide-hero h1{font-family:Georgia,serif;font-size:clamp(26px,4vw,38px);letter-spacing:5px;line-height:1.15;text-shadow:0 2px 8px rgba(20,50,80,.35)}.guide-hero p{margin-top:8px;font-size:14px;color:#ffffffeb;max-width:640px}.guide-section{background:#ffffff21;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:24px 28px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);scroll-margin-top:88px}.guide-section h2{font-family:Georgia,serif;font-size:20px;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:12px;text-shadow:0 2px 6px rgba(20,50,80,.3)}.guide-section h3{font-size:14.5px;margin:16px 0 6px}.guide-section p{font-size:13.5px;color:#fffffff2;margin-bottom:10px}.guide-section ul{margin:0 0 10px 20px;font-size:13.5px}.guide-section li{margin-bottom:5px}.guide-section strong{color:#fff}.shot{width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.3);display:block;margin:12px 0;box-shadow:0 10px 30px #1432504d;background:#7ec8ee;aspect-ratio:16 / 7;object-fit:cover}.shot-caption{font-size:11.5px;color:#ffffffbf;margin-top:-6px;margin-bottom:10px}.tip-box{border-left:3px solid #ffd98a;background:#ffd98a24;border-radius:0 8px 8px 0;padding:10px 14px;font-size:13px;margin:12px 0}.note-box{border-left:3px solid #9ad0ff;background:#9ad0ff24;border-radius:0 8px 8px 0;padding:10px 14px;font-size:13px;margin:12px 0}.soon-tag{font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;background:#ffd98a33;border:1px solid rgba(255,217,138,.5);color:#ffe9b0;border-radius:9px;padding:2px 8px;vertical-align:2px;margin-left:6px;white-space:nowrap}.key-table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0}.key-table td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.18)}.key-table td:first-child{width:170px}kbd{font-family:inherit;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:5px;padding:1px 8px;font-size:12px}.guide-footer{text-align:center;padding:8px 0 0}.guide-footer .disclaimer{color:#fffc}@media (max-width: 820px){.guide-wrap{grid-template-columns:1fr;padding-top:80px}.guide-side{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:4px 10px;padding:12px 14px}.side-group{margin:0;display:contents}.side-label{display:none}.guide-side a{font-size:12px;padding:4px 8px;background:#ffffff1a;border-radius:12px}}