.single-post { background: #f7f4ee; }
.el-article-hero { background: radial-gradient(circle at 85% 10%,rgba(0,154,214,.2),transparent 28%),linear-gradient(135deg,#031c2d,#082d49 68%,#0b4266); color:#fff; padding: 32px 0 clamp(62px,7vw,100px); }
.el-article-breadcrumbs { align-items:center; color:#8db2c1; display:flex; flex-wrap:wrap; font-size:11px; font-weight:800; gap:9px; letter-spacing:.08em; margin-bottom:clamp(42px,6vw,72px); text-transform:uppercase; }
.el-article-breadcrumbs a { color:#d6e7ed; text-decoration:none; }
.el-article-breadcrumbs a:hover { color:#fff; }
.el-article-hero-grid { align-items:end; display:grid; gap:clamp(38px,6vw,80px); grid-template-columns:minmax(0,1.15fr) minmax(310px,.55fr); }
.el-article-label { color:#58d2ff; font-size:12px; font-weight:900; letter-spacing:.16em; margin:0 0 18px; text-transform:uppercase; }
.el-article-hero h1 { color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:clamp(46px,6vw,82px); font-weight:400; letter-spacing:-.055em; line-height:.96; margin:0; max-width:1000px; }
.el-article-deck { color:#c8dce5; font-size:clamp(17px,2vw,22px); line-height:1.55; margin:26px 0 0; max-width:800px; }
.el-article-meta { align-items:center; color:#9db8c4; display:flex; flex-wrap:wrap; font-size:11px; font-weight:900; gap:0; letter-spacing:.08em; margin-top:30px; text-transform:uppercase; }
.el-article-meta span:not(:last-child)::after { color:#ed174c; content:"•"; margin:0 12px; }
.el-article-search { border:1px solid rgba(255,255,255,.22); padding:20px; }
.el-article-search label { color:#fff; display:block; font-size:10px; font-weight:900; letter-spacing:.13em; margin-bottom:9px; text-transform:uppercase; }
.el-article-search > div { display:grid; grid-template-columns:minmax(0,1fr) 54px; }
.el-article-search input[type="search"] { border:0; border-radius:0; min-height:54px; min-width:0; padding:12px 14px; }
.el-article-search button { background:#ed174c; border:0; border-radius:0; color:#fff; cursor:pointer; font-size:23px; font-weight:900; }

.el-article-feature { background:#071d2e; margin:0 auto; max-width:1440px; overflow:hidden; position:relative; }
.el-article-feature img { display:block; height:clamp(400px,55vw,780px); object-fit:cover; width:100%; }
.el-article-feature figcaption { background:rgba(3,28,45,.86); bottom:18px; color:#d3e4ea; font-size:11px; left:18px; max-width:calc(100% - 36px); padding:9px 12px; position:absolute; }

.el-article-layout { display:grid; gap:clamp(38px,5vw,72px); grid-template-columns:250px minmax(0,780px); justify-content:center; padding-block:clamp(55px,8vw,105px); }
.el-article-rail-sticky { position:sticky; top:132px; }
.el-article-rail .el-share { display:block; margin:0; padding:22px; }
.el-article-rail .el-share-heading strong { font-size:20px; }
.el-article-rail .el-share-links { display:grid; grid-template-columns:1fr 1fr; justify-content:stretch; margin-top:18px; }
.el-article-rail .el-share-link { justify-content:flex-start; padding-right:8px; }
.el-article-rail-promise { background:#fff; border-left:5px solid #ed174c; box-shadow:0 14px 34px rgba(3,28,45,.08); margin-top:18px; padding:21px; }
.el-article-rail-promise span { color:#007dad; display:block; font-size:10px; font-weight:900; letter-spacing:.14em; margin-bottom:8px; text-transform:uppercase; }
.el-article-rail-promise strong { color:#082d49; display:block; font-family:Georgia,"Times New Roman",serif; font-size:23px; font-weight:400; line-height:1.05; }
.el-article-rail-promise p { color:#536b78; font-size:13px; font-weight:800; line-height:1.4; margin:10px 0 0; }

.el-article-content { color:#263d49; font-family:Georgia,"Times New Roman",serif; font-size:clamp(18px,1.7vw,21px); line-height:1.78; }
.el-article-content > p:first-child::first-letter { color:#ed174c; float:left; font-size:4.8em; font-weight:700; line-height:.78; margin:12px 12px 0 0; }
.el-article-content :where(p,li) { max-width:70ch; }
.el-article-content h2 { border-top:1px solid #cad7dd; font-size:clamp(34px,4vw,50px); letter-spacing:-.035em; margin:58px 0 20px; padding-top:34px; }
.el-article-content h3 { font-size:clamp(27px,3vw,34px); margin-top:45px; }
.el-article-content img { border-bottom:6px solid #ed174c; display:block; margin:38px auto; }
.el-article-content figure { margin:42px 0; }
.el-article-content figcaption { color:#667b86; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.5; }
.el-article-content blockquote { background:#fff; border-left:7px solid #009ad6; box-shadow:0 16px 38px rgba(3,28,45,.08); font-size:clamp(24px,3vw,34px); margin:48px -30px; padding:30px 36px; }
.el-article-content a { color:#007dad; }

.el-article-route { border-top:7px solid #ed174c; box-shadow:0 20px 50px rgba(3,28,45,.12); margin:70px 0 30px; padding:clamp(28px,4vw,45px); }
.el-article-cluster { background:#f5f2ea; border-left:7px solid #009fda; margin:50px 0 0; padding:clamp(24px,4vw,40px); }
.el-article-cluster > span { color:#ed174c; display:block; font-size:11px; font-weight:900; letter-spacing:.15em; margin-bottom:12px; text-transform:uppercase; }
.el-article-cluster h2 { color:#082d49; font-family:Georgia,"Times New Roman",serif; font-size:clamp(28px,3.5vw,42px); font-weight:400; line-height:1.05; margin:0 0 14px; }
.el-article-cluster p { color:#385568; line-height:1.65; margin:0; max-width:720px; }
.el-article-cluster > div { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.el-article-cluster a { background:#082d49; color:#fff; font-size:13px; font-weight:900; padding:13px 17px; text-decoration:none; }
.el-article-route.is-strategy { background:#082d49; color:#fff; }
.el-article-route.is-urgent { background:#fff; color:#082d49; }
.el-article-route > span { color:#ed174c; display:block; font-size:11px; font-weight:900; letter-spacing:.15em; margin-bottom:13px; text-transform:uppercase; }
.el-article-route h2 { color:inherit; font-family:Georgia,"Times New Roman",serif; font-size:clamp(32px,4vw,47px); font-weight:400; letter-spacing:-.035em; line-height:1.03; margin:0 0 17px; }
.el-article-route p { color:inherit; font-size:15px; line-height:1.65; margin:0; max-width:670px; opacity:.82; }
.el-article-route > div { display:flex; flex-wrap:wrap; gap:10px; margin-top:27px; }
.el-article-route a { background:#ed174c; border:2px solid #ed174c; color:#fff; font-size:13px; font-weight:900; padding:13px 17px; text-decoration:none; }
.el-article-route a.is-call { background:transparent; border-color:currentColor; color:inherit; }

.el-article-authority { align-items:center; background:#fff; border:1px solid #d3dfe4; display:grid; gap:24px; grid-template-columns:80px minmax(0,1fr); margin:28px 0; padding:28px; }
.el-article-authority img { height:80px; width:80px; }
.el-article-authority span { color:#ed174c; font-size:10px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.el-article-authority h2 { color:#082d49; font-family:Georgia,"Times New Roman",serif; font-size:25px; font-weight:400; line-height:1.1; margin:6px 0 8px; }
.el-article-authority p { color:#566e7a; font-size:14px; line-height:1.55; margin:0 0 10px; }
.el-article-authority a { color:#007dad; font-size:12px; font-weight:900; text-decoration:none; }

.el-article-next-prev { border-bottom:1px solid #ccd9de; border-top:1px solid #ccd9de; display:grid; gap:22px; grid-template-columns:1fr 1fr; margin-top:46px; padding:25px 0; }
.el-article-next-prev > div:last-child { text-align:right; }
.el-article-next-prev a { color:#082d49; display:inline-flex; flex-direction:column; font-family:Georgia,"Times New Roman",serif; font-size:18px; line-height:1.25; max-width:310px; text-decoration:none; }
.el-article-next-prev span { color:#ed174c; font-family:Arial,Helvetica,sans-serif; font-size:9px; font-weight:900; letter-spacing:.13em; margin-bottom:7px; text-transform:uppercase; }

.el-related-reports { background:#031c2d; color:#fff; padding:clamp(65px,8vw,105px) 0; }
.el-related-heading { align-items:end; border-bottom:1px solid rgba(255,255,255,.16); display:flex; justify-content:space-between; margin-bottom:28px; padding-bottom:22px; }
.el-related-heading span,.el-related-grid article > div > span { color:#58d2ff; display:block; font-size:10px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.el-related-heading h2 { color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:clamp(38px,5vw,60px); font-weight:400; letter-spacing:-.04em; margin:7px 0 0; }
.el-related-heading > a { color:#fff; font-size:12px; font-weight:900; text-decoration:none; }
.el-related-grid { display:grid; gap:20px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.el-related-grid article { background:#fff; color:#082d49; }
.el-related-image { background:linear-gradient(135deg,#0b4266,#031c2d); display:block; height:220px; overflow:hidden; position:relative; }
.el-related-image img { height:100%; object-fit:cover; transition:transform .35s ease; width:100%; }
.el-related-grid article:hover img { transform:scale(1.04); }
.el-related-grid article > div { padding:23px; }
.el-related-grid h3 { font-family:Georgia,"Times New Roman",serif; font-size:27px; font-weight:400; letter-spacing:-.025em; line-height:1.05; margin:12px 0 18px; }
.el-related-grid h3 a { text-decoration:none; }
.el-related-read { color:#007dad; font-size:12px; font-weight:900; text-decoration:none; }
.el-article-mobile-bar { display:none; }

@media(max-width:960px){
  .el-article-hero-grid { grid-template-columns:1fr; }
  .el-article-search { max-width:600px; }
  .el-article-layout { grid-template-columns:1fr; }
  .el-article-rail { order:2; }
  .el-article-rail-sticky { position:static; }
  .el-article-rail .el-share { display:grid; }
  .el-article-rail .el-share-links { display:flex; margin-top:0; }
  .el-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .el-related-grid article:last-child { display:none; }
}
@media(max-width:620px){
  .single-post { padding-bottom:64px; }
  .el-article-hero { padding-top:22px; }
  .el-article-breadcrumbs { margin-bottom:34px; }
  .el-article-hero h1 { font-size:clamp(42px,13vw,60px); }
  .el-article-feature img { height:64vw; min-height:260px; }
  .el-article-feature figcaption { display:none; }
  .el-article-layout { gap:34px; padding-inline:20px; padding-top:44px; }
  .el-article-main { min-width:0; }
  .el-article-rail { order:0; }
  .el-article-rail-promise { display:none; }
  .el-article-rail .el-share { grid-template-columns:1fr; }
  .el-article-content blockquote { margin-inline:0; padding:25px; }
  .el-article-route > div { align-items:stretch; flex-direction:column; }
  .el-article-route a { text-align:center; }
  .el-article-authority { align-items:start; grid-template-columns:56px minmax(0,1fr); padding:22px; }
  .el-article-authority img { height:56px; width:56px; }
  .el-article-next-prev { grid-template-columns:1fr; }
  .el-article-next-prev > div:last-child { text-align:left; }
  .el-related-heading { align-items:flex-start; flex-direction:column; gap:18px; }
  .el-related-grid { grid-template-columns:1fr; }
  .el-related-grid article:last-child { display:block; }
  .el-article-mobile-bar { background:#031c2d; bottom:0; display:grid; grid-template-columns:1fr 1fr; left:0; position:fixed; right:0; z-index:1000; }
  .el-article-mobile-bar a { color:#fff; font-size:12px; font-weight:900; padding:17px 12px; text-align:center; text-decoration:none; }
  .el-article-mobile-bar a:last-child { background:#ed174c; }
}