/* 손으로 만든 정적 페이지(apps.json static_pages — 지금은 SHOWCOMM 방침·지원 6개 언어)에 build.py 가 한 줄로 붙이는 스타일.
   그 파일의 구조·문구·인라인 스타일은 그대로 두고, 변수와 서체만 사이트(A+ Stage Premium)에 맞춘다.
   그 파일의 <style> 뒤에 실리므로 같은 선택자는 이쪽이 이긴다(라이트·다크 모두 다크로). */
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;
  src:url(/assets/fonts/InstrumentSans-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;
  src:url(/assets/fonts/InstrumentSans-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/DMMono-500-latin.woff2) format("woff2")}
:root{--bg:#0B0B0D;--card:#141417;--ink:#F2F2F0;--muted:#A1A1A8;--line:#2A2A2E;--accent:#FF6B5E;color-scheme:dark}
html{background:var(--bg)}
body{font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Hiragino Sans","PingFang SC","Segoe UI",system-ui,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.brand{font-family:"DM Mono",ui-monospace,Menlo,monospace;font-weight:500;letter-spacing:.14em}
nav.langs button{font-family:"DM Mono",ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.06em;min-height:44px}
.brand span{color:inherit}
article{border-radius:20px;padding:28px 24px}
h1{font-size:clamp(34px,5vw,48px);line-height:1.1;letter-spacing:-.03em;font-weight:600}
/* build.py 가 바닥에 넣는 Appshin 홈 링크 */
.appshin-home{max-width:760px;margin:0 auto;padding:8px 16px 48px;text-align:center}
.appshin-home a{display:inline-block;padding:12px;color:var(--muted);text-decoration:none;--accent:#FF6B5E}
.appshin-home a:hover{color:var(--ink)}
.appshin-home svg{display:block;height:20px;width:auto}
h2{font-size:20px;letter-spacing:-.015em;font-weight:600}
p,li{color:#D6D6D8}
.meta{color:var(--muted)}
a{overflow-wrap:anywhere;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(242,242,240,.35)}
a:hover{text-decoration-color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}