/* Shared stylesheet for /terms, /privacy, /refund */
:root {
  --bg: #ffffff; --alt: #f4f6fa; --navy: #012169; --crimson: #e31837;
  --ink: #012169; --ink-2: #2a3b5f; --mute: #6b7893; --rule: #d6dce8; --text: #1a1f36;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Inter', system-ui, sans-serif; background: var(--bg); color: var(--text);
  font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; letter-spacing: -0.005em;
}
.top-stripe { height: 4px; background: var(--crimson); }
header { background: var(--bg); border-bottom: 1px solid var(--rule); padding: 18px 28px; }
.brand { font-weight: 700; font-size: 17px; color: var(--navy); text-decoration: none; max-width: 860px; margin: 0 auto; display: block; letter-spacing: -0.02em; }

main { padding: 64px 28px 80px; }
.doc { max-width: 780px; margin: 0 auto; }
.doc-header { margin-bottom: 48px; padding-bottom: 24px; border-bottom: 1px solid var(--rule); }
h1 {
  font-size: clamp(30px, 3.5vw, 40px); font-weight: 700;
  letter-spacing: -0.03em; line-height: 1.15; color: var(--navy); margin-bottom: 10px;
}
.meta { font-size: 14px; color: var(--mute); }

h2 {
  font-size: 20px; font-weight: 700; color: var(--navy);
  margin-top: 36px; margin-bottom: 14px; letter-spacing: -0.02em;
}
h3 {
  font-size: 16px; font-weight: 600; color: var(--ink-2);
  margin-top: 24px; margin-bottom: 10px;
}
p, ul, ol { margin-bottom: 14px; color: var(--ink-2); }
ul, ol { padding-left: 24px; }
li { margin-bottom: 6px; }
strong { color: var(--navy); }
a { color: var(--navy); }
a:hover { text-decoration: underline; }

.contact-box {
  margin-top: 48px; padding: 24px 28px;
  background: var(--alt); border: 1px solid var(--rule); border-radius: 4px;
}
.contact-box h3 { margin-top: 0; font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--crimson); }

footer { padding: 28px 0; text-align: center; font-size: 13px; color: var(--mute); border-top: 1px solid var(--rule); background: var(--bg); }
footer a { color: var(--mute); text-decoration: none; margin: 0 8px; }
footer a:hover { color: var(--navy); }