/* 새 기능에 더해 이전 홈페이지의 Git·세션·환경·다운로드 안내를 온전히 보존한다. */
@layer components {
.connected-home section[id],.connected-home article[id]{scroll-margin-top:105px}
.home-git{padding-top:24px;padding-bottom:76px}.legacy-feature-line{display:flex;justify-content:space-between;gap:28px;border-top:1px solid #35513e;padding-top:24px;margin-top:23px;font-size:12px;color:#9db8a6}.home-sessions{padding-top:77px;padding-bottom:0}.session-section-copy{max-width:540px}.session-section-copy>p:first-child{font-size:14px;line-height:1.9;color:#a4b9aa}.session-section-copy>.home-quiet{font-size:11px;margin-top:13px}.runtime-showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:72px;margin-top:42px}.runtime-showcase h3{font-size:29px;line-height:1.55;font-weight:600;margin-bottom:19px}.runtime-showcase>div>p:not(.home-quiet){font-size:14px;color:#a3b8aa;line-height:1.9}.runtime-showcase .home-quiet{margin-top:15px;font-size:11px}.runtime-showcase .home-text-link{margin-top:24px}.platform-release-link{display:inline-flex;align-items:center;gap:15px;font-size:10px;color:#a9c5b0;margin-top:13px}.download-grid article>.platform-note{font-size:9px;color:#839f8b;line-height:1.8;margin:7px 0 0}.download-grid article>.home-button,.download-grid article>.download-store-badge{margin-top:0}.download-execution-note{font-size:10px;color:#769280;margin-top:10px;max-width:830px}.remote-copy{min-height:218px}.remote-copy>.home-quiet{max-width:355px;line-height:1.85}.remote-copy>.home-text-link{top:193px}.convenience-grid p{line-height:1.9}
.session-workspace-preview{container:session-preview / inline-size}.sp-stage{position:relative;min-height:420px;border:1px solid #ffffff1e;border-radius:12px;overflow:hidden;background:#15181d;padding:27px 30px;color:#e8ebef;font-family:'Segoe UI Variable','Segoe UI','IBM Plex Sans KR',sans-serif;box-shadow:0 23px 47px #040b0860}.sp-terminal{width:64%;border:1px solid #ffffff26;border-radius:12px;overflow:hidden;background:#080b0f;box-shadow:0 15px 35px #0006;margin-top:21px}.sp-caption{display:flex;align-items:center;gap:9px;background:#1b1f26;border-bottom:1px solid #ffffff1a;padding:8px 13px;font-size:12px}.sp-caption>i{width:8px;height:8px;border:2px solid #1c8d5e;border-radius:50%;margin-left:5px}.sp-close{margin-left:auto;font-size:15px;color:#9aa3ae}.sp-chatgpt{background:#eff2ed;border-radius:3px;padding:2px;object-fit:contain}.sp-terminal-body{padding:24px 21px 33px;min-height:285px;font:13px/1.85 'Cascadia Mono',Consolas,'IBM Plex Sans KR',monospace;overflow:hidden}.sp-codex{font-size:16px}.sp-path{font-size:11px;color:#7e8997;margin-top:3px}.sp-request{margin-top:26px;color:#dce4ec;white-space:nowrap}.sp-output{color:#a4afbd;margin-top:17px}.sp-success{font-size:12px;color:#9ec6a9;margin-top:22px}.sp-prompt{display:flex;align-items:center;gap:8px;margin-top:25px}.sp-prompt>span{width:6px;height:14px;background:#bac2cc}.sp-hub{position:absolute;right:29px;top:25px;width:430px;border:1px solid #ffffff29;border-radius:12px;background:#1e232a;box-shadow:-22px 12px 45px #0008;overflow:hidden}.sp-hub-head{display:flex;align-items:center;gap:12px;padding:16px 19px;border-bottom:1px solid #ffffff1a}.sp-hub-head strong{font-size:16px;font-weight:600}.sp-hub-head>span{font-size:11px;color:#8a97a6}.sp-hub-head>.sp-hub-close{font-size:18px;margin-left:auto}.sp-search{display:flex;align-items:center;gap:9px;margin:14px 15px 10px;background:#0d1116;border:1px solid #ffffff20;border-radius:6px;padding:9px 11px;color:#8f9caa;font-size:11px}.sp-search>small{margin-left:auto;font-size:8px;color:#737f8e}.sp-search>svg{flex:none}.sp-group{display:flex;align-items:center;justify-content:space-between;padding:9px 18px 5px;font-size:11px;color:#8d9baa}.sp-group>small{font-size:10px}.sp-row{display:flex;align-items:center;gap:11px;margin:0 11px 8px;padding:9px 9px;border:1px solid #ffffff11;border-radius:7px;background:#191e25}.sp-row>img{flex:none;object-fit:contain}.sp-row>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.sp-row strong{font-size:12px;font-weight:500}.sp-row>div>span{font-size:10px;color:#a2afbe}.sp-row small{font-size:9px;color:#7e8d9c}.sp-row>em{font-size:10px;font-style:normal;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;color:#b6c4d3}.sp-selected{background:#27303b;border-color:#73819755}.sp-dot{width:5px;height:5px;flex:none;border-radius:50%}.sp-attention{background:#ff9f0a}.sp-working{background:#56d69a}.sp-idle{background:#788898}.session-workspace-preview>figcaption{font-size:11px;color:#809e89;margin-top:16px}
@container page (max-width:1100px){.runtime-showcase{gap:39px}.runtime-showcase h3{font-size:24px}.legacy-feature-line{font-size:11px;gap:20px}}
@container session-preview (max-width:900px){.sp-stage{padding:22px;min-height:408px}.sp-terminal{width:75%}.sp-hub{width:390px;right:22px;top:22px}.sp-terminal-body{font-size:12px;padding-inline:16px}.sp-success{font-size:11px}}
@container page (max-width:760px){.home-git{padding-top:0;padding-bottom:47px}.home-git .home-section-heading{display:block}.home-git .home-section-heading>p{margin-top:17px;font-size:13px;line-height:1.9}.legacy-feature-line{display:grid;gap:10px;font-size:11px;padding-top:19px;margin-top:19px}.home-sessions{padding-top:47px}.home-sessions .home-section-heading{display:block}.session-section-copy{max-width:none;margin-top:21px}.session-section-copy>p:first-child{font-size:13px}.session-section-copy>.home-quiet{font-size:10px}.runtime-showcase{grid-template-columns:1fr;gap:30px;margin-top:31px}.runtime-showcase h3{font-size:25px;margin-bottom:15px}.runtime-showcase>div>p:not(.home-quiet){font-size:13px}.runtime-showcase .home-quiet{font-size:11px}.runtime-showcase .runtime-settings-preview{justify-self:center;width:100%}.download-grid article>.platform-note{font-size:9px}.platform-release-link{font-size:10px}.remote-copy{min-height:0}.remote-copy>.home-quiet{max-width:none}.download-execution-note{font-size:10px;line-height:1.9}.home-remote .remote-copy>p:not(.home-eyebrow):not(.home-quiet){line-height:1.85}}
@container session-preview (max-width:600px){.sp-stage{display:flex;flex-direction:column;gap:18px;padding:16px;min-height:0}.sp-terminal{width:100%;margin-top:0;order:2}.sp-hub{position:relative;inset:auto;width:100%;order:1;box-shadow:0 10px 25px #0005}.sp-terminal-body{min-height:223px;font-size:11px;padding:19px 15px 23px}.sp-codex{font-size:14px}.sp-path{font-size:10px}.sp-request{white-space:normal;line-height:1.85;margin-top:18px}.sp-output{font-size:10px;margin-top:12px}.sp-success{font-size:10px;line-height:1.9;margin-top:15px}.sp-prompt{margin-top:19px}.sp-hub-head{padding:13px 15px}.sp-search{font-size:10px;padding-inline:9px;margin-inline:11px}.sp-search>small{display:none}.sp-row{margin-inline:9px;gap:8px}.sp-row strong{font-size:11px}.session-workspace-preview>figcaption{font-size:10px;line-height:1.85}}
}