:root{--bg:#fff;--surface:#fff;--surface-2:#f5f7fa;--ink:#172033;--muted:#687287;--line:#e3e7ed;--brand:#1967d2;--brand-2:#0d4faa;--shadow:0 10px 28px rgba(26,46,82,.09)}html[data-theme="dark"]{--bg:#0f1420;--surface:#171e2c;--surface-2:#222b3c;--ink:#edf2fb;--muted:#9ca8bc;--line:#2d374a;--brand:#69a4ff;--brand-2:#4388ec;--shadow:0 16px 38px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;line-height:1.55}.shell{width:min(1200px,calc(100% - 32px));margin:0 auto}.basic-page-lead{margin:0 0 22px;padding:15px 18px;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:14px}.basic-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.basic-page-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.basic-page-card h2{margin:0;font-size:18px;line-height:1.4;letter-spacing:-.025em}.basic-page-card p{margin:8px 0 0;color:var(--muted);font-size:14px}.basic-page-card ul{margin:14px 0 0;padding-left:20px;color:var(--muted);font-size:13px}.basic-page-card li{margin:6px 0}.basic-page-card li::marker{color:var(--brand)}@media(max-width:767px){.shell{width:calc(100% - 28px)}.basic-page-grid{grid-template-columns:1fr;gap:14px}.basic-page-card{padding:18px}.basic-page-card h2{font-size:17px}.basic-page-lead{font-size:13px}}