:root{
  --bg:#FBF8F1; --panel:#FFFFFF; --ink:#241F17; --body:#4A4236;
  --mute:#8A7F6C; --edge:#E2D9C6; --accent:#8B5A2B; --sunk:#F3EDE0;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#211E18; --panel:#2A261E; --ink:#F2EADA; --body:#CFC4AF;
    --mute:#948A76; --edge:#3B352B; --accent:#D6A56B; --sunk:#1A1713;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--body);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Apple SD Gothic Neo',
    'Malgun Gothic',system-ui,sans-serif;
  line-height:1.75; font-size:16px; padding:0 20px 100px;
}
.wrap{max-width:720px;margin:0 auto}
header{padding:44px 0 20px;border-bottom:2px solid var(--ink)}
.brand{
  font-size:13px;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--accent);font-weight:600;margin:0 0 10px;
}
h1{font-size:clamp(26px,5vw,34px);color:var(--ink);margin:0 0 8px;line-height:1.3}
header .eff{margin:0;color:var(--mute);font-size:14px}
nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0}
nav a,.langbtn{
  display:inline-block;padding:7px 14px;border:1px solid var(--edge);
  border-radius:999px;color:var(--body);text-decoration:none;font-size:14px;
  background:var(--panel);cursor:pointer;font-family:inherit;
}
nav a[aria-current="page"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.langbtn[aria-pressed="true"]{background:var(--accent);color:var(--bg);border-color:var(--accent)}
h2{font-size:20px;color:var(--ink);margin:42px 0 10px;line-height:1.4}
h3{font-size:16px;color:var(--ink);margin:26px 0 6px}
p{margin:12px 0}
ul,ol{padding-left:22px;margin:12px 0}
li{margin:6px 0}
strong{color:var(--ink)}
.scroll{overflow-x:auto;margin:16px 0}
table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
th,td{padding:10px 12px;border-bottom:1px solid var(--edge);text-align:left;vertical-align:top}
th{color:var(--mute);font-size:12.5px;letter-spacing:.8px;text-transform:uppercase;
   font-weight:600;border-bottom:2px solid var(--edge)}
.callout{
  background:var(--sunk);border-left:3px solid var(--accent);
  padding:14px 18px;margin:20px 0;border-radius:0 8px 8px 0;
}
.biz{
  margin-top:56px;padding:20px;background:var(--panel);
  border:1px solid var(--edge);border-radius:10px;font-size:14.5px;
}
.biz dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:10px 0 0}
.biz dt{color:var(--mute)}
.biz dd{margin:0;color:var(--ink)}
footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--edge);
  color:var(--mute);font-size:13.5px}
a{color:var(--accent)}
[hidden]{display:none!important}

/* --- 젤리랩 홈에서 쓰는 것들 --- */
.lede{font-size:18px;line-height:1.7;color:var(--ink)}
.cards{display:grid;gap:16px;margin:18px 0 0}
.card{display:flex;gap:16px;align-items:flex-start;padding:18px;background:var(--panel);
  border:1px solid var(--edge);border-radius:12px;text-decoration:none;color:inherit}
.card:hover{border-color:var(--accent)}
.card img{width:64px;height:64px;border-radius:14px;flex:none;image-rendering:pixelated}
.card h3{margin:0 0 4px;font-size:17px}
.card p{margin:0;font-size:14.5px}
.tag{display:inline-block;margin-top:8px;font-size:12px;letter-spacing:.6px;
  text-transform:uppercase;color:var(--accent);font-weight:600}
.qa{margin:26px 0 0}
.qa dt{color:var(--ink);font-weight:600;margin:20px 0 4px}
.qa dd{margin:0}