/* Stashy · legal documents
   랜딩(e.html) 디자인 언어 상속: Pretendard Variable, #111, 1px 헤어라인, 대문자 자간 라벨 */

:root{
  --ink:#111111;
  --body:#4A4A4A;
  --mute:#8A8A8A;
  --faint:#B8B8B8;
  --line:rgba(17,17,17,.20);
  --line-thin:rgba(17,17,17,.13);
  --r:4px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{
  background:#fff;color:var(--ink);
  font-family:'Pretendard Variable',Pretendard,'Helvetica Neue','Apple SD Gothic Neo',sans-serif;
  -webkit-font-smoothing:antialiased;
  word-break:keep-all;
}
a{color:inherit;text-decoration:none}

.wrap{max-width:640px;margin:0 auto;padding:0 24px}

/* ── top ──────────────────────────────────────── */
.top{border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:24px}
.wordmark{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:700;letter-spacing:.34em;line-height:1}
.wordmark .mark{width:19px;height:19px;display:block;flex:0 0 auto;color:var(--ink)}
.top a.back{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--mute)}
.top a.back:hover{color:var(--ink)}

/* ── head ─────────────────────────────────────── */
.doc{padding-top:88px}
.label{font-size:9px;font-weight:600;letter-spacing:.26em;color:var(--mute)}
h1{font-size:23px;font-weight:700;letter-spacing:-.03em;line-height:1.3;margin-top:14px}
.lede{margin-top:22px;font-size:14px;line-height:1.85;color:var(--body);letter-spacing:-.01em}

.summary{
  margin-top:36px;border:1px solid var(--ink);border-radius:var(--r);
  padding:22px 22px 24px;
}
.summary .label{color:var(--ink)}
.summary ul{margin-top:14px}

/* ── sections ─────────────────────────────────── */
section{margin-top:56px;padding-top:40px;border-top:1px solid var(--line-thin)}
section:first-of-type{margin-top:72px}
h2{font-size:19px;font-weight:600;letter-spacing:-.03em;line-height:1.3;margin-top:14px}
h3{font-size:13px;font-weight:600;letter-spacing:-.01em;margin-top:26px}
p{font-size:14px;line-height:1.85;color:var(--body);letter-spacing:-.01em;margin-top:14px}

ul{list-style:none;margin-top:14px}
li{
  position:relative;padding-left:15px;
  font-size:14px;line-height:1.85;color:var(--body);letter-spacing:-.01em;
}
li + li{margin-top:6px}
li::before{
  content:'·';position:absolute;left:2px;top:0;
  color:var(--faint);font-weight:600;
}

/* ── key/value rows (라이선스 목록) ─────────────── */
.rows{margin-top:20px;border-top:1px solid var(--line-thin)}
.row{
  display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  padding:14px 0;border-bottom:1px solid var(--line-thin);
}
.row .k{font-size:14px;font-weight:400;line-height:1.85;color:var(--ink);letter-spacing:-.01em}
.row .k small{display:block;font-size:14px;font-weight:400;color:var(--mute);margin-top:2px;letter-spacing:-.01em}
.row .v{
  flex:0 0 auto;font-size:14px;font-weight:400;letter-spacing:-.01em;
  color:var(--mute);text-align:right;white-space:nowrap;
}

/* ── contact ──────────────────────────────────── */
.contact{margin-top:16px}
.contact div{font-size:14px;line-height:1.9;color:var(--body);letter-spacing:-.01em}
a.mail{border-bottom:1px solid var(--line);padding-bottom:1px}
a.mail:hover{border-color:var(--ink);color:var(--ink)}
/* 메일 앱을 띄우지 않고 눈으로 읽고 복사하는 주소. 한 번 클릭하면 전체가 선택된다 */
.mailbig{color:var(--ink);user-select:all;-webkit-user-select:all}

/* 문의 페이지는 내용이 한 덩어리뿐이라 여백을 좁게 잡는다 */
.contact-doc{padding-top:64px}
.contact-doc .lede{margin-top:12px}

/* ── footer ───────────────────────────────────── */
footer{margin-top:88px;border-top:1px solid var(--line)}
footer .wrap{
  display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;
  padding-top:28px;padding-bottom:72px;
}
footer .eff{font-size:11px;color:var(--mute);letter-spacing:-.01em}
footer nav{display:flex;gap:22px;flex-wrap:wrap}
footer nav a{font-size:11px;color:var(--faint);letter-spacing:-.01em}
footer nav a:hover{color:var(--ink)}
footer nav a[aria-current]{color:var(--body)}

@media (max-width:520px){
  .wrap{padding:0 22px}
  .doc{padding-top:64px}
  section{margin-top:48px;padding-top:34px}
  section:first-of-type{margin-top:60px}
  .summary{padding:20px 18px 22px}
  .row{flex-direction:column;gap:7px}
  .row .v{text-align:left}
  footer .wrap{flex-direction:column;gap:16px}
}