.cgg{color:#24312b;background:#f7f7f3;min-height:100vh;font-family:system-ui,Noto Sans KR,sans-serif}.cggTop{background:#fff;border-bottom:1px solid #e4e8e2;justify-content:space-between;gap:12px;padding:16px max(20px,50vw - 410px);font-size:13px;display:flex}.cggTop a{color:#356450}.cggWrap{max-width:820px;margin:0 auto;padding:28px 18px 64px}.cggEyebrow{color:#537e67;letter-spacing:.08em;font-size:12px;font-weight:700}.cgg h1{margin:8px 0;font-size:32px}.cggLead{color:#627067}.cggStops{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.cgg button{cursor:pointer}.cggStops button,.cggFrames button{color:#405447;background:#fff;border:1px solid #d5ded6;border-radius:999px;padding:10px 14px}.cggStops .active,.cggFrames .active{color:#fff;background:#315f49;border-color:#315f49}.cggCard{background:#fff;border:1px solid #e2e7e1;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #1c33200d}.cggImage{background:#e9eee9;justify-content:center;align-items:center;height:330px;display:flex}.cggImage img{object-fit:contain;width:100%;height:100%}.cggEmpty{text-align:center;color:#67766c;padding:30px}.cggEmpty p{font-size:13px}.cggPhotoMeta{color:#69796e;border-bottom:1px solid #edf0eb;justify-content:space-between;gap:12px;padding:12px 20px;font-size:12px;display:flex}.cggFrames{border-bottom:1px solid #edf0eb;flex-wrap:wrap;gap:7px;padding:15px 20px;display:flex}.cggFrames button{padding:7px 10px;font-size:12px}.cggBody{padding:24px}.cggBody h2{margin:8px 0;font-size:25px}.cggHook{color:#345944;font-weight:700}.cggListen{color:#fff;background:#315f49;border:0;border-radius:12px;margin:12px 0;padding:13px 20px;font-weight:700}.cggListen small{opacity:.8;margin-left:8px;font-weight:400}.cggScript{font-size:16px;line-height:1.9}.cggScript p{border-radius:6px;margin:8px -8px;padding:3px 8px}.cggScript p.current{color:#204e35;background:#e5f3e8}.cgg details{border-top:1px solid #e5e9e5;padding:15px 0;line-height:1.8}.cgg summary{cursor:pointer;font-weight:700}.cgg details a{color:#276448;text-decoration:underline}.cggNext{justify-content:space-between;margin-top:25px;display:flex}.cggNext button{color:#28543a;background:#f3f7f4;border:1px solid #cad9ce;border-radius:9px;padding:12px 18px}.cggNext button:disabled{opacity:.3;cursor:default}.cggFoot{color:#78867c;margin-top:20px;font-size:12px}@media (max-width:600px){.cggImage{height:245px}.cggBody{padding:18px}.cggTop{padding:12px 16px}.cgg h1{font-size:28px}}.cggNavigator,.cggAsk{background:#fff;border:1px solid #e2e7e1;border-radius:16px;margin:20px 0;padding:18px}.cggNavigator h2{margin:0 0 12px;font-size:20px}.cggModes{gap:8px;display:flex}.cggModes button,.cggGps button,.cggAsk button{color:#28543a;background:#fff;border:1px solid #b9cfc0;border-radius:9px;padding:10px 15px}.cggModes button.active,.cggAsk button{color:#fff;background:#315f49}.cggMap{border:1px solid #d9e3d9;border-radius:12px;overflow:hidden}.cggMap iframe{border:0;width:100%;height:310px;display:block}.cggMapInfo{background:#edf3ed;flex-direction:column;gap:4px;padding:10px;font-size:12px;display:flex}.cggGps{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.cggGps a{color:#216747;text-decoration:underline}.cggMapWarning{color:#8b5a25;font-size:12px}.cggAsk h3{margin:0 0 8px;font-size:20px}.cggAsk p{line-height:1.7}.cggMessages{max-height:350px;overflow:auto}.cggMessages p{white-space:pre-wrap;background:#f1f5f1;border-radius:9px;padding:10px}.cggMessages p.user{background:#e6f1e9}.cggAsk form{gap:8px;display:flex}.cggAsk input{border:1px solid #cbd7cc;border-radius:9px;flex:1;min-width:0;padding:12px}.cggAsk button:disabled{opacity:.5}.cggAsk small{color:#69796e;margin-top:10px;display:block}@media (max-width:600px){.cggMap iframe{height:260px}}
