body.oj-lectura {background:#f8fbff;color:#17212d;margin:0}
.oj-lectura > header,.oj-lectura > footer {font-family:Inter,system-ui,sans-serif}
.oj-lectura .bar .brand img {max-width:100%;height:auto}
.oj-reading {min-height:70vh}
.oj-story,.oj-comments {max-width:960px;margin:0 auto 24px;background:#fff;border:1px solid #d5dfeb;border-radius:18px}
.oj-story-head {background:#0088fe;border-radius:17px 17px 0 0;color:white;padding:clamp(22px,4.4vw,54px) clamp(18px,5vw,66px)}
.oj-trail {display:flex;align-items:baseline;gap:.65em;flex-wrap:wrap;font-size:.9rem;font-weight:650;line-height:1.45}
.oj-trail a,.oj-story-head h1 {color:white}
.oj-trail a {text-decoration:underline;text-underline-offset:.18em}
.oj-story-head h1 {margin:16px 0 0;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.07;letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance}
.oj-copy,.oj-comments {padding:clamp(20px,4.2vw,48px) clamp(16px,5vw,66px);font:400 clamp(1rem,1.25vw,1.1rem)/1.7 Inter,system-ui,sans-serif;overflow-wrap:break-word;min-width:0}
.oj-copy > :first-child {margin-top:0}
.oj-copy > :last-child {margin-bottom:0}
.oj-copy p,.oj-copy ul,.oj-copy ol,.oj-copy figure,.oj-copy blockquote {margin:0 0 1.1em}
.oj-copy ul,.oj-copy ol {padding-inline-start:1.6em}
.oj-copy li+li {margin-top:.35em}
.oj-copy h2,.oj-copy h3,.oj-copy h4 {color:#142e48;line-height:1.18;margin:1.3em 0 .48em}
.oj-copy h2 {font-size:clamp(1.55rem,2.8vw,2.15rem)}
.oj-copy h3 {font-size:clamp(1.22rem,2.1vw,1.5rem)}
.oj-copy a,.oj-comments a,.oj-reading .pagination a {color:#005cae;text-decoration:underline;text-underline-offset:.14em}
.oj-copy a:hover,.oj-comments a:hover {color:#003e78}
.oj-copy img,.oj-copy video {max-width:100%;height:auto}
.oj-copy figure,.oj-copy iframe,.oj-copy .wp-caption,.oj-copy embed {max-width:100%}
.oj-copy pre {overflow:auto}
.oj-copy blockquote {border-inline-start:3px solid #0088fe;padding:.65em 1em;background:#f2f8ff}
.oj-copy .aligncenter {display:block;margin-inline:auto}
.oj-copy figure.aligncenter {text-align:center}
.oj-copy .alignleft {float:left;margin-inline-end:1rem}
.oj-copy .alignright {float:right;margin-inline-start:1rem}
.oj-copy::after {content:"";display:block;clear:both}
.oj-table-wrap,.oj-copy .wp-block-table {overflow-x:auto;max-width:100%;margin:1rem 0 1.55rem}
.oj-copy table {width:100%;border-collapse:collapse;line-height:1.4}
.oj-copy th,.oj-copy td {padding:.7em .85em;border:1px solid #d5dfeb;text-align:start}
.oj-copy th {background:#e9f4ff;color:#17334b}
.oj-copy tr:nth-child(even) td {background:#f8fbff}
.oj-copy .oj-offer-button,.oj-copy .wp-block-button__link {background:#005cae;border:1px solid #005cae;border-radius:.5rem;padding:.46em .85em;color:white;text-decoration:none;display:inline-block;font-weight:700}
.oj-copy .oj-offer-button:hover {background:#004b8e;color:white}
.oj-copy .oj-digital-cta,.oj-copy .oj-offer-notice {padding:1em 1.15em;background:#edf7ff;border-inline-start:3px solid #0088fe;border-radius:4px}
.oj-comments h2,.oj-comments h3 {margin:0 0 1rem}
.oj-comments label {display:block}
.oj-comments input:not([type=checkbox]),.oj-comments textarea {max-width:100%;padding:.55em;border:1px solid #b9cad9;border-radius:6px}
.oj-comments ol {padding-left:1.35em}
.oj-lectura .pagination {display:block;margin-top:1.4rem}
.oj-reading .page-numbers {padding:.36em}
@media(max-width:625px) {
    .oj-copy th,.oj-copy td {padding:.5em .46em}
    .oj-copy .alignleft,.oj-copy .alignright {float:none;display:block;margin-inline:auto}
    .oj-copy table:not(.oj-offer-table) {display:block;overflow-x:auto}
    .oj-story-head {border-radius:13px 13px 0 0}
    .oj-story,.oj-comments {border-radius:14px}
}