/* ===== Minimal cargo-like typography layout ===== */
:root{
  --maxw: 720px;
  --pad: 20px;
  --fg: #111;
  --muted: #666;
  --link: #111;
  --link-h: #000;
  --line: #eaeaea;
  --lh: 1.6;
  --fs: 16px;
}
@media (prefers-color-scheme: dark){
  :root{
    --fg:#e8e8e8; --muted:#a9a9a9; --link:#e8e8e8; --link-h:#fff; --line:#2a2a2a;
  }
}
*{box-sizing:border-box}
html{font-size:var(--fs)}
body{
  margin:0; color:var(--fg);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;
  line-height:var(--lh); background:transparent;
}
.wrap{
  max-width:var(--maxw);
  margin:0 auto;
  padding:calc(var(--pad)*2) var(--pad) calc(var(--pad)*4);
}
a{color:var(--link); text-decoration: none; border-bottom:1px solid transparent}
a:hover{color:var(--link-h); border-bottom-color: currentColor}
.ext{margin-left:.25em; white-space:nowrap}

/* Intro line on home */
.intro{
  font-size:1.05rem;
  margin:0 0 1rem 0;
}

/* Inline nav (home + bottom of clips) */
.inline-nav{
  display:flex; gap:.5rem; flex-wrap:wrap;
  font-size:.95rem; color:var(--muted);
}
.inline-nav a{color:inherit}
.inline-nav a:hover{color:var(--link-h)}
.inline-nav.back{margin-top:2rem}

/* Page title and blocks */
.page-title{
  font-weight:600; margin:0 0 12px 0; font-size:1.25rem;
}
.block{margin:24px 0}
.block h2{
  font-weight:600; font-size:1rem; margin:0 0 8px 0;
}
.linklist{
  list-style:none; padding:0; margin:0;
}
.linklist li{
  margin:4px 0; padding:2px 0;
  border-bottom:1px solid transparent;
}
.linklist a{border-bottom:1px solid currentColor}
.linklist a:hover{opacity:.9}

/* Footer */
.foot{margin-top:40px}
.small{
  font-size:.9rem; color:var(--muted);
}