/* Scoped to the add-on demo page; inherits the theme's fonts and colours. */
.v2ad { max-width: 860px; margin: 0 auto; padding: 32px 20px 64px; line-height: 1.55; }
.v2ad * { box-sizing: border-box; }
.v2ad-kicker { margin: 0 0 6px; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; opacity: .7; }
.v2ad h1 { margin: 0 0 12px; line-height: 1.15; }
.v2ad-lead { font-size: 1.1rem; max-width: 62ch; }
.v2ad-note { padding: 10px 14px; border: 1px solid currentColor; border-radius: 8px; opacity: .85; font-size: .95rem; max-width: 62ch; }
.v2ad-index { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 18px 0 0; padding: 0; }
.v2ad-index a { display: inline-block; padding: 6px 12px; border: 1px solid currentColor; border-radius: 999px; font-size: .9rem; text-decoration: none; opacity: .85; }
.v2ad-index a:hover, .v2ad-index a:focus-visible { opacity: 1; text-decoration: underline; }
.v2ad-card { margin: 28px 0; padding: 22px 22px 18px; border: 1px solid rgba(127,127,127,.35); border-radius: 12px; scroll-margin-top: 20px; }
.v2ad-card h2 { margin: 0 0 6px; }
.v2ad-pitch { margin: 0 0 8px; font-size: 1.05rem; }
.v2ad-trigger { margin: 0 0 14px; font-size: .95rem; opacity: .85; }
.v2ad-steps { list-style: none; margin: 0 0 12px; padding: 0; }
.v2ad-step { margin: 0 0 12px; padding-left: 16px; border-left: 3px solid rgba(127,127,127,.45); }
.v2ad-step[hidden] { display: none; }
.v2ad-when { margin: 0 0 4px; font-weight: 600; font-size: .95rem; }
.v2ad-chip { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: rgba(127,127,127,.18); font-weight: 400; font-size: .8rem; }
.v2ad-msg { padding: 10px 14px; border-radius: 8px; background: rgba(127,127,127,.12); }
.v2ad-msg p { margin: 0; }
.v2ad-subject { font-weight: 600; margin-bottom: 4px !important; }
.v2ad-controls { margin: 8px 0 14px; display: flex; gap: 8px; }
.v2ad-controls[hidden] { display: none; }
.v2ad-controls button { padding: 8px 14px; border: 1px solid currentColor; border-radius: 8px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.v2ad-controls button:disabled { opacity: .5; cursor: default; }
.v2ad-controls button:focus-visible, .v2ad-cta a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.v2ad-facts { display: grid; grid-template-columns: 110px 1fr; gap: 4px 14px; margin: 0 0 12px; font-size: .95rem; }
.v2ad-facts dt { font-weight: 600; }
.v2ad-facts dd { margin: 0; }
.v2ad-cta { margin: 0; }
.v2ad-cta a { font-weight: 600; }
.v2ad-foot { margin-top: 32px; font-size: .95rem; opacity: .85; }
@media (max-width: 560px) { .v2ad-facts { grid-template-columns: 1fr; } .v2ad-facts dd { margin-bottom: 6px; } }
@media (prefers-reduced-motion: reduce) { .v2ad * { scroll-behavior: auto; } }