/* A short bridge from general reading to a personal question, scoped to articles. */
main .app-bridge {
    margin: 1.5rem 0 2rem;
    padding: 1.5rem;
    border: 1px solid #d8c58c;
    border-left: 4px solid #9d7b1b;
    border-radius: 10px;
    background: #faf7ef;
}
main .app-bridge h2 { margin: 0 0 .75rem; font-size: 1.25rem; line-height: 1.6; }
main .app-bridge h2[id] { scroll-margin-top: 100px; }
main .app-bridge p { margin: 0 0 1rem; font-size: 1rem; line-height: 1.9; }
main .app-bridge .app-bridge-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 48px;
    padding: .8rem 1.25rem;
    border-radius: 6px;
    background: #765b16;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.6;
}
main .app-bridge .app-bridge-link:hover { background: #58430e; color: #fff; }
main .app-bridge .app-trial-note,
main .inline-cta .app-trial-note { margin: .8rem 0 0; color: #555; font-size: .85rem; line-height: 1.7; }
@media (max-width: 560px) {
    main .app-bridge { padding: 1.25rem; }
    main .app-bridge .app-bridge-link { width: 100%; }
}