.kg-guide{box-sizing:border-box;max-width:1240px;margin:24px auto 64px;padding:0 24px;color:#20344a;font:16px/1.7 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif}
.kg-guide *,.kg-guide *::before,.kg-guide *::after{box-sizing:border-box}
.kg-guide :is(h1,h2,h3,p,figure){float:none;position:static;width:auto;height:auto;margin:0;padding:0;border:0;background:none;text-align:left;font-family:inherit;color:inherit}
.kg-guide h1{font-size:42px;line-height:1.3;letter-spacing:-1.5px;font-weight:750;margin:16px 0}
.kg-guide h2{font-size:28px;line-height:1.4;letter-spacing:-.8px;font-weight:700;margin:0 0 14px}
.kg-guide h3{font-size:21px;line-height:1.4;font-weight:700;margin:0 0 10px}
.kg-guide p{font-size:16px;line-height:1.7}.kg-guide a{color:#067eaf;text-decoration:none}.kg-guide img{display:block;max-width:100%;height:auto}.kg-guide :is(a,button,summary):focus-visible{outline:3px solid #0097ca;outline-offset:4px}.kg-guide button{font:inherit;cursor:pointer}
.kg-hero{position:relative;overflow:hidden;border-radius:24px;background:#e6f5fe}.kg-hero>img{width:100%;aspect-ratio:3/2;max-height:650px;object-fit:cover;object-position:50% 65%}
.kg-hero-copy{position:absolute;top:17%;left:5%;width:39%;max-width:440px}.kg-guide .kg-hero-copy p{margin:0 0 24px}.kg-eyebrow{color:#0488bf;font-size:13px;font-weight:700;letter-spacing:2px}
.kg-guide .kg-primary{display:inline-flex;align-items:center;min-height:46px;padding:10px 20px;background:#0097ca;border-radius:10px;color:white;font-weight:700}
.kg-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.kg-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:22px;background:#edf6fc;font-weight:600}
.kg-section{margin-top:48px;scroll-margin-top:20px}.kg-guide .kg-intro{margin:0 0 24px;color:#58718a}
.kg-prepare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kg-prepare-grid article{padding:24px;border:1px solid #d8eaf4;border-radius:16px;background:#f6fbfe}.kg-prepare-grid h3{font-size:19px}.kg-prepare-grid p{color:#58718a}
.kg-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 32px}.kg-flow-tile{min-width:0;overflow:hidden;border:1px solid #d8eaf4;border-radius:16px;background:white}.kg-flow-crop{aspect-ratio:1;background-size:300% 200%;background-repeat:no-repeat}
.kg-flow-tile figcaption{display:flex;align-items:flex-start;gap:9px;padding:13px 14px;font-size:15px;font-weight:700;line-height:1.45;color:#20344a}.kg-number{flex:0 0 28px;width:28px;line-height:28px;text-align:center;background:#0097ca;color:white;border-radius:50%;font-size:14px;font-weight:700}
.kg-step{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center;padding:32px;margin:22px 0;border:1px solid #d8eaf4;border-radius:20px;background:white;scroll-margin-top:20px}.kg-step-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.kg-step-heading h3{margin:0;font-size:25px}.kg-guide .kg-step p{margin:0 0 14px}.kg-guide .kg-step .kg-note{margin:0;color:#5e768e;font-size:14px;line-height:1.7}
.kg-step>figure{text-align:center}.kg-screen-button{display:block;padding:0;width:100%;max-width:260px;margin:0 auto;border:1px solid #d7e4ee;border-radius:13px;overflow:hidden;background:#eef6fc}.kg-screen-button img{width:100%;height:350px;object-fit:contain;background:white}.kg-step>figure>figcaption{margin-top:9px;color:#668096;font-size:12px;line-height:1.5}
.kg-faqs details{padding:18px 22px;margin:12px 0;border:1px solid #d8eaf4;border-radius:12px}.kg-faqs summary{cursor:pointer;font-weight:700;font-size:17px}.kg-guide .kg-faqs details p{margin:12px 0 0;color:#58718a}.kg-help{margin-top:24px;padding:24px;border-radius:16px;background:#edf6fc}.kg-help h3{font-size:20px}.kg-help p{color:#58718a}.kg-other{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.kg-other a{min-height:44px;padding:9px 0;text-decoration:underline}
.kg-dialog{border:0;border-radius:16px;padding:16px;max-width:94vw;max-height:95vh}.kg-dialog::backdrop{background:#122e47bd}.kg-dialog button{display:block;margin:0 0 12px auto;padding:8px 16px;border:1px solid #c5d9e8;border-radius:8px;background:white;color:#20344a}.kg-dialog img{width:auto;height:auto;max-height:80vh;margin:auto}
.kg-step-art,.kg-step-controls{display:none}.kg-step[hidden],.kg-step-controls[hidden]{display:none!important}
.kg-dialog{width:min(1140px,96vw);overflow:auto}.kg-dialog img{width:1080px;max-width:100%;height:auto;max-height:none}.kg-dialog-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px;background:white}.kg-dialog-heading button{margin:0 0 0 auto;flex:none}
@media(min-width:1100px){
  .kg-hero>img{width:70%;height:400px;max-height:none;margin-left:auto;object-fit:cover}
  .kg-hero-copy{top:32px;left:32px;width:38%}
  .kg-section{margin-top:32px}.kg-nav{margin:18px 0}.kg-prepare-grid article{padding:18px}
  .kg-flow-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0;scroll-margin-top:16px}
  .kg-flow-tile figure{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:10px;min-height:82px}
  .kg-flow-crop{width:48px;height:48px;border-radius:8px}.kg-flow-tile figcaption{padding:0;font-size:12px;gap:5px}.kg-flow-tile .kg-number{flex-basis:19px;width:19px;line-height:19px;font-size:11px}
  .kg-flow-tile[aria-current=step]{border-color:#0097ca;background:#eaf7fd;box-shadow:0 0 0 1px #0097ca}
  .kg-step{grid-template-columns:minmax(0,1fr) 600px;gap:32px;padding:24px;margin:16px 0;align-items:start}
  .kg-step-heading h3{font-size:24px}.kg-step-art{display:block;width:220px;height:220px;margin:18px 0;background-size:300% 200%;background-repeat:no-repeat;border-radius:14px}
  .kg-guide .kg-step-body{line-height:1.9;margin-bottom:20px}
  .kg-screen-button{max-width:none;border-color:#bdd5e5}.kg-screen-button img{height:640px;object-fit:cover;object-position:center top}
  #kg-step-driver .kg-screen-button img{object-position:center 55%}#kg-step-agreement .kg-screen-button img{object-position:center 65%}#kg-step-completion .kg-screen-button img{object-position:center 15%}
  .kg-step-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:12px}.kg-step-controls button{min-height:44px;padding:9px 18px;border:1px solid #c5dce9;border-radius:9px;background:#f0f8fd;color:#164a68;font-weight:700}.kg-step-controls button:disabled{opacity:.4;cursor:default}
}
@media(max-width:800px){.kg-guide{margin:18px auto 40px;padding:0 18px}.kg-hero{display:flex;flex-direction:column}.kg-hero>img{order:2;max-height:none;aspect-ratio:3/2}.kg-hero-copy{position:static;order:1;width:100%;max-width:none;padding:26px}.kg-guide h1{font-size:30px;letter-spacing:-1px}.kg-guide h2{font-size:24px}.kg-guide .kg-hero-copy p{margin-bottom:18px}.kg-section{margin-top:38px}.kg-prepare-grid{grid-template-columns:1fr;gap:12px}.kg-prepare-grid article{padding:20px}.kg-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kg-flow-tile figcaption{padding:10px 9px;font-size:12px;gap:6px}.kg-flow-tile .kg-number{flex-basis:21px;width:21px;line-height:21px;font-size:11px}.kg-step{grid-template-columns:1fr;padding:22px;gap:20px}.kg-step-heading{gap:10px}.kg-step-heading h3{font-size:22px}.kg-screen-button{max-width:230px}.kg-screen-button img{height:320px}.kg-nav{gap:8px}.kg-nav a{padding:7px 13px;font-size:14px}.kg-faqs details{padding:16px}.kg-faqs summary{font-size:16px}}

/* Mobile: carry the lobby behind the copy, then blend into the full character scene. */
@media(max-width:800px){
  body.kiosk-guide-page{background:linear-gradient(180deg,#e7f5fe 0,#f3f9fd 780px,#f8fbfd 100%)}
  body.kiosk-guide-page>section.wrap{background:transparent}
  .kg-hero{isolation:isolate;background:#e3f3fe;box-shadow:0 10px 28px #527c9820}
  .kg-hero::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(180deg,#f5fbff66 0,#f5fbff33 52%,#e3f3fe00 100%),var(--kg-hero-image);background-size:auto 100%;background-position:left top;background-repeat:no-repeat}
  .kg-hero-copy{position:relative;top:auto;left:auto;z-index:1;padding:24px 22px 14px;background:none}
  .kg-hero>img{position:relative;z-index:1;aspect-ratio:1.18;object-fit:cover;object-position:right center;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%)}
  .kg-guide .kg-hero-copy p{color:#294c64}
  .kg-nav a{background:#fff;border:1px solid #d9eaf5}
  .kg-prepare-grid article{background:#fff}
}

/* Related guides: explain each destination and provide an easy full-card target. */
.kg-related{padding-top:36px;border-top:1px solid #d6e5ef}.kg-guide .kg-related-intro{word-break:keep-all;margin:12px 0 0;color:#58718a;font-size:16px;line-height:1.7}.kg-related .kg-other{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.kg-related .kg-guide-link{display:flex;align-items:flex-start;gap:18px;padding:26px;border:1px solid #d1e2ed;border-radius:16px;background:#fff;text-decoration:none;color:#233e53;min-width:0}.kg-guide-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;background:#eaf6fc;color:#0089b3}.kg-guide-icon svg{width:26px;height:26px}.kg-guide-link-copy{display:flex;flex-direction:column;gap:10px;min-width:0}.kg-guide-link-copy strong{font-size:20px;line-height:1.4}.kg-guide-link-copy>span{color:#58718a;font-size:15px;line-height:1.7;word-break:keep-all}.kg-guide-link-copy .kg-guide-link-action{margin-top:4px;color:#007fa9;font-weight:700}.kg-guide-link-action>span{margin-left:6px}.kg-related .kg-guide-link:hover{border-color:#67b2d3;background:#f7fcff}.kg-related .kg-guide-link:focus-visible{outline:3px solid #0089b3;outline-offset:4px}@media(max-width:800px){.kg-related{padding-top:28px}.kg-related .kg-other{grid-template-columns:1fr;gap:14px;margin-top:20px}.kg-related .kg-guide-link{padding:22px 18px;gap:14px}.kg-guide-link-copy strong{font-size:18px}.kg-guide .kg-related-intro{font-size:15px}.kg-guide-icon{flex-basis:42px;width:42px;height:42px}}