.hangang-page{background:#f6f0e5;color:#152f38}
.hangang-page h1,.hangang-page h2,.hangang-page h3{font-family:Georgia,serif}
.hangang-hero{display:grid;grid-template-columns:.85fr 1.15fr;min-height:72vh;background:#153d47;color:#fff}
.hangang-hero-copy{padding:clamp(2rem,7vw,7rem);align-self:center}
.hangang-hero h1{font-size:clamp(3.5rem,8vw,7.4rem);line-height:.88;margin:.4rem 0 1.5rem}
.hangang-lead{max-width:38rem;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65;color:#dcecef}
.hangang-hero figure{margin:0;position:relative;min-height:34rem;overflow:hidden}
.hangang-hero img{width:100%;height:100%;object-fit:cover}
.hangang-hero figcaption{position:absolute;bottom:1rem;right:1rem;background:rgba(7,31,39,.82);padding:.6rem .8rem;font-size:.76rem}
.hangang-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.8rem 0 1rem}
.hangang-actions a,.hangang-primary{border:0;background:#f3b544;color:#132b33;padding:.9rem 1.15rem;font:800 .92rem/1 system-ui;text-decoration:none;cursor:pointer}
.hangang-actions a{background:transparent;color:white;border:1px solid #bcd4da}
.hangang-privacy{font-size:.78rem;color:#a9c6cc}
.hangang-truth{display:grid;grid-template-columns:.6fr 1.4fr;gap:2rem;padding:1.3rem clamp(1.2rem,6vw,6rem);background:#f3b544;color:#152f38}
.hangang-truth strong{font-size:1.25rem}
.hangang-truth p{margin:0}
.hangang-map-section,.hangang-order,.hangang-phrases,.hangang-pay,.hangang-wifi,.hangang-do,.hangang-zone-list,.hangang-sources{padding:clamp(3.5rem,7vw,7rem) clamp(1.2rem,6vw,6rem)}
.hangang-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}
.hangang-heading h2{font-size:clamp(2.4rem,5vw,5rem);line-height:.95;margin:.25rem 0}
.hangang-heading>p{max-width:38rem}
.hangang-filters{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:1rem}
.hangang-filters button{white-space:nowrap;border:1px solid #708c94;background:#fff;padding:.55rem .8rem;cursor:pointer}
.hangang-filters button[aria-pressed=true]{background:#153d47;color:white}
.hangang-map-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(18rem,.6fr);background:#fff;border:1px solid #9fb3b8}
.hangang-map-layout #hangang-map{min-height:38rem}
.hangang-map-layout aside{padding:clamp(1.2rem,3vw,2.2rem);align-self:start}
.hangang-map-layout aside h3{font-size:2rem;margin:.35rem 0}
.hangang-map-pin{background:transparent;border:0}
.hangang-map-pin span{display:grid;place-items:center;width:34px;height:34px;border:3px solid white;border-radius:50%;background:#0b6174;color:white;font:800 .78rem/1 system-ui;box-shadow:0 4px 12px #16333c88}
.hangang-map-pin span.is-nearest{background:#d27921}
.hangang-map-links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.hangang-map-links a{background:#153d47;color:#fff;padding:.62rem .75rem;text-decoration:none;font-weight:800}
.hangang-order{background:#fff}
.hangang-order ol{list-style:none;padding:0;margin:0;border-top:1px solid #9fb3b8}
.hangang-order li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid #9fb3b8}
.hangang-order li>b{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#153d47;color:white}
.hangang-order h3{margin:0 0 .35rem;font-size:1.35rem}
.hangang-order p{margin:0;max-width:60rem}
.hangang-phrases{background:#153d47;color:#fff}
.hangang-phrase{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1.15rem 0;border-top:1px solid #66828a}
.hangang-phrase strong{display:block;font-size:clamp(1.25rem,2.2vw,1.8rem)}
.hangang-phrase small{display:block;color:#afd0d8;margin:.25rem 0}
.hangang-phrase p{margin:.25rem 0 0}
.hangang-phrase button{border:1px solid #a9c6cc;background:transparent;color:#fff;padding:.65rem .8rem;cursor:pointer}
.hangang-copy-status{min-height:1.4em;color:#f3b544;font-weight:800}
.hangang-card-grid,.hangang-do-grid,.hangang-zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.hangang-card-grid article,.hangang-do-grid article,.hangang-zone-grid article{background:#fff;border:1px solid #b3c2c5;padding:clamp(1.2rem,3vw,2rem)}
.hangang-card-grid span,.hangang-zone-grid span{font:800 .72rem/1.2 system-ui;letter-spacing:.08em;color:#57727a}
.hangang-card-grid h3{font-size:2rem;margin:.45rem 0}
.hangang-card-grid em{display:block;margin-top:1rem;padding-top:1rem;border-top:1px solid #c9d4d6;color:#5f6f74}
.hangang-decision{margin-top:1rem;padding:1.3rem;background:#f3b544}
.hangang-wifi{background:#fff}
.hangang-wifi-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#9db2b7;border:1px solid #9db2b7}
.hangang-wifi-steps article{background:#eef5f6;padding:1.4rem}
.hangang-wifi-steps b{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#153d47;color:#fff}
.hangang-wifi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.hangang-wifi-grid article{border:1px solid #b3c2c5;padding:1.5rem}
.hangang-wifi-grid span{font:800 .72rem/1.2 system-ui;letter-spacing:.08em;color:#0b6174}
.hangang-wifi-grid em{display:block;border-top:1px solid #d2dcde;padding-top:.85rem}
.hangang-wifi-warning{margin-top:1rem;padding:1.25rem;border-left:6px solid #d27921;background:#fff3dc}
.hangang-do{background:#e2edf0}
.hangang-do-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hangang-do-grid b{font-size:2rem;color:#0b6174}
.hangang-do-grid h3{font-size:1.35rem}
.hangang-zone-list{background:#fff}
.hangang-zone-grid article{background:#f8f5ef}
.hangang-zone-grid strong{font-size:1.1rem}
.hangang-zone-grid article>div{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.hangang-zone-grid a,.hangang-zone-grid button{border:0;background:#153d47;color:white;padding:.55rem .7rem;text-decoration:none;font:700 .78rem/1 system-ui;cursor:pointer}
.hangang-zone-grid button{background:#e4a836;color:#152f38}
.hangang-sources{background:#102f38;color:#dcecef}
.hangang-sources h2{font-size:2.5rem}
.hangang-sources>div{display:flex;flex-wrap:wrap;gap:.55rem}
.hangang-sources a{color:#fff;border:1px solid #678992;padding:.6rem;text-decoration:none}
.hangang-reviewed{font-size:.78rem;color:#9ebbc2;margin-top:1.4rem}

/* Walk-along delivery experience: readable actions beside distinct imagery. */
.hangang-page .picnic-hero-start{background:#f3b544;color:#132b33;border:0}
.picnic-start,.picnic-story,.picnic-help,.picnic-evidence{padding:clamp(2rem,5vw,5rem) clamp(1.2rem,6vw,6rem);font-size:1rem;line-height:1.7}
.picnic-start{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,4vw,4rem);background:#fff;color:#172f38}
.picnic-start .eyebrow,.picnic-story .eyebrow,.picnic-evidence .eyebrow{color:#715018;font-size:.875rem;font-weight:750}
.picnic-start h2,.picnic-story h2,.picnic-help h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.15;margin:.5rem 0 1rem;color:inherit}
.picnic-start aside{background:#153d47;color:#fff;padding:clamp(1.2rem,3vw,2rem);border-radius:1rem}
.picnic-start aside>span,.picnic-step-number{display:block;font-size:.875rem;font-weight:800;letter-spacing:.06em}
.picnic-start aside strong{display:block;font-size:clamp(1.2rem,2.5vw,1.65rem);line-height:1.5;margin:.6rem 0;overflow-wrap:anywhere}
.picnic-links{display:flex;flex-wrap:wrap;gap:.6rem;align-items:start}
.picnic-links a,.picnic-links button,.picnic-help button{display:inline-block;min-height:44px;background:#153d47;color:#fff!important;border:1px solid #153d47;border-radius:.4rem;padding:.65rem .9rem;text-decoration:none;font:700 .9375rem/1.5 system-ui;cursor:pointer}
.picnic-start .picnic-links a,.picnic-start .picnic-links button{background:#fff;color:#153d47!important;border-color:#fff}
.picnic-links a:hover,.picnic-links button:hover,.picnic-help button:hover{box-shadow:0 0 0 2px #e4a836}
.picnic-small,.picnic-image-note{font-size:.875rem;line-height:1.6}
.picnic-start .picnic-small{color:#e0edf0;margin-bottom:0}
.picnic-nav{display:flex;flex-direction:row;flex-wrap:wrap;max-height:none;gap:.6rem;padding:1rem clamp(1.2rem,6vw,6rem);background:#e1edf0;border-block:1px solid #c1d2d7}
.picnic-nav a{color:#153d47!important;font-weight:750;font-size:.9375rem;padding:.6rem .9rem;background:#fff;border-radius:.4rem;text-decoration:none}
.picnic-story{background:#f3f7f8;color:#172f38}
.picnic-story>header{max-width:55rem;margin-bottom:2rem}
.picnic-image-note{color:#3f5861}
.picnic-step-list{list-style:none;padding:0;margin:0;display:grid;gap:2rem}
.picnic-step-list>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 8px 26px #1939420b;scroll-margin-top:8rem}
.picnic-step-list figure{margin:0;display:flex;flex-direction:column;background:#e3ecef}
.picnic-step-list img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.picnic-step-list figcaption{font-size:.875rem;padding:.55rem 1rem;color:#35515b;background:#e3ecef}
.picnic-step-copy{padding:clamp(1.2rem,3vw,2.4rem);align-self:center}
.picnic-step-copy h3{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.25;margin:.6rem 0 1rem;color:#172f38}
.picnic-step-number{color:#715018}
.picnic-check{border-left:4px solid #e4a836;background:#fff6e3;padding:.8rem 1rem;font-weight:650;color:#233740}
.picnic-help{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);background:#153d47;color:#fff}
.picnic-help h2,.picnic-help h3,.picnic-help p,.picnic-help summary{color:#fff}
.picnic-help .picnic-korean{padding:1.2rem;border:1px solid #aec8cd;border-radius:.6rem;background:#102f38;font-size:1.25rem;line-height:1.7}
.picnic-help button{background:#f3b544;color:#132b33!important;border-color:#f3b544}
.picnic-problems details{padding:1rem 0;border-top:1px solid #7c9ba3}
.picnic-problems summary{font-size:1.0625rem;font-weight:750;cursor:pointer}
.picnic-problems a{color:#fff!important;text-underline-offset:.2em}
.picnic-copy-feedback{display:block;flex-basis:100%;font-size:.875rem;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.picnic-evidence{background:#fff;color:#203a43}
.picnic-evidence h2{font-size:1.75rem;line-height:1.3}
#picnic-start,#picnic-help,#zone-map{scroll-margin-top:8rem}
@media(max-width:800px){.picnic-start,.picnic-help,.picnic-step-list>li{grid-template-columns:1fr}.picnic-step-copy{padding:1.2rem}.picnic-step-list{gap:1.4rem}.picnic-nav{gap:.5rem}.picnic-nav a{flex:1 1 40%;text-align:center}.picnic-start{padding-top:2rem}.hangang-hero h1{line-height:1.02}.hangang-hero figure{min-height:16rem;max-height:25rem}.hangang-hero-copy{padding:2rem 1.2rem}}

@media(max-width:800px){.hangang-hero{grid-template-columns:1fr}
.hangang-hero figure{min-height:22rem;order:-1}
.hangang-truth,.hangang-map-layout,.hangang-card-grid,.hangang-wifi-steps,.hangang-wifi-grid,.hangang-do-grid,.hangang-zone-grid{grid-template-columns:1fr}
.hangang-map-layout #hangang-map{min-height:28rem}
.hangang-heading{display:block}
.hangang-phrase{grid-template-columns:1fr}
.hangang-phrase button{justify-self:start}
.hangang-map-layout aside{border-top:1px solid #9fb3b8}
}