@charset "utf-8";

:root { --bg: #121210; --surf: #1C1C1A; --surf-2: #252522; --line: #333330; --ink: #F0F0EE; --ink-2: #A8A8A0; --ink-3: #77776E; --ink-4: #555550; --gold: #E2A24F; --gold-2: #C9953C; --red: #FF6B6B; --font-b: 'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-d: 'Fraunces',Georgia,serif; }

* { margin: 0px; padding: 0px; box-sizing: border-box; }

html { background: var(--bg); color: var(--ink); font-family: var(--font-b); line-height: 1.65; }

body { max-width: 720px; margin: 0px auto; padding: 40px 24px; }

a { color: var(--gold); text-decoration: none; }

a:hover { text-decoration: underline; }

h1 { font-family: var(--font-d); font-size: 32px; margin-bottom: 8px; color: var(--gold); }

.sub { font-size: 15px; color: var(--ink-3); margin-bottom: 40px; }

h2 { font-family: var(--font-d); font-size: 22px; margin: 36px 0px 14px; color: var(--ink); border-bottom: 1px solid var(--line); padding-bottom: 8px; }

h3 { font-size: 17px; margin: 24px 0px 10px; color: var(--ink-2); }

p { margin-bottom: 14px; font-size: 15px; color: var(--ink-2); }

ul { margin: 0px 0px 16px 22px; font-size: 15px; color: var(--ink-2); }

li { margin-bottom: 8px; }

.effective { background: var(--surf); border: 1px solid var(--line); border-radius: 12px; padding: 16px 20px; margin-bottom: 32px; font-size: 14px; color: var(--ink-3); }

.effective strong { color: var(--ink-2); }

.back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; color: var(--ink-3); font-size: 14px; }

.back:hover { color: var(--gold); }

.footer { text-align: center; margin-top: 60px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 13px; color: var(--ink-4); }

.footer a { margin: 0px 10px; }

.highlight { background: rgba(226, 162, 79, 0.08); border-left: 3px solid var(--gold); padding: 14px 18px; border-radius: 0px 12px 12px 0px; margin: 16px 0px; }

.highlight p { margin-bottom: 0px; }

@media (max-width: 560px) {
  body { padding: 24px 18px; }
  h1 { font-size: 26px; }
}