[data-card-guide] { box-sizing: border-box; max-width: 1100px; margin: 0 auto; padding: clamp(24px,5vw,65px); color: #e5dfc3; background: #18271fea url('/cards/battle-table-v12.png') center/cover; font: 16px/1.75 'Arial Narrow',Arial,sans-serif; }
[data-card-guide] * { box-sizing: border-box; }
[data-card-guide] h1 { font-size: clamp(30px,5vw,54px); margin: 8px 0 20px; line-height: 1.15; text-transform: uppercase; }
[data-card-guide] h2 { font-size: clamp(21px,3vw,27px); margin: 0 0 10px; line-height: 1.3; }
[data-card-guide] article { border-top: 1px solid #ada78860; margin-top: 30px; padding-top: 24px; }
[data-card-guide] p { margin: 0 0 16px; max-width: 76ch; }
[data-card-guide] a { color: #e4c580; text-underline-offset: 4px; }
[data-card-guide] .cg-eyebrow { color: #c7b881; font-size: 12px; letter-spacing: 2px; }
[data-card-guide] .cg-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0; }
[data-card-guide] .cg-links a { min-height: 44px; display: flex; align-items: center; padding: 10px 18px; border: 1px solid #cdbb82; text-decoration: none; background: #374936; font-weight: bold; }
[data-card-guide] footer { font-size: 13px; margin-top: 40px; padding-top: 20px; border-top: 1px solid #ada78860; }
body:has(> [data-card-guide]) { margin: 0; background: #101c17; }