/* the add-in feature pages: word-addin.qmd and excel-addin.qmd */
.ad-lead { font-size: 1.12rem; max-width: 68ch; }
.ad-btns { display: flex; flex-wrap: wrap; gap: 10px; margin: 1.2rem 0 1.8rem; }
.ad-btns a { text-decoration: none; }
.ad-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin: 0 0 2rem; }
.ad-plan { border: 1px solid var(--bs-border-color, #ddd6ca); border-radius: 14px; padding: 16px 18px 6px; }
.ad-plan.paid { border-width: 2px; border-color: var(--bs-primary, #8a4b22); }
.ad-plan h3 { margin: 0 0 2px; font-size: 1.1rem; } .ad-plan .ad-sub { display: block; font-size: .9rem; opacity: .75; margin: 0 0 8px; }
.ad-plan ul { padding-left: 1.1rem; } .ad-plan li { margin-bottom: 4px; }
.ad-shots { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 22px; margin: 1rem 0 2.2rem; }
.ad-shots figure { margin: 0; }
.ad-shots a { display: block; border-radius: 12px; overflow: hidden; border: 1px solid var(--bs-border-color, #ddd6ca); line-height: 0; }
.ad-shots img { width: 100%; height: auto; display: block; transition: transform .2s; }
.ad-shots a:hover img { transform: scale(1.02); }
.ad-shots figcaption { font-size: .92rem; margin-top: 8px; opacity: .85; }
.ad-shots figcaption b { opacity: 1; }
.ad-note { font-size: .92rem; opacity: .8; }