/* Reuse the theme's hero, buttons, panels, FAQ and step styles. No new fonts or global selectors. */
.tp-symbol-shared-v16 .hero__title > .tp16-inherited-h1 {
    display: block; padding: 0 !important; margin: 0 !important;
    font: inherit !important; color: inherit !important; letter-spacing: inherit !important;
    text-align: inherit !important; text-transform: inherit !important;
    width: auto !important; min-width: 0; max-width: 100%;
}
.tp-symbol-shared-v16 .tp16-shared-body { width: 100%; min-width: 0; }
.tp-symbol-shared-v16 .tp16-prose { margin-bottom: 28px; }
.tp-symbol-shared-v16 .tp16-prose p { line-height: 1.6; }
.tp-symbol-shared-v16 .tp16-prose ul { padding-left: 24px; }
.tp-symbol-shared-v16 .tp16-prose li { margin-bottom: 10px; }
.tp-symbol-shared-v16 .tp16-card-number { display: block; color: #006eff; font-weight: 700; margin-bottom: 12px; }
.tp-symbol-shared-v16 .tp16-shared-body .tp-info-groups__card-title { text-transform: none; }
.tp-symbol-shared-v16 .tp16-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
/* v17: equal frames, independent of the dimensions saved in the media library.
   The frame also reserves space before lazy-loaded images are available. */
.tp-symbol-shared-v16 .tp16-media-grid figure {
    display: block;
    position: relative;
    margin: 0;
    min-width: 0;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 20px;
    background: #f5f6f8;
}
.tp-symbol-shared-v16 .tp16-media-grid figure > picture {
    display: block;
    width: 100%;
    height: 100%;
}
.tp-symbol-shared-v16 .tp16-media-grid figure img {
    display: block;
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: none;
    margin: 0;
    border-radius: inherit;
    object-fit: cover;
    object-position: center;
}
@supports not (aspect-ratio: 4 / 3) {
    .tp-symbol-shared-v16 .tp16-media-grid figure { height: 0; padding-top: 75%; }
}
.tp-symbol-shared-v16 .tp16-process { max-width: 1360px; margin: 0 auto 100px; padding: 0 30px; }
.tp-symbol-shared-v16 .tp16-cta { padding-top: 30px; padding-bottom: 30px; }
@media (max-width: 600px) {
    .tp-symbol-shared-v16 .tp16-media-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .tp-symbol-shared-v16 .tp16-process { padding: 0 16px; margin-bottom: 60px; }
}

/* The long editable 2027 copy may need more than one viewport on a phone.
   Preserve the shared hero design, but never clip its heading behind the header. */
.tp-symbol-shared-v16 .hero {
    height: auto;
    min-height: max(760px, 100vh);
}
.tp-symbol-shared-v16 .hero__container {
    padding-top: 180px !important;
}