@charset "UTF-8";

.journal-esim-page{--esim-green:#205e4d;--esim-tint:#edf4ee;--esim-border:#d7e4d9}
.journal-esim-page .journal-category{color:var(--esim-green)}
.journal-esim-page .journal-article-cover{max-width:1000px;margin-bottom:42px;background:var(--esim-tint)}
.journal-esim-page .journal-article-cover img{max-height:none;aspect-ratio:3/2;object-fit:contain}
.esim-purchase-intro{max-width:820px;margin:0 auto;padding-bottom:36px}
.esim-purchase-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.esim-purchase-row .button,.journal-esim-page .journal-shop-cta .button{background:var(--esim-green);color:#fff;font-size:14px;min-height:48px}
.esim-purchase-row .button:hover,.journal-esim-page .journal-shop-cta .button:hover{background:#164736}
.esim-purchase-row>a:last-child{font-size:14px;color:var(--esim-green);padding:12px 0;display:inline-flex;gap:8px;align-items:center}
.journal-esim-page .blog-prose>ul:first-of-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none;margin:24px 0 28px}
.journal-esim-page .blog-prose>ul:first-of-type>li{padding:25px 20px;margin:0;border:1px solid var(--esim-border);border-radius:18px;background:var(--esim-tint);font-size:14px;line-height:1.95}
.journal-esim-page .blog-prose>ul:first-of-type strong{display:block;color:var(--esim-green);font-size:18px;line-height:1.6;margin-bottom:12px}
.journal-esim-page .blog-prose h2{margin-top:62px;padding-top:27px;border-top:1px solid var(--esim-border)}
.journal-esim-page .blog-prose h3{font-size:21px}
.journal-esim-page .blog-prose a{color:var(--esim-green)}
.journal-esim-page .blog-prose a:hover{color:#123e31}
.journal-esim-page .blog-prose blockquote{padding:23px 25px;border-color:#c37546;background:#faf3e9;color:#6c513d}
.journal-esim-page .blog-prose blockquote strong{color:#715139}
.journal-esim-page .blog-prose table{border-collapse:separate;border-spacing:0;border:1px solid var(--esim-border);border-radius:16px;overflow:hidden;line-height:1.9}
.journal-esim-page .blog-prose th,.journal-esim-page .blog-prose td{border:0;padding:18px 16px}
.journal-esim-page .blog-prose th{background:var(--esim-tint);color:var(--esim-green)}
.journal-esim-page .blog-prose tbody tr+tr td{border-top:1px solid var(--esim-border)}
.journal-esim-page .blog-prose table:last-of-type th:first-child,.journal-esim-page .blog-prose table:last-of-type td:first-child{width:30%}
.journal-esim-page .blog-prose table:last-of-type tbody td:first-child a{display:inline-block;font-size:16px;line-height:1.8}
.journal-esim-page .journal-shop-cta{background:var(--esim-tint);border:1px solid var(--esim-border)}
.journal-esim-page .journal-shop-cta h2{color:var(--esim-green);margin-top:0}
.journal-esim-page .journal-shop-cta p{max-width:560px}
:root[data-theme="dark"] .journal-esim-page{--esim-green:#90cdb2;--esim-tint:#162b24;--esim-border:#30463c}
:root[data-theme="dark"] .esim-purchase-row .button,:root[data-theme="dark"] .journal-esim-page .journal-shop-cta .button{background:#28705a;color:#fff}
:root[data-theme="dark"] .journal-esim-page .blog-prose a:hover{color:#b5e6cc}
:root[data-theme="dark"] .journal-esim-page .blog-prose blockquote{background:#33271d;color:#e2c7ad}
:root[data-theme="dark"] .journal-esim-page .blog-prose blockquote strong{color:#efd2b5}
@media(max-width:760px){
    .journal-esim-page .blog-prose>ul:first-of-type{grid-template-columns:1fr;gap:12px}
    .journal-esim-page .blog-prose>ul:first-of-type>li{padding:22px;font-size:15px}
    .journal-esim-page .blog-prose>ul:first-of-type strong{margin-bottom:8px}
    .journal-esim-page .blog-prose h2{margin-top:45px;padding-top:23px}
    .journal-esim-page .blog-prose th,.journal-esim-page .blog-prose td{padding:14px 11px}
    .journal-esim-page .blog-prose table:last-of-type tbody td:first-child a{font-size:14px}
    .journal-esim-page .journal-article-cover{margin-bottom:28px}
}
@media(max-width:480px){
    .esim-purchase-row{gap:8px}
    .esim-purchase-row .button{width:100%;justify-content:center}
    .esim-purchase-row>a:last-child{min-height:44px}
    .journal-esim-page .blog-prose table{font-size:13px}
    .journal-esim-page .blog-prose th,.journal-esim-page .blog-prose td{padding:13px 9px}
    .journal-esim-page .blog-prose table:last-of-type th:first-child,.journal-esim-page .blog-prose table:last-of-type td:first-child{width:34%}
    .journal-esim-page .journal-shop-cta .button{width:100%;justify-content:center}
}