/* App legal pages (terms.asp, account-delete.asp). No shared header/footer; opened in the app's info webview or a browser. */
.awl-page { margin:0; background:#f5f6fa; color:#202d40; font:16px/1.7 "Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.awl-page * { box-sizing:border-box; }
.awl-page a { color:#175fd1; text-underline-offset:3px; }
.awl-page a:focus-visible { outline:3px solid #175fd1; outline-offset:3px; }
.awl-shell { max-width:720px; margin:auto; padding:26px 20px 40px; word-break:keep-all; overflow-wrap:anywhere; }
.awl-intro h1 { margin:0; font-size:24px; line-height:1.4; letter-spacing:-.04em; }
.awl-intro p { margin:10px 0 0; color:#617189; font-size:14px; }
.awl-draft { margin:18px 0 0; padding:14px 16px; border:1px solid #f3c98b; border-radius:14px; background:#fff4e3; color:#8a4a00; font-size:14px; }
.awl-draft strong { display:block; margin-bottom:2px; font-size:15px; }
.awl-meta { margin:18px 0 0; color:#617189; font-size:13px; }
.awl-toc { margin:20px 0 0; padding:16px 18px; border-radius:14px; background:#fff; border:1px solid #eef0f5; font-size:14px; }
.awl-toc ol { margin:0; padding-left:20px; columns:2; column-gap:24px; }
.awl-toc li { break-inside:avoid; }
.awl-toc a { color:#3d5673; text-decoration:none; }
.awl-card { margin-top:14px; padding:20px 18px; border-radius:16px; background:#fff; border:1px solid #eef0f5; }
.awl-card h2 { margin:0 0 10px; font-size:17px; line-height:1.45; letter-spacing:-.025em; }
.awl-card h3 { margin:14px 0 6px; font-size:15px; }
.awl-card p { margin:0; font-size:15px; }
.awl-card p + p, .awl-card p + ol, .awl-card p + ul, .awl-card ol + p, .awl-card ul + p { margin-top:10px; }
.awl-card ol, .awl-card ul { margin:0; padding-left:20px; font-size:15px; }
.awl-card li + li { margin-top:6px; }
.awl-steps { list-style:none; padding:0 !important; counter-reset:awl-step; }
.awl-steps li { position:relative; padding-left:36px; min-height:26px; counter-increment:awl-step; }
.awl-steps li::before { content:counter(awl-step); position:absolute; left:0; top:1px; width:26px; height:26px; border-radius:50%; background:#175fd1; color:#fff; font-size:13px; font-weight:700; line-height:26px; text-align:center; }
.awl-path { display:inline-block; padding:1px 8px; border-radius:6px; background:#edf5ff; color:#0b4fb3; font-weight:700; }
.awl-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
.awl-grid .awl-card { margin-top:0; }
.awl-card--delete { border-color:#f6d3d8; }
.awl-card--delete h2 { color:#b4263a; }
.awl-card--keep { border-color:#d6e4f5; }
.awl-card--keep h2 { color:#1c4f8f; }
.awl-button { display:inline-flex; align-items:center; gap:6px; margin-top:12px; padding:10px 16px; border-radius:10px; background:#175fd1; color:#fff !important; font-weight:700; text-decoration:none; }
.awl-note { margin-top:14px; padding:16px 18px; border-radius:14px; background:#eef1f6; color:#52647b; font-size:14px; }
.awl-note p { margin:0; }
.awl-note p + p { margin-top:6px; }
.awl-footer { margin-top:24px; color:#7b8aa0; font-size:13px; text-align:center; }
@media(max-width:560px) { .awl-grid { grid-template-columns:1fr; } .awl-toc ol { columns:1; } }
@media(max-width:350px) { .awl-intro h1 { font-size:22px; } .awl-card { padding:18px 14px; } }
