/* HANBANG WIDE DESKTOP LAYOUT
   Keep Korean text on fewer lines on wide monitors while preserving mobile layout. */
:root{--container:1680px}
body{line-height:1.66;overflow-wrap:normal}
.container{width:min(var(--container),calc(100% - 32px))}
.narrow{max-width:1440px}
.header-inner{height:70px}
.main-nav{gap:14px;flex-wrap:nowrap}
.main-nav a{font-size:13px;white-space:nowrap}
.main-nav .program-link,.main-nav .creator-program-link{padding:9px 12px}
.hero{padding:72px 0 64px}
.hero-grid{grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr);gap:36px}
.hero h1{max-width:none;font-size:clamp(44px,4vw,72px);line-height:1.06;letter-spacing:-3px;margin:18px 0}
.hero-copy>p{max-width:1120px;font-size:17px}
.hero-actions{margin:28px 0;flex-wrap:wrap}
.hero-visual{min-height:400px}
.terminal{left:2%;top:8%;width:96%}
.section{padding:76px 0}
.section-head{align-items:center;margin-bottom:30px}
.section-head h2,.dark-section h2,.monetization h2,.cta-box h2{font-size:clamp(32px,2.8vw,48px);line-height:1.16;letter-spacing:-1.6px}
.section-head p,.monetization-copy>p{max-width:1050px}
.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.guide-card{min-height:245px;padding:22px 24px}
.guide-card h3{font-size:20px;line-height:1.32;margin:18px 0 10px}
.guide-card p{line-height:1.62}
.case-grid{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:52px}
.monetization{grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);gap:52px}
.footer-grid{grid-template-columns:2.4fr 1fr 1fr 1fr;gap:34px}
.article-hero{padding:56px 0 50px}
.article-hero .narrow,.simple-hero .narrow,.tool-hero .narrow{max-width:1440px}
.article-hero h1,.simple-hero h1{max-width:none;font-size:clamp(38px,3.7vw,60px);line-height:1.12;letter-spacing:-2.3px;margin:12px 0 18px}
.article-hero>div>p,.simple-hero p{max-width:1220px}
.article-layout{grid-template-columns:250px minmax(0,1180px);gap:42px;max-width:1540px;justify-content:center;padding-top:48px;padding-bottom:84px}
.article-body{font-size:16px;line-height:1.72}
.article-body h2{font-size:28px;line-height:1.28;margin:48px 0 14px}
.article-body h3{font-size:21px;margin-top:30px}
.article-body p,.article-body li{max-width:none}
.toc{top:92px;padding-left:17px;gap:7px}
.toc a{font-size:12px}
.steps{gap:9px}
.steps li{padding-top:14px;padding-bottom:14px}
.callout{margin:24px 0;padding:17px 20px}
.compare-table{font-size:13px;margin:20px 0}
.compare-table th,.compare-table td{padding:11px 13px}
.table-scroll{overflow-x:auto}
.prompt-builder-layout,.setup-wizard-layout,.example-layout{grid-template-columns:minmax(360px,.72fr) minmax(680px,1.28fr);gap:22px;max-width:1560px;margin-inline:auto}
.builder-form,.builder-output{padding:22px}
.builder-output textarea{font-size:12px;line-height:1.5}
.link-center-grid,.official-link-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.link-center-card{min-height:175px;padding:19px}
.account-start-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-boundary-grid,.account-rule-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.path-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.example-policy-notice,.example-account-notice{width:min(1600px,calc(100% - 32px))}
.wide-soft-break{display:none}

@media(max-width:1390px){
  :root{--container:1320px}
  .main-nav{gap:9px}
  .main-nav a{font-size:12px}
  .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}
  .article-layout{grid-template-columns:220px minmax(0,980px);max-width:1240px}
  .prompt-builder-layout,.setup-wizard-layout,.example-layout{grid-template-columns:minmax(330px,.82fr) minmax(560px,1.18fr)}
  .link-center-grid,.official-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1180px){
  :root{--container:1100px}
  .main-nav{display:none;position:absolute;left:14px;right:14px;top:67px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px}
  .main-nav.open{display:flex}
  .main-nav a{padding:10px;font-size:13px}
  .menu-button{display:block}
  .hero-grid{grid-template-columns:1fr 420px;gap:24px}
  .article-layout{grid-template-columns:210px minmax(0,820px);gap:30px}
  .wide-soft-break{display:block}
}

@media(max-width:980px){
  .container{width:min(100% - 28px,var(--container))}
  .hero-grid,.case-grid,.monetization{grid-template-columns:1fr}
  .hero h1,.article-hero h1,.simple-hero h1{font-size:clamp(38px,7vw,58px)}
  .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-layout{grid-template-columns:1fr;max-width:none}
  .prompt-builder-layout,.setup-wizard-layout,.example-layout{grid-template-columns:1fr}
  .link-center-grid,.official-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  :root{--container:100%}
  .container{width:min(100% - 28px,var(--container))}
  .hero{padding:58px 0}
  .hero h1,.article-hero h1,.simple-hero h1{font-size:clamp(35px,11vw,52px);letter-spacing:-2px}
  .wide-soft-break{display:block}
  .guide-grid,.link-center-grid,.official-link-grid,.account-start-grid,.account-boundary-grid,.account-rule-grid,.path-choice-grid.three{grid-template-columns:1fr}
  .article-body{font-size:16px}
}