/* SKIES2 public sections · UI Guide 1.3.4. Controls retain shared geometry.
   Large numerals are editorial data/step markers, not interface headings. */
#sk-web .sw-editorial { padding-block:clamp(36px,7vh,80px); }
#sk-web .sw-editorial .sw-section-top { margin-bottom:40px; }
#sk-web .sw-editorial .sw-section-intro { max-width:40ch; }
#sk-web .sw-editor { min-width:0; }
#sk-web .sw-editor-tabs { display:none; }
#sk-web .sw-editor.is-enhanced .sw-editor-tabs { display:flex; gap:12px; margin-bottom:24px; }
#sk-web .sw-editor-tab { appearance:none; min-height:56px; flex:1; display:flex; align-items:center; gap:12px; text-align:left; cursor:pointer; padding:12px 16px; border:1px solid var(--sk-border-control); border-radius:8px; color:var(--sk-brand-navy); background:var(--sk-bg-surface); font:600 14px/20px var(--sk-font-heading); transition:background 180ms var(--sk-ease),border-color 180ms var(--sk-ease); }
#sk-web .sw-editor-tab > .sk-icon { margin-left:auto; color:var(--sk-brand-aviation); }
#sk-web .sw-tab-index { color:var(--sk-text-secondary); font-variant-numeric:tabular-nums; }
#sk-web .sw-editor-tab:hover { background:var(--sk-selection-bg); border-color:var(--sk-brand-aviation); }
#sk-web .sw-editor-tab[aria-selected=true] { background:var(--sk-selection-bg); border-color:var(--sk-selection-border); box-shadow:inset 0 -2px var(--sk-selection-border); }
#sk-web .sw-editor-tab:focus-visible { outline:3px solid var(--sk-focus-ring); outline-offset:2px; }
#sk-web .sw-editor-panels { display:grid; gap:24px; }
#sk-web .sw-editor-panel { min-width:0; border:1px solid var(--sk-border-subtle); border-radius:12px; padding:32px; background:var(--sk-neutral-25); display:flex; flex-direction:column; gap:24px; }
#sk-web .is-enhanced .sw-editor-panels { gap:0; }
#sk-web .is-enhanced .sw-editor-panel { grid-area:1/1; visibility:hidden; opacity:0; pointer-events:none; transition:opacity 180ms var(--sk-ease),visibility 0s linear 180ms; }
#sk-web .is-enhanced .sw-editor-panel.is-active { visibility:visible; opacity:1; pointer-events:auto; transition:opacity 180ms var(--sk-ease),visibility 0s; }
#sk-web .sw-panel-top { display:flex; justify-content:space-between; align-items:center; }
#sk-web .sw-panel-index { font:600 clamp(56px,6vw,88px)/1 var(--sk-font-heading); letter-spacing:-.04em; color:var(--sk-brand-aviation); }
#sk-web .sw-panel-top > .sk-icon { width:40px; height:40px; color:var(--sk-brand-aviation); }
#sk-web .sw-editor-panel .sw-eyebrow { margin-bottom:8px; }
#sk-web .sw-editor-panel h3 { color:var(--sk-brand-navy); margin-bottom:12px; }
#sk-web .sw-editor-panel p { font:400 16px/24px var(--sk-font-body); color:var(--sk-text-secondary); max-width:66ch; }
#sk-web .sw-panel-takeaway { display:flex; gap:12px; align-items:center; margin-top:auto; border-top:1px solid var(--sk-border-subtle); padding-top:20px; font:500 14px/20px var(--sk-font-body); color:var(--sk-brand-aviation); }
#sk-web #training .sw-editor.is-enhanced { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:32px; }
#sk-web #training .sw-editor-tabs { flex-direction:column; margin-bottom:0; gap:16px; }
#sk-web #training .sw-editor-tab { min-height:92px; }
#sk-web #training .sw-editor-panel { min-height:350px; }
#sk-web .sw-section-foot { margin-top:28px; padding-top:24px; border-top:1px solid var(--sk-border-subtle); display:flex; align-items:center; justify-content:space-between; gap:20px; }
#sk-web .sw-section-foot p { display:flex; align-items:center; gap:12px; color:var(--sk-text-secondary); font:400 14px/20px var(--sk-font-body); }
#sk-web .sw-about-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:56px; align-items:center; }
#sk-web .sw-about-story h2 { max-width:21ch; margin-bottom:24px; }
#sk-web .sw-about-story p { color:var(--sk-text-secondary); font:400 16px/24px var(--sk-font-body); margin-bottom:16px; max-width:43ch; }
#sk-web .sw-about-signature { display:flex; gap:12px; align-items:center; padding-block:24px; margin-block:24px; border-block:1px solid var(--sk-border-subtle); color:var(--sk-brand-aviation); font:600 14px/20px var(--sk-font-heading); }
#sk-web .sw-about-signature small { display:block; margin-top:4px; color:var(--sk-text-secondary); font:400 12px/16px var(--sk-font-body); }
#sk-web #about .sw-editor-panel { background:var(--sk-bg-surface); min-height:400px; }
#sk-web #about .sw-editor-tab { padding:12px; gap:8px; }
#sk-web #about .sw-editor-tab > .sk-icon { display:none; }
#sk-web .sw-data-layout { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); align-items:center; gap:56px; }
#sk-web .sw-data-story h2 { margin-bottom:20px; max-width:16ch; }
#sk-web .sw-data-story > p { color:var(--sk-text-secondary); font:400 16px/24px var(--sk-font-body); max-width:32ch; }
#sk-web .sw-data-status { margin-top:28px; margin-bottom:16px; padding-left:12px; border-left:3px solid var(--sk-status-info-border); color:var(--sk-text-secondary); font:400 14px/20px var(--sk-font-body); }
#sk-web [data-live-stats-state=error] .sw-data-status { border-color:var(--sk-status-warning-border); color:var(--sk-status-warning-text); }
#sk-web .sw-data-story .sw-data-note { margin-top:24px; font-size:12px; line-height:20px; }
#sk-web #live-stats .sw-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
#sk-web #live-stats .sw-stat { padding:24px; background:var(--sk-neutral-25); min-width:0; min-height:228px; display:flex; flex-direction:column; }
#sk-web .sw-stat-heading { display:flex; gap:10px; align-items:center; }
#sk-web .sw-stat-heading span { color:var(--sk-brand-navy); font-weight:500; }
#sk-web #live-stats .sw-stat strong { font-size:clamp(40px,4.5vw,64px); line-height:1.15; margin-block:24px 16px; overflow-wrap:anywhere; }
#sk-web .sw-stat p { color:var(--sk-text-secondary); font:400 14px/20px var(--sk-font-body); margin-top:auto; }
#sk-web #live-stats .sw-language-stat { background:var(--sk-selection-bg); }
#sk-web #live-stats .sw-stat-flags { display:flex; flex-wrap:wrap; gap:24px; margin-block:24px 20px; }
#sk-web #live-stats .sw-stat-flags div { display:flex; flex-direction:column; gap:8px; }
#sk-web #live-stats .sw-stat-flags img { width:40px; height:30px; object-fit:contain; }
#sk-web .sw-language-stat .sk-button { margin-top:16px; align-self:flex-start; }
#sk-web .sw-partners-section .sw-partner { grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:0; gap:0; overflow:hidden; background:var(--sk-neutral-25); }
#sk-web .sw-partners-section .sw-partner-mark { padding:48px; align-self:stretch; border-right:1px solid var(--sk-border-subtle); }
#sk-web .sw-partners-section .sw-partner-mark img { width:100%; max-width:360px; object-fit:contain; }
#sk-web .sw-partner-copy { padding:36px; }
#sk-web .sw-partner-copy h3 { margin-bottom:16px; }
#sk-web .sw-partner-copy p { font-size:16px; line-height:24px; }
#sk-web .sw-partner-commitment { display:flex; gap:12px; align-items:center; margin-block:24px; color:var(--sk-brand-aviation); font:500 14px/20px var(--sk-font-body); }
#sk-web .sw-partner-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:32px; }
#sk-web .sw-partner-pillars > div { display:grid; grid-template-columns:24px 1fr; gap:8px 16px; padding-top:24px; border-top:1px solid var(--sk-border-subtle); }
#sk-web .sw-partner-pillars .sk-icon { color:var(--sk-brand-aviation); }
#sk-web .sw-partner-pillars h3 { color:var(--sk-brand-navy); font-size:16px; line-height:24px; }
#sk-web .sw-partner-pillars p { grid-column:2; color:var(--sk-text-secondary); font:400 14px/20px var(--sk-font-body); }
#sk-web #start { background:var(--sk-brand-navy); color:var(--sk-text-inverse); border:0; }
#sk-web .sw-start-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; }
#sk-web .sw-start-copy h2 { color:var(--sk-text-inverse); margin-bottom:24px; }
#sk-web .sw-start-copy > p { color:var(--sk-neutral-200); }
#sk-web #start .sw-eyebrow { color:var(--sk-brand-technical); margin-bottom:24px; }
#sk-web #start .sw-start-action { margin-top:32px; align-items:flex-start; }
#sk-web #start .sw-start-action span { color:var(--sk-neutral-200); }
#sk-web .sw-join-guide { background:var(--sk-bg-surface); color:var(--sk-text-primary); border-radius:12px; padding:32px; }
#sk-web .sw-join-heading { display:flex; align-items:center; gap:12px; padding-bottom:24px; border-bottom:1px solid var(--sk-border-subtle); color:var(--sk-brand-aviation); }
#sk-web .sw-join-heading h3 { font-size:16px; line-height:24px; color:var(--sk-brand-navy); }
#sk-web .sw-join-steps { margin:0; padding:0; list-style:none; }
#sk-web .sw-join-steps li { display:grid; grid-template-columns:40px 1fr; gap:16px; padding-top:24px; }
#sk-web .sw-join-steps li > span { display:grid; place-items:center; width:40px; height:40px; background:var(--sk-selection-bg); color:var(--sk-brand-aviation); border-radius:8px; font:600 14px/20px var(--sk-font-heading); }
#sk-web .sw-join-steps h3 { font-size:16px; line-height:24px; color:var(--sk-brand-navy); margin-bottom:4px; }
#sk-web .sw-join-steps p { font-size:14px; line-height:20px; color:var(--sk-text-secondary); }
#sk-web .sw-start-bottom { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:28px; margin-top:48px; border-top:1px solid var(--sk-neutral-600); }
#sk-web .sw-start-bottom p { display:flex; gap:12px; align-items:center; color:var(--sk-neutral-200); font-size:14px; line-height:20px; }
#sk-web #start > .sw-wrap > .sw-start-layout > .sw-start-copy :focus-visible,#sk-web .sw-start-bottom :focus-visible { outline:3px solid var(--sk-brand-technical); outline-offset:3px; box-shadow:0 0 0 2px var(--sk-brand-navy); }
@container website (max-width:1000px) {
 #sk-web .sw-about-layout,#sk-web .sw-data-layout,#sk-web .sw-start-layout { gap:32px; }
 #sk-web .sw-about-layout { grid-template-columns:1fr; }
 #sk-web .sw-about-story h2,#sk-web .sw-about-story p { max-width:65ch; }
 #sk-web .sw-about-signature { margin-block:20px; padding-block:16px; }
 #sk-web #about .sw-editor-panel { min-height:340px; }
 #sk-web .sw-partners-section .sw-partner-mark { padding:28px; }
}
@container website (max-width:700px) {
 #sk-web #training .sw-editor.is-enhanced,#sk-web .sw-data-layout,#sk-web .sw-start-layout { grid-template-columns:1fr; gap:24px; }
 #sk-web #training .sw-editor-tabs { flex-direction:row; gap:8px; }
 #sk-web .sw-editor-tab { flex-wrap:wrap; gap:8px; padding:12px; }
 #sk-web #training .sw-editor-tab { min-height:64px; }
 #sk-web .sw-editor-tab > .sk-icon { display:none; }
 #sk-web .sw-editor-panel { padding:24px; }
 #sk-web #training .sw-editor-panel { min-height:340px; }
 #sk-web .sw-section-foot { align-items:flex-start; flex-direction:column; }
 #sk-web .sw-data-story > p { max-width:52ch; }
 #sk-web #live-stats .sw-stat { padding:20px; min-height:208px; }
 #sk-web .sw-partners-section .sw-partner { grid-template-columns:1fr; }
 #sk-web .sw-partners-section .sw-partner-mark { padding:32px; border-right:0; border-bottom:1px solid var(--sk-border-subtle); }
 #sk-web .sw-partners-section .sw-partner-mark img { max-width:277px; }
 #sk-web .sw-partner-copy { padding:24px; }
 #sk-web .sw-partner-pillars { grid-template-columns:1fr; gap:16px; }
 #sk-web .sw-start-bottom { flex-direction:column; align-items:flex-start; margin-top:32px; }
 #sk-web .sw-join-guide { padding:24px; }
 #sk-web #start .sw-start-action { width:auto; }
}
@container website (max-width:420px) {
 #sk-web #live-stats .sw-stats { grid-template-columns:1fr; }
 #sk-web #live-stats .sw-stat { min-height:180px; }
 #sk-web .sw-tab-index { display:none; }
 #sk-web .sw-editor.is-enhanced .sw-editor-tabs { gap:8px; }
}
@media (prefers-reduced-motion:reduce) {
 #sk-web .sw-editor-panel { transition:none!important; }
}