.spot-page{color:#f9f5e8;background:radial-gradient(circle at 70% 0,#1b5040,#071d18 64%);min-height:100vh;padding:0 20px 80px;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif}.spot-wrap{max-width:760px;margin:auto}.spot-page nav{border-bottom:1px solid #af965f77;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;display:flex}.spot-page a{color:#e4cf97;text-decoration:none}.spot-page nav a:first-child{font-weight:800}.spot-page nav span{letter-spacing:.18em;font-size:10px}.spot-photo{object-fit:cover;border-radius:20px;width:100%;max-height:370px;margin-top:32px}.spot-kicker{color:#d1b46f;letter-spacing:.18em;margin-top:44px;font-size:13px}.spot-page h1{margin:12px 0 24px;font-size:clamp(36px,7vw,58px);line-height:1.2}.spot-story{color:#e5e9df;max-width:65ch;font-size:clamp(17px,3vw,21px);line-height:1.85}.spot-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:32px 0;display:flex}.spot-controls button{font:inherit;cursor:pointer;color:#102e24;background:#e4ca88;border:0;border-radius:12px;min-height:52px;padding:15px 24px;font-weight:700}.spot-controls p{color:#f3d592;width:100%}.spot-languages{flex-wrap:wrap;gap:8px;margin:34px 0;display:flex}.spot-languages a{border:1px solid #bba46c99;border-radius:20px;padding:9px 14px}.spot-languages a[aria-current]{color:#143428;background:#e4ca88}.spot-note{color:#a7c3b2;font-size:14px;line-height:1.5}.share-link{display:inline-block;position:relative}.share-link>button{cursor:pointer}.share-panel{z-index:40;color:#f9f5e8;text-align:left;background:#103c30;border:1px solid #c9ad70;border-radius:16px;gap:14px;width:min(310px,85vw);padding:20px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 20px 45px #0009}.share-panel strong{padding-right:28px;line-height:1.4}.share-close{color:#f9f5e8;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:8px;right:10px}.share-channels{grid-template-columns:1fr 1fr;gap:8px;display:grid}.share-channels a,.share-channels button{text-align:center;color:#12382c;font:inherit;cursor:pointer;background:#e8d19b;border:0;border-radius:8px;padding:10px 4px;font-size:14px;text-decoration:none;display:block}.share-qr{justify-items:center;gap:6px;font-size:13px;display:grid}.share-qr img{border-radius:6px;width:160px;height:160px}.share-panel small{color:#bbd3c3;line-height:1.5}
