/* 콘텐츠 페이지(가이드·FAQ·개인정보처리방침) 공통 스타일 — index.html 테마와 동일 토큰 */
:root{
  --orange:#FF7A1A; --orange-dark:#F26100; --orange-bg:#FFF1E6;
  --bg:#F2F4F6; --card:#FFFFFF;
  --t900:#191F28; --t700:#4E5968; --t500:#8B95A1; --t400:#B0B8C1;
  --line:#E5E8EB; --line2:#F2F4F6; --r:18px;
}
*{ margin:0; padding:0; box-sizing:border-box; }
body{ background:var(--bg); color:var(--t900);
  font-family:-apple-system,BlinkMacSystemFont,system-ui,'Apple SD Gothic Neo','Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased; letter-spacing:-0.01em; }
header{ background:var(--card); border-bottom:1px solid var(--line); padding:16px 20px; }
.logo{ font-size:18px; font-weight:800; color:var(--t900); }
.logo a{ color:inherit; text-decoration:none; }
.logo small{ color:var(--t500); font-weight:500; font-size:12px; margin-left:8px; }
.container{ max-width:720px; margin:0 auto; padding:20px 16px 64px; }
.card{ background:var(--card); border-radius:var(--r); padding:26px 22px; box-shadow:0 1px 4px rgba(0,0,0,.04); margin-bottom:14px; }
h1{ font-size:24px; font-weight:800; letter-spacing:-0.02em; margin-bottom:6px; }
.updated{ font-size:12px; color:var(--t400); font-weight:500; margin-bottom:18px; }
h2{ font-size:18px; font-weight:800; margin:26px 0 10px; letter-spacing:-0.02em; }
h2:first-of-type{ margin-top:0; }
h3{ font-size:15px; font-weight:700; margin:18px 0 6px; color:var(--t700); }
p, li{ font-size:14px; line-height:1.75; color:var(--t700); font-weight:500; }
ul, ol{ padding-left:20px; margin:8px 0; }
b, strong{ color:var(--t900); }
table{ width:100%; border-collapse:collapse; margin:12px 0; font-size:13px; }
th{ background:var(--line2); color:var(--t500); font-weight:700; padding:9px 10px; text-align:left; }
td{ border-bottom:1px solid var(--line); padding:9px 10px; color:var(--t700); font-weight:500; line-height:1.6; }
td b{ color:var(--t900); }
.tip{ background:var(--orange-bg); border-radius:12px; padding:13px 16px; font-size:13px; font-weight:600; color:var(--t700); margin:12px 0; }
.summary-box{ background:#fff8f2; border:1px solid #ffd9bd; border-radius:14px; padding:16px 18px; margin:16px 0; }
.summary-box h2{ margin:0 0 8px; }
.summary-box ul{ margin-bottom:0; }
.note-grid{ display:grid; gap:10px; margin-top:12px; }
.note-grid article{ border:1px solid var(--line); border-radius:12px; padding:14px 16px; }
.note-grid h3{ color:var(--t900); margin:0 0 5px; }
.editorial-note{ margin-top:14px; padding-top:12px; border-top:1px solid var(--line); color:var(--t500); font-size:12px; }
.resource-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:12px 0; }
.resource-grid a{ display:block; border:1px solid var(--line); border-radius:12px; padding:14px; text-decoration:none; color:var(--t700); font-size:13px; line-height:1.55; font-weight:600; }
.resource-grid a:hover{ border-color:var(--orange); color:var(--orange-dark); }
.resource-grid strong{ display:block; margin-bottom:3px; }
.byline{ font-size:12px; color:var(--t500); margin-bottom:18px; }
code{ background:var(--line2); border-radius:5px; padding:1px 5px; font-size:.92em; }
blockquote{ border-left:3px solid var(--orange); background:var(--orange-bg); padding:12px 15px; margin:12px 0; color:var(--t700); font-size:14px; line-height:1.75; }
.site-links{ text-align:center; margin-top:18px; font-size:13px; font-weight:600; color:var(--t400); }
.site-links a{ color:var(--t500); text-decoration:none; }
.site-links a:hover{ color:var(--orange); }
footer{ text-align:center; padding:24px; font-size:12px; color:var(--t400); }
.btn-home{ display:inline-block; margin-top:16px; background:var(--orange); color:#fff; text-decoration:none; border-radius:12px; padding:13px 24px; font-size:14px; font-weight:700; }
@media(max-width:600px){
  .resource-grid{ grid-template-columns:1fr; }
  table{ display:block; overflow-x:auto; white-space:normal; }
  .card{ padding:22px 18px; }
}