/* 안심이음 개인정보 처리 안내(어르신용 한 화면)
   디자인 토큰: home.css 와 같은 값. 외부 폰트와 외부 자원 없음. 글자 최소 20px. */
:root {
  --primary: #2E5E8C;
  --panel: #EAF1F8;
  --cream: #FDF6E3;
  --ink: #1F2D3A;
  --muted: #5B6670;
  --line: #D9CFB8;
  --focus: #1F2D3A;
  --on-primary: #FFFFFF;
  --primary-press: #234A70;
  --radius: 14px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕",
    "Noto Sans KR", "Noto Sans CJK KR", "NanumGothic", "나눔고딕", sans-serif;
  font-size: 22px;
  line-height: 1.5;
  word-break: keep-all;
  overflow-wrap: anywhere;
  overflow-x: hidden;
}
.wrap { width: 100%; max-width: 560px; margin: 0 auto; padding: 16px 16px 28px; }
h1 {
  display: flex; align-items: center; gap: 8px;
  margin: 0 0 8px; font-size: 32px; line-height: 1.25; color: var(--primary);
}
.logo { width: 38px; height: 38px; flex: none; }
.date { margin: 0 0 14px; font-size: 20px; color: var(--muted); }

.item {
  margin: 0 0 14px; padding: 12px 14px;
  background: #FFFFFF; border: 2px solid var(--line); border-radius: var(--radius);
}
.item h2 {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 6px; font-size: 24px; line-height: 1.3; color: var(--primary);
}
.mark { width: 28px; height: 28px; flex: none; }
.item p { margin: 0; font-size: 22px; }
.item p + p { margin-top: 8px; }
.small { font-size: 20px; color: var(--muted); }

.last {
  margin: 18px 0 16px; padding: 12px 14px;
  background: var(--panel); border-radius: var(--radius); font-weight: 700;
}
.last p { margin: 0; }

a { color: var(--primary); }
a:focus-visible { outline: 4px solid var(--focus); outline-offset: 3px; }
.back {
  display: flex; align-items: center; justify-content: center;
  min-height: 64px; border-radius: var(--radius); border: 2px solid var(--primary);
  background: #FFFFFF; color: var(--primary);
  font-size: 24px; font-weight: 700; text-decoration: none;
}
.back:active { background: #E3EDF6; }
@media (min-width: 600px) { .wrap { padding-top: 40px; } h1 { font-size: 38px; } }