/* 지름신 재판소 — 법정 스케치 톤. 앱 DS.swift 토큰과 같은 값이다.
   ⚠️ 토스판 약관의 토스블루(#3182F6)를 그대로 쓰면 안 된다 — 이 앱은 토스와 무관하다. */
:root{
  --paper:#F5EFE1; --panel:#FFFDF6; --ink:#14110D; --ink2:#2E2A24;
  --faded:#6B6355; --faded2:#A0937B; --stamp:#D6353B; --navy:#1D5FA8;
  --line:#14110D;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--paper); color:var(--ink2);
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Apple SD Gothic Neo',sans-serif;
  line-height:1.75; -webkit-font-smoothing:antialiased; word-break:keep-all;
}
.wrap{max-width:720px; margin:0 auto; padding:38px 20px 80px}
header{display:flex; align-items:center; gap:10px; margin-bottom:6px}
header strong{font-size:15.5px; font-weight:800; color:var(--ink)}
.seal{width:30px;height:30px;flex:none;transform:rotate(-6deg)}
h1{font-size:25px; font-weight:800; letter-spacing:-.01em; margin:16px 0 4px; color:var(--ink)}
.sub{color:var(--faded2); font-size:13px; margin:0 0 26px}
/* 컷 — 앱의 InkPanel과 같은 하드섀도우 */
.card{background:var(--panel); border:3px solid var(--line); border-radius:14px;
      padding:24px 22px; box-shadow:5px 5px 0 var(--line)}
h2{font-size:16px; font-weight:700; margin:26px 0 8px; color:var(--ink)}
h2:first-child{margin-top:0}
p,li{font-size:14.5px; color:var(--ink2)}
b{color:var(--ink)}
ol,ul{padding-left:20px; margin:6px 0}
li{margin:4px 0}
.notice{background:#FBF0E4; border:2px solid var(--faded2); border-radius:10px;
        padding:13px 15px; font-size:13.5px; color:var(--ink2); margin:14px 0}
a{color:var(--navy)}
.nav{display:flex; flex-wrap:wrap; gap:14px; margin-top:14px; font-size:14px}
hr{border:none; border-top:2px solid #E0D8C6; margin:22px 0}
.foot{margin-top:26px; font-size:12.5px; color:var(--faded2); text-align:center}
/* 홈 */
.lead{font-size:17px; color:var(--ink2); margin:0 0 18px}
.cta{display:inline-block; background:var(--navy); color:#fff; text-decoration:none;
     font-weight:700; font-size:15px; padding:13px 22px; border:3px solid var(--line);
     border-radius:12px; box-shadow:4px 4px 0 var(--line)}
.cta:active{transform:translate(2px,2px); box-shadow:2px 2px 0 var(--line)}