.page-formatted-content { overflow-wrap: anywhere; }
.page-formatted-content p, .page-formatted-content li { font-size: 1rem; line-height: 1.8; color: #505b68; }
.page-formatted-content h3 { font-size: 1.2rem; margin: 1.1em 0 .55em; }
.page-formatted-content h4 { font-size: 1.05rem; margin: 1.1em 0 .55em; }
.page-formatted-content ol, .page-formatted-content ul { padding-left: 1.6em; margin: .8em 0 1.2em; }
.page-formatted-content li { padding-left: .2em; margin-bottom: .4em; }
.page-formatted-content blockquote { margin: 1em 0; padding: 4px 18px; border-left: 3px solid #8394c4; background: #f6f8fb; }
.page-formatted-content blockquote p { margin: .5em 0; }
.page-formatted-content a { color: #304a99; text-decoration: underline; text-underline-offset: 3px; }
.content-shell {
    padding-bottom:64px
}

.content-breadcrumb {
    display:flex;
    gap:12px;
    font-size:13px;
    color:#626a76;
    padding:22px 0
}

.content-breadcrumb a {
    color:inherit
}

.content-hero {
    background:var(--page-bg,#eaf2ff);
    color:var(--page-fg,#192132);
    padding:clamp(26px,4vw,54px);
    border-radius:22px;
    overflow:hidden
}

.content-hero h1 {
    font-family:var(--sp-font-ad,'Tiempos',Georgia,serif);
    font-size:clamp(30px,3.3vw,48px);
    line-height:1.12;
    letter-spacing:-.035em;
    max-width:720px;
    margin:12px 0 18px
}

.content-hero p {
    max-width:630px;
    margin:0;
    line-height:1.65;
    font-size:16px
}

.content-hero-image {
    display:grid;
    grid-template-columns:1.4fr 1fr;
    align-items:center;
    gap:36px
}

.content-hero-image img {
    width:100%;
    max-height:280px;
    object-fit:cover;
    border-radius:14px
}

.content-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) 290px;
    gap:clamp(24px,5vw,70px);
    margin-top:38px
}

.content-articles {
    min-width:0
}

.content-article {
    padding:10px 0 26px;
    margin-bottom:20px;
    border-bottom:1px solid #e5e8ed;
    scroll-margin-top:140px
}

.content-article h2,.content-contact h2,.help-results h2,.content-empty h2 {
    font-size:22px;
    letter-spacing:-.025em;
    margin:0 0 14px
}

.content-article p,.content-faq p {
    font-size:15px;
    line-height:1.85;
    color:#505b68;
    max-width:820px
}

.content-text-link {
    font-size:14px;
    color:#192132;
    font-weight:600;
    text-underline-offset:4px
}

.content-sidebar {
    align-self:start;
    border:1px solid #e2e6eb;
    border-radius:16px;
    padding:24px;
    background:#fafbfc;
    overflow-wrap:anywhere
}

.content-sidebar h2 {
    font-size:22px;
    line-height:1.3
}

.content-sidebar p,.content-sidebar>a:not(.btn),.content-sidebar small {
    font-size:13px;
    line-height:1.7;
    display:block
}

.content-sidebar nav {
    margin-top:22px;
    display:grid;
    gap:13px;
    font-size:13px
}

.content-sidebar nav a {
    display:flex;
    justify-content:space-between;
    color:#273242;
    text-decoration:none
}

.content-search {
    display:flex;
    gap:8px;
    max-width:620px;
    margin-top:24px
}

.content-search input {
    min-width:0
}

.content-search button {
    white-space:nowrap
}

.help-topics {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:26px 0
}

.help-topics>a {
    position:relative;
    display:flex;
    flex-direction:column;
    gap:8px;
    border:1px solid #dde3ea;
    border-radius:14px;
    padding:22px;
    text-decoration:none;
    color:#192132;
    transition:border-color .15s
}

.help-topics>a:hover {
    border-color:#566f92
}

.help-topics strong {
    font-size:15px
}

.help-topics span {
    font-size:13px;
    color:#667180
}

.help-topics i:first-child {
    font-size:23px;
    margin-bottom:10px
}

.help-topics i:last-child {
    position:absolute;
    right:18px;
    top:22px
}

.help-results {
    padding:26px;
    background:#f6f8fb;
    border-radius:16px;
    margin-bottom:26px
}

.help-results article+article {
    border-top:1px solid #dde3eb;
    padding-top:16px
}

.help-results h3 {
    font-size:16px
}

.help-results p {
    font-size:14px
}

.content-faq {
    border:1px solid #e1e5eb;
    border-radius:12px;
    margin-bottom:12px;
    scroll-margin-top:140px
}

.content-faq summary {
    padding:19px;
    font-size:15px;
    font-weight:600;
    cursor:pointer
}

.content-faq>div {
    padding:0 20px 20px
}

.content-faq:target {
    border-color:#396da5
}

.content-contact {
    border:1px solid #e1e5eb;
    padding:26px;
    border-radius:16px;
    margin-bottom:28px;
    scroll-margin-top:150px
}

.content-contact .form-label {
    font-size:14px
}

.content-contact small,.content-contact>p {
    font-size:13px
}

.content-trap {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden
}

.content-empty {
    text-align:center;
    padding:60px 20px;
    max-width:680px;
    margin:auto
}

.content-empty>i {
    display:block;
    font-size:34px;
    margin-bottom:20px;
    color:#527199
}

.content-empty p {
    font-size:15px;
    color:#626c79
}

.favorites-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px
}

.favorite-item {
    min-width:0;
    display:flex;
    flex-direction:column
}

.favorite-item>.product-card {
    height:auto!important;
    flex:1
}

.favorite-item>form {
    padding:10px 0
}

.favorites-grid .product-visual {
    aspect-ratio:1.2
}

.favorites-grid .product-body p {
    font-size:13px
}

.content-shell :focus-visible {
    outline:3px solid #396da5;
    outline-offset:4px
}

@media(max-width:991px) {
    .help-topics {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .content-layout {
        grid-template-columns:minmax(0,1fr) 250px;
        gap:24px
    }
    .favorites-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media(max-width:767px) {
    .content-hero-image {
        grid-template-columns:1fr;
        gap:20px
    }
    .content-hero-image img {
        max-height:220px
    }
    .content-layout {
        grid-template-columns:1fr
    }
    .content-sidebar {
        position:static
    }
    .content-search {
        flex-direction:column
    }
    .content-contact {
        padding:20px
    }
    .content-shell {
        padding-bottom:36px
    }
    .help-topics>a {
        padding:16px
    }
    .content-hero h1 {
        font-size:32px
    }
}

@media(max-width:430px) {
    .favorites-grid {
        grid-template-columns:1fr
    }
    .help-topics {
        gap:10px
    }
    .help-topics i:last-child {
        display:none
    }
}
