.editorial-main{width:min(1120px,100%);margin:0 auto;padding:0 18px 55px}.editorial-main .breadcrumbs{padding:18px 2px}.editorial-listing{padding:25px 30px 34px;border-radius:11px;background:#fff;box-shadow:0 5px 24px #1823370a}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.editorial-card{overflow:hidden;border:1px solid #e8eaf0;border-radius:9px;background:#fff;transition:transform .2s,box-shadow .2s}.editorial-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #18233712}.editorial-card-image{aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#fff0eb;color:#ee4d2d;font-size:42px;font-weight:800}.editorial-card-image img{width:100%;height:100%;object-fit:cover}.editorial-card-copy{padding:16px}.editorial-card-copy time,.editorial-article-header time{color:#7b8493;font-size:11px}.editorial-card-copy h2{margin:7px 0;font-size:17px;line-height:1.35}.editorial-card-copy p{display:-webkit-box;overflow:hidden;margin:0 0 12px;color:#697386;font-size:13px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.editorial-read-more{color:#ee4d2d;font-size:12px;font-weight:700}.editorial-article{max-width:860px;margin:0 auto;padding:34px 42px 45px;border-radius:11px;background:#fff;box-shadow:0 5px 24px #1823370a}.editorial-article-header h1{margin:10px 0;font-size:clamp(27px,4vw,40px);line-height:1.2;letter-spacing:-.03em}.editorial-excerpt{margin:0 0 15px;color:#697386;font-size:16px;line-height:1.65}.editorial-cover{margin:24px 0}.editorial-cover img{display:block;width:100%;max-height:500px;object-fit:cover;border-radius:8px}.editorial-body{color:#303745;font-size:16px;line-height:1.9;overflow-wrap:anywhere}.editorial-back{margin-top:30px;padding-top:18px;border-top:1px solid #e8eaf0;font-size:13px}.editorial-back a{color:#ee4d2d}.editorial-footer .footer-columns{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:850px){.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.editorial-main{padding:0 12px 35px}.editorial-main .breadcrumbs{padding:13px 2px}.editorial-listing{padding:19px 14px 23px}.editorial-grid{grid-template-columns:1fr;gap:12px}.editorial-card{display:grid;grid-template-columns:38% 1fr}.editorial-card-image{height:100%;min-height:125px;aspect-ratio:auto}.editorial-card-copy{padding:12px}.editorial-card-copy h2{font-size:14px}.editorial-card-copy p{font-size:12px;-webkit-line-clamp:2}.editorial-article{padding:24px 17px 30px}.editorial-excerpt{font-size:14px}.editorial-body{font-size:15px}.editorial-footer .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
.editorial-body>p{margin:0 0 1.2em}.editorial-body>p:last-child{margin-bottom:0}

/* Keep editorial detail pages inside the mobile viewport. */
.editorial-page{overflow-x:clip}
.editorial-main{min-width:0}
.editorial-article{width:100%;min-width:0}
.editorial-cover{max-width:100%;min-width:0}
.editorial-cover img{max-width:100%}
.editorial-article-header,.editorial-article-header h1,.editorial-excerpt{min-width:0;overflow-wrap:anywhere}
.editorial-body h2{margin:1.55em 0 .45em;color:#252a34;font-size:1.35em;line-height:1.35;letter-spacing:-.02em}
.editorial-body h3{margin:.35em 0 1.2em;color:#465064;font-size:1em;font-weight:500;line-height:1.8}
.editorial-body h4{margin:1.1em 0 .4em;color:#3f4a5c;font-size:.98em;line-height:1.6}
.editorial-body h5{margin:1em 0 .35em;color:#4a5567;font-size:.92em;line-height:1.55}
.editorial-body h6{margin:.9em 0 .3em;color:#697386;font-size:.85em;line-height:1.5}
.publication-editor-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 9px}
.editorial-page>.site-header{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0}
.editorial-page>.site-header>.topline,.editorial-page>.site-header>.main-header{box-sizing:border-box;width:min(1240px,100%);max-width:1240px;margin-inline:auto;padding-inline:18px}
.editorial-cover{width:100%;max-width:760px;margin:24px auto}
.editorial-cover img{width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:768px){.editorial-page>.site-header>.topline,.editorial-page>.site-header>.main-header{width:100%;padding-inline:12px}.editorial-cover{max-width:100%;margin:20px auto}.editorial-cover img{width:100%;height:auto}}
