/* service pages: sky background, wide two-column guide */
.sg{padding:0 24px 72px;background:transparent;font-family:'Geist',Inter,ui-sans-serif,sans-serif;color:#0A0A0F}
.sg-in{max-width:1240px;margin:0 auto}
.sg-head{text-align:center;margin:84px auto 36px;max-width:900px}
.sg-title{font-size:clamp(34px,4.4vw,54px);line-height:1.04;letter-spacing:-.04em;font-weight:800;margin:0 auto;text-wrap:balance}
.sg-sub{font-size:18px;line-height:1.65;color:#64748b;max-width:720px;margin:20px auto 0}
.sg .lr-panel.sg-panel{max-width:none;background:rgba(247,251,255,.74);border:2px solid #c9ddf2;border-radius:32px;padding:40px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sg-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:44px;align-items:start}
.sg-toc{position:sticky;top:24px;margin:0;font-size:14.5px}
.sg-main{min-width:0}
.sg-main .lr-body{font-size:18.5px;line-height:1.75;max-width:none}
.sg .lr-hero img{aspect-ratio:16/9;object-fit:cover}
@media(max-width:1000px){.sg-layout{grid-template-columns:1fr;gap:24px}.sg-toc{position:static}.sg .lr-panel.sg-panel{padding:26px}}
@media(max-width:700px){.sg{padding:0 14px 48px}.sg-head{margin:36px auto 24px}.sg .lr-panel.sg-panel{padding:16px;border-radius:22px}.sg-sub{font-size:16px}.sg-main .lr-body{font-size:17px}}
