/* Shared by every page */
.ph{background:var(--olive-100);color:var(--ink-900);border:1px dashed var(--olive-700);border-radius:4px;padding:0 4px;font-weight:600;white-space:normal}
.banner{display:flex;gap:12px;align-items:flex-start;background:var(--olive-100);color:var(--ink-900);border-left:4px solid var(--olive-700);border-radius:8px;padding:14px 16px;margin:0 0 32px}
.banner svg{width:20px;height:20px;flex:none;margin-top:3px;color:var(--olive-700)} .banner p{margin:0;font-size:16px;line-height:1.5} .banner b{font-weight:700}
.page-hero{padding:64px 0 24px;background:var(--ink-50)} .page-hero h1{font-size:clamp(36px,4.6vw,54px);line-height:1.08} .page-hero .lede{margin-top:16px}
@media (max-width:700px){.page-hero{padding:40px 0 16px}}
/* Dark mode for the inner pages: the official dark palette through the same tokens */
html.dark{--ink-0:#232323;--ink-50:#141414;--ink-100:#2E2E2E;--ink-200:#2E2E2E;--ink-300:#4D4D4D;--ink-400:#8F8F8F;--ink-500:#B3B3B3;--ink-600:#B3B3B3;--ink-700:#D6D6D6;--ink-800:#ECECEC;--ink-900:#F5F5F5;--ink-950:#FFFFFF;
 --orange-700:#FD9033;--patch-600:#B4ABFC;--patch-100:#1E1B3D;--olive-100:#332B0C;--olive-700:#E9CD5C;--green-700:#4FBF7A;--green-600:#4FBF7A;--red-600:#FF8FA6}
html.dark body{background:#141414;color:#F5F5F5}
html.dark .btn-primary,html.dark .btn-primary:hover{color:#141414}
html.dark .btn-secondary{background:transparent;color:#F5F5F5;border-color:#656565}
html.dark .plan,html.dark .ainote,html.dark .toc{background:#232323;border-color:#2E2E2E}
html.dark .legal,html.dark .faq,html.dark .section.white{background:#1C1C1C}
html.dark .page-hero,html.dark .pricing-main,html.dark .endcta,html.dark .nf{background:#141414}
html.dark a:hover{color:#FFFFFF}
html.dark .ph{color:#F5F5F5;border-color:#C9A100}