/* prompt-injection-defence.css — page-specific styles for this resource article.
   Externalized from the former inline <head> <style> block to satisfy strict
   CSP (style-src 'self', no unsafe-inline). Shared utilities live in tokens.css
   (.u-*); they are referenced via ../tokens.css from this resources/ page. */

.article-hero { padding: 72px 0 24px; }
.article-hero .eyebrow { margin-bottom: 20px; }
.article-hero h1 { font-size: clamp(40px, 6vw, 72px); line-height: 1.0; letter-spacing: -0.04em; font-weight: 500; margin: 0; max-width: 920px; }
.article-meta { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; color: var(--ink-3); margin-top: 24px; }
.prose { max-width: 720px; margin: 40px 0 0; font-size: 18px; line-height: 1.65; color: var(--ink-2); }
.prose > p:first-child { font-size: 21px; color: var(--ink); }
.prose h2 { font-size: 30px; letter-spacing: -0.025em; font-weight: 500; color: var(--ink); line-height: 1.12; margin: 56px 0 16px; }
.prose h3 { font-size: 21px; letter-spacing: -0.015em; font-weight: 600; color: var(--ink); margin: 36px 0 10px; }
.prose p { margin: 0 0 20px; }
.prose strong { color: var(--ink); font-weight: 600; }
.prose ul, .prose ol { margin: 0 0 20px; padding-left: 22px; }
.prose li { margin-bottom: 10px; }
.prose code { font-family: var(--font-mono); font-size: 0.86em; background: var(--bg-sunken); border: 1px solid var(--line); border-radius: 5px; padding: 2px 6px; color: var(--ink); }
.tldr { max-width: 720px; margin: 32px 0; padding: 24px 28px; background: var(--bg-sunken); border: 1px solid var(--line); border-radius: var(--r-lg); }
.tldr .k { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; }
.tldr p { margin: 0; font-size: 16px; line-height: 1.55; color: var(--ink-2); }
.backlink { display: inline-flex; margin-top: 56px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; color: var(--ink-3); text-decoration: none; }
.backlink:hover { color: var(--accent); }
.disclaimer { max-width: 720px; margin-top: 40px; font-family: var(--font-mono); font-size: 11.5px; line-height: 1.7; color: var(--ink-3); border-top: 1px solid var(--line); padding-top: 20px; }
