/* Kelly's final review, Nov 4, 2026, item 2: every interactive link on the homepage and How it works is one style, navy and all caps,
   no green. "Interactive · See a real voice profile" and "Interactive · See real content" read as a pair. */
html body #main p.sitelink, html body p.sitelink { font: 700 13px/1.4 Montserrat, sans-serif !important; letter-spacing: .1em !important; text-transform: uppercase !important; }
html body #main p.sitelink a, html body p.sitelink a { color: var(--navy, #01223d) !important; background: none !important; text-decoration: none !important; margin-left: 0 !important; white-space: normal; }
html body #main p.sitelink a:hover, html body p.sitelink a:hover { text-decoration: underline !important; text-underline-offset: 3px; }
html body #main p.sitelink .vtag, html body p.sitelink .vtag { color: inherit !important; background: none !important; padding: 0 !important; border: 0 !important; font-size: inherit !important; letter-spacing: inherit !important; }
/* Item 1: the voice row's link sits under its paragraph in the left column, where the one-wedding row has its own. */
html body #main #example-brand-guide .v3words > .sitelink { text-align: left !important; margin: 18px 0 0 !important; position: static !important; }
/* Nov 4 (item 3): three short points under the pop-up line on the templates and search data cards */
html body dialog.diffpop ul.dppts{list-style:none;margin:14px auto 0;padding:0;max-width:560px;display:grid;gap:8px;text-align:left}
html body dialog.diffpop ul.dppts li{position:relative;padding-left:22px;font:500 15px/1.5 Montserrat,sans-serif;color:#16181c}
html body dialog.diffpop ul.dppts li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:#01a263}
html body dialog.diffpop ul.dppts[hidden]{display:none}
/* Nov 4: the brand's O before every "See it" pop-up title, as on the app's page titles (30px, 12px gap) */
html body dialog.diffpop h3.dpt{display:flex !important;align-items:center;gap:12px}
html body dialog.diffpop h3.dpt .dpo{flex:0 0 30px;width:30px;height:30px}
html body dialog.diffpop h3.dpt .dptx{min-width:0}
/* Kelly, Nov 4 (last notes): half navy, half green on all four, identical */
html body #main p.sitelink .vtag, html body p.sitelink .vtag { color: #01223d !important; }
html body #main p.sitelink .vgo, html body p.sitelink .vgo { color: #01a263 !important; }
html body #main p.sitelink, html body p.sitelink { margin-top: 18px !important; margin-bottom: 0 !important; }
html body #main p.sitelink + details.faqin { margin-top: 22px !important; }
html body #main p:has(+ p.sitelink){margin-bottom:0 !important}
/* Kelly, Nov 4 (1:08): every Interactive link sits at the BOTTOM of its left column, under the last item, with a little more room
   above it than between the points. On the voice row it lines up with the points' text. */
html body #main p.sitelink.sitelink-end, html body p.sitelink.sitelink-end { margin-top: 26px !important; margin-bottom: 0 !important; }
html body #main #example-brand-guide .v3words > .sitelink.sitelink-end { margin: 26px 0 0 !important; padding-left: 19px !important; }
html body #main details.faqin + p.sitelink.sitelink-end { margin-top: 26px !important; }
/* Kelly, Nov 4: the voice row sat right under "It gets to know you". Same room above it as above the Search row (checklist
   bottom to the SEARCH eyebrow: 167px at 1440, 135px at 390). */
html body #main #gets-to-know-you + .hk4 { margin-top: 180px !important; }
@media (max-width: 1023px) { html body #main #gets-to-know-you + .hk4 { margin-top: 135px !important; } }