:root{
  --ls-primary:#0D47A1;
  --ls-primary-dark:#082E6E;
  --ls-primary-soft:#E3F2FD;
  --ls-accent:#FF6D00;
  --ls-ink:#0A1A2E;
  --ls-muted:#5A6D85;
  --ls-line:#DAE3EE;
  --ls-bg:#F2F6FA;
  --ls-white:#fff;
  --ls-radius:16px;
  --ls-shadow:0 12px 40px rgba(8,46,110,.08);
  --ls-header:72px;
  --ls-max:1180px;
  --ls-font:"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--ls-font);
  color:var(--ls-ink);
  background:var(--ls-bg);
  line-height:1.7;
  font-size:15px;
}
img{max-width:100%;height:auto;display:block;border:0}
a{color:var(--ls-primary);text-decoration:none;transition:color .2s,opacity .2s,transform .2s,box-shadow .2s,background .2s}
a:hover{color:var(--ls-primary-dark)}
ul,ol{list-style:none}
button,input{font:inherit}

.ls-container{width:min(100% - 32px,var(--ls-max));margin:0 auto}
.ls-section{padding:72px 0}
.ls-section-alt{background:linear-gradient(180deg,#fff 0%,#E3F2FD 100%)}
.ls-section-head{position:relative;margin-bottom:36px;padding-right:100px}
.ls-section-head h2{font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:.02em}
.ls-section-head p{margin-top:8px;color:var(--ls-muted)}
.ls-link-more{position:absolute;right:0;top:8px;font-size:14px;font-weight:600}

/* Header */
.ls-header{
  position:sticky;top:0;z-index:1000;
  height:var(--ls-header);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(13,71,161,.08);
  transition:box-shadow .25s,background .25s;
}
.ls-header.is-scrolled{box-shadow:0 8px 30px rgba(10,26,46,.08)}
.ls-header-inner{height:var(--ls-header);display:flex;align-items:center;justify-content:space-between;gap:20px}
.ls-logo{display:inline-flex;align-items:center;gap:12px;color:var(--ls-ink);font-weight:700;font-size:22px;flex-shrink:0}
.ls-logo img{height:56px;width:auto}
.ls-logo-mark{
  width:46px;height:46px;border-radius:12px;
  background:linear-gradient(135deg,var(--ls-primary),var(--ls-accent));
  box-shadow:0 8px 18px rgba(13,71,161,.28);
  position:relative;
}
.ls-logo-mark:after{
  content:"";position:absolute;inset:9px;
  border:2px solid #fff;border-radius:50%;
  border-top-color:transparent;border-left-color:transparent;
}
.ls-nav{display:flex;align-items:center;gap:8px}
.ls-nav>ul{display:flex;align-items:center;gap:4px}
.ls-nav>ul>li{position:relative}
.ls-nav>ul>li>a{
  display:block;padding:10px 14px;border-radius:999px;
  color:var(--ls-ink);font-weight:600;font-size:14px;
}
.ls-nav>ul>li.is-active>a,
.ls-nav>ul>li>a:hover{background:var(--ls-primary-soft);color:var(--ls-primary)}
.ls-subnav{
  position:absolute;top:calc(100% + 8px);left:0;min-width:160px;
  background:#fff;border:1px solid var(--ls-line);border-radius:12px;
  box-shadow:var(--ls-shadow);padding:8px;opacity:0;visibility:hidden;
  transform:translateY(8px);transition:.2s;
}
.ls-nav>ul>li:hover>.ls-subnav{opacity:1;visibility:visible;transform:none}
.ls-subnav a{display:block;padding:10px 12px;border-radius:8px;color:var(--ls-ink);font-size:14px}
.ls-subnav a:hover,.ls-subnav .is-active a{background:var(--ls-primary-soft);color:var(--ls-primary)}
.ls-search{display:flex;align-items:center;margin-left:8px;background:#E3F2FD;border-radius:999px;overflow:hidden}
.ls-search input{width:120px;border:0;background:transparent;padding:9px 12px;outline:none}
.ls-search button{border:0;background:transparent;padding:9px 12px;cursor:pointer;color:var(--ls-primary)}
.ls-nav-toggle{
  display:none;width:42px;height:42px;border:0;background:transparent;cursor:pointer;
  position:relative;z-index:1002;
}
.ls-nav-toggle span{
  display:block;width:22px;height:2px;margin:5px auto;background:var(--ls-ink);
  transition:.25s;border-radius:2px;
}
.ls-nav-mask{display:none;position:fixed;inset:0;background:rgba(10,26,46,.45);z-index:998}

/* Hero */
.ls-hero{
  position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#082E6E 0%,#0D47A1 48%,#FF6D00 100%);
  min-height:min(88vh,720px);display:flex;align-items:center;
}
.ls-hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 28%),
    radial-gradient(circle at 80% 10%,rgba(255,109,0,.35),transparent 30%),
    linear-gradient(120deg,transparent 40%,rgba(255,255,255,.06) 41%,transparent 42%),
    linear-gradient(0deg,rgba(10,26,46,.18),transparent 40%);
  pointer-events:none;
}
.ls-hero-bg:before{
  content:"";position:absolute;inset:0;opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000,transparent 85%);
}
.ls-hero-inner{
  position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;
  gap:40px;align-items:center;padding:80px 0 72px;
}
.ls-eyebrow{
  display:inline-block;padding:6px 12px;border-radius:999px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);
  font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;
}
.ls-hero h1{
  font-size:clamp(34px,5vw,56px);line-height:1.18;font-weight:800;
  letter-spacing:.02em;margin-bottom:18px;
  animation:lsFadeUp .7s ease both;
}
.ls-hero-desc{
  max-width:540px;font-size:17px;color:rgba(255,255,255,.88);margin-bottom:28px;
  animation:lsFadeUp .7s .08s ease both;
}
.ls-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px;animation:lsFadeUp .7s .14s ease both}
.ls-hero-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
  animation:lsFadeUp .7s .2s ease both;
}
.ls-hero-stats div{
  padding:14px 16px;border-radius:14px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
}
.ls-hero-stats strong{display:block;font-size:18px}
.ls-hero-stats span{font-size:12px;opacity:.8}
.ls-hero-visual{display:flex;justify-content:center;animation:lsFadeIn 1s .2s ease both}
.ls-orbit{
  width:min(100%,360px);aspect-ratio:1;position:relative;border-radius:50%;
  border:1px solid rgba(255,255,255,.25);
  box-shadow:0 0 0 28px rgba(255,255,255,.04),0 0 0 56px rgba(255,255,255,.03);
}
.ls-core{
  position:absolute;left:50%;top:50%;width:88px;height:88px;margin:-44px 0 0 -44px;
  border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#FF6D00 45%,#082E6E);
  box-shadow:0 0 40px rgba(255,109,0,.55);
}
.ls-node{
  position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 8px rgba(255,255,255,.15);
  animation:lsOrbit 10s linear infinite;
}
.ls-node.n1{offset-path:path("M180,20 A160,160 0 1,1 179.9,20");animation-duration:12s}
.ls-node.n2{offset-path:path("M180,40 A140,140 0 1,1 179.9,40");animation-duration:9s;animation-direction:reverse;background:#BBDEFB}
.ls-node.n3{offset-path:path("M180,60 A120,120 0 1,1 179.9,60");animation-duration:14s;background:#90CAF9}
@supports not (offset-path:path("M0,0")){
  .ls-node.n1{top:8%;left:50%}
  .ls-node.n2{top:50%;right:6%}
  .ls-node.n3{bottom:12%;left:18%}
}

.ls-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:0 22px;border-radius:999px;font-weight:700;border:1px solid transparent;
}
.ls-btn-primary{background:#fff;color:var(--ls-primary-dark)}
.ls-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18);color:var(--ls-primary-dark)}
.ls-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.ls-btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.ls-btn-light{background:#fff;color:var(--ls-primary-dark)}
.ls-btn-light:hover{transform:translateY(-2px);color:var(--ls-primary-dark)}

/* Feature / Cards */
.ls-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ls-feature{
  background:#fff;border:1px solid rgba(13,71,161,.08);border-radius:var(--ls-radius);
  padding:28px 22px;box-shadow:var(--ls-shadow);transition:transform .25s,box-shadow .25s;
}
.ls-feature:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(8,46,110,.14)}
.ls-feature-ico{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--ls-primary),var(--ls-accent));
  color:#fff;font-weight:800;margin-bottom:16px;
}
.ls-feature h3{font-size:18px;margin-bottom:8px}
.ls-feature p{color:var(--ls-muted);font-size:14px}

.ls-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ls-card-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ls-card{
  display:flex;flex-direction:column;background:#fff;border-radius:var(--ls-radius);overflow:hidden;
  border:1px solid rgba(13,71,161,.08);box-shadow:var(--ls-shadow);color:inherit;
}
.ls-card:hover{transform:translateY(-6px);color:inherit;box-shadow:0 18px 40px rgba(8,46,110,.14)}
.ls-card-cover{aspect-ratio:16/10;background:linear-gradient(135deg,#082E6E,#FF6D00);overflow:hidden}
.ls-card-cover img{width:100%;height:100%;object-fit:cover}
.ls-card-placeholder{
  width:100%;height:100%;min-height:160px;display:grid;place-items:center;
  color:rgba(255,255,255,.9);font-weight:800;letter-spacing:.2em;
  background:linear-gradient(135deg,#082E6E,#FF6D00);
}
.ls-card-placeholder.tall{min-height:360px;border-radius:var(--ls-radius)}
.ls-card-body{padding:20px}
.ls-card-body h3{font-size:18px;margin-bottom:8px;color:var(--ls-ink)}
.ls-card-body p{color:var(--ls-muted);font-size:14px}
.ls-card.compact{min-height:120px}

.ls-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ls-news-item{
  display:flex;gap:16px;background:#fff;border-radius:var(--ls-radius);padding:18px;
  border:1px solid rgba(13,71,161,.08);box-shadow:var(--ls-shadow);
}
.ls-news-date{
  flex:0 0 64px;height:64px;border-radius:14px;background:var(--ls-primary-soft);
  color:var(--ls-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.ls-news-date strong{font-size:24px;line-height:1}
.ls-news-date span{font-size:11px}
.ls-news-body h3{font-size:17px;margin-bottom:6px}
.ls-news-body h3 a{color:var(--ls-ink)}
.ls-news-body h3 a:hover{color:var(--ls-primary)}
.ls-news-body p{color:var(--ls-muted);font-size:14px;margin-bottom:8px}
.ls-meta{font-size:12px;color:var(--ls-primary);font-weight:600}

.ls-cta{
  background:linear-gradient(120deg,#082E6E,#0D47A1 55%,#1565C0);
  color:#fff;text-align:center;padding:64px 0;
}
.ls-cta h2{font-size:clamp(24px,3vw,36px);margin-bottom:10px}
.ls-cta p{opacity:.9;margin-bottom:22px}

/* Inner pages */
.ls-page-banner{
  background:
    radial-gradient(circle at 85% 20%,rgba(255,109,0,.25),transparent 30%),
    linear-gradient(135deg,#082E6E,#0D47A1);
  color:#fff;padding:56px 0 44px;
}
.ls-page-banner h1{font-size:clamp(26px,3.4vw,40px);margin-bottom:12px}
.ls-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;opacity:.9}
.ls-breadcrumb a{color:#fff}
.ls-breadcrumb span{opacity:.7}

.ls-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.ls-panel{background:#fff;border-radius:var(--ls-radius);padding:28px;border:1px solid rgba(13,71,161,.08);box-shadow:var(--ls-shadow)}
.ls-article-head{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--ls-line)}
.ls-article-head h1{font-size:clamp(24px,3vw,34px);line-height:1.35;margin-bottom:12px}
.ls-richtext{overflow:hidden;word-break:break-word}
.ls-richtext p{margin:0 0 1em}
.ls-richtext img{border-radius:10px;margin:12px 0}
.ls-richtext h2,.ls-richtext h3{margin:1.2em 0 .6em}
.ls-richtext ul,.ls-richtext ol{padding-left:1.4em;margin:0 0 1em}
.ls-richtext ul{list-style:disc}
.ls-richtext ol{list-style:decimal}
.ls-richtext a{text-decoration:underline}
.ls-richtext table{width:100%;border-collapse:collapse;margin:1em 0}
.ls-richtext th,.ls-richtext td{border:1px solid var(--ls-line);padding:8px 10px}
.ls-richtext blockquote{margin:1em 0;padding:12px 16px;border-left:4px solid var(--ls-primary);background:var(--ls-primary-soft);color:var(--ls-muted)}

.ls-list{display:flex;flex-direction:column;gap:16px}
.ls-list-item{
  display:flex;gap:18px;background:#fff;border-radius:var(--ls-radius);padding:18px;
  border:1px solid rgba(13,71,161,.08);box-shadow:var(--ls-shadow);
}
.ls-list-cover{flex:0 0 200px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#082E6E,#FF6D00)}
.ls-list-cover img{width:100%;height:100%;object-fit:cover;min-height:130px}
.ls-list-body{flex:1;min-width:0}
.ls-list-body h2{font-size:20px;margin-bottom:8px}
.ls-list-body h2 a{color:var(--ls-ink)}
.ls-list-body h2 a:hover{color:var(--ls-primary)}
.ls-list-body p{color:var(--ls-muted);margin-bottom:12px}
.ls-list-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--ls-muted)}
.ls-list-meta a{color:var(--ls-primary);font-weight:600}

.ls-sidebar .ls-widget{
  background:#fff;border-radius:var(--ls-radius);padding:20px;
  border:1px solid rgba(13,71,161,.08);box-shadow:var(--ls-shadow);margin-bottom:18px;
}
.ls-widget h3{
  font-size:16px;margin-bottom:14px;padding-bottom:10px;
  border-bottom:2px solid var(--ls-primary-soft);position:relative;
}
.ls-widget h3:after{
  content:"";position:absolute;left:0;bottom:-2px;width:42px;height:2px;background:var(--ls-primary);
}
.ls-side-list li{padding:10px 0;border-bottom:1px dashed var(--ls-line);display:flex;justify-content:space-between;gap:10px}
.ls-side-list li:last-child{border-bottom:0}
.ls-side-list a{color:var(--ls-ink);font-size:14px}
.ls-side-list a:hover{color:var(--ls-primary)}
.ls-side-list span{flex-shrink:0;color:var(--ls-muted);font-size:12px}
.ls-side-list.numbered{counter-reset:hot}
.ls-side-list.numbered li{align-items:flex-start}
.ls-side-list.numbered li:before{
  counter-increment:hot;content:counter(hot);
  width:22px;height:22px;border-radius:6px;margin-right:8px;flex-shrink:0;
  display:inline-grid;place-items:center;background:var(--ls-primary-soft);color:var(--ls-primary);
  font-size:12px;font-weight:700;
}
.ls-side-list.numbered li:nth-child(-n+3):before{background:var(--ls-primary);color:#fff}
.ls-tags{display:flex;flex-wrap:wrap;gap:8px}
.ls-tags a{
  display:inline-block;padding:6px 12px;border-radius:999px;background:var(--ls-primary-soft);
  color:var(--ls-primary);font-size:13px;font-weight:600;
}
.ls-tags a:hover{background:var(--ls-primary);color:#fff}
.ls-article-tags{margin-top:24px}

.ls-pagination{margin-top:28px}
.ls-page{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ls-page a,.ls-page .dots{
  min-width:40px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;background:#fff;border:1px solid var(--ls-line);color:var(--ls-ink);font-weight:600;
}
.ls-page .active a,.ls-page a:hover{background:var(--ls-primary);border-color:var(--ls-primary);color:#fff}
.ls-empty{
  background:#fff;border-radius:var(--ls-radius);padding:48px 24px;text-align:center;
  color:var(--ls-muted);border:1px dashed var(--ls-line);
}
.ls-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--ls-line)}
.ls-post-nav a{padding:14px 16px;border-radius:12px;background:var(--ls-primary-soft);color:var(--ls-primary);font-size:14px;font-weight:600}
.ls-post-nav .next{text-align:right}
.ls-related{margin-top:28px}
.ls-related h3{font-size:20px;margin-bottom:16px}

.ls-subtabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.ls-subtabs a{
  padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--ls-line);
  color:var(--ls-ink);font-weight:600;font-size:14px;
}
.ls-subtabs a.is-active,.ls-subtabs a:hover{background:var(--ls-primary);border-color:var(--ls-primary);color:#fff}

.ls-product-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:start}
.ls-product-media{background:#fff;border-radius:var(--ls-radius);overflow:hidden;box-shadow:var(--ls-shadow);border:1px solid rgba(13,71,161,.08)}
.ls-product-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ls-product-info{background:#fff;border-radius:var(--ls-radius);padding:28px;box-shadow:var(--ls-shadow);border:1px solid rgba(13,71,161,.08)}
.ls-product-info h1{font-size:clamp(24px,3vw,34px);margin-bottom:12px}
.ls-lead{font-size:16px;color:var(--ls-muted);margin-bottom:18px}

.ls-banner-strip{padding-top:0}
.ls-banner-slider{position:relative;border-radius:var(--ls-radius);overflow:hidden;box-shadow:var(--ls-shadow);background:#082E6E}
.ls-banner-item{display:none}
.ls-banner-item.is-active{display:block;animation:lsFadeIn .45s ease}
.ls-banner-item img{width:100%;aspect-ratio:21/7;object-fit:cover}
.ls-banner-fallback{
  aspect-ratio:21/7;display:grid;place-items:center;
  background:linear-gradient(120deg,#082E6E,#0D47A1 50%,#FF6D00);color:#fff;font-size:clamp(20px,3vw,34px);font-weight:700;
}
.ls-banner-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px}
.ls-banner-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer}
.ls-banner-dots button.is-active{background:#fff;width:24px;border-radius:999px}

/* Footer */
.ls-footer{background:#05152A;color:rgba(255,255,255,.82);padding:56px 0 28px}
.ls-footer a{color:#fff}
.ls-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;margin-bottom:28px}
.ls-footer-brand h3{color:#fff;font-size:22px;margin-bottom:10px}
.ls-footer h4{color:#fff;margin-bottom:12px;font-size:16px}
.ls-footer-nav li{margin-bottom:8px}
.ls-friendlinks{padding:16px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:10px 16px;font-size:13px}
.ls-copyright{padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:12px 18px;font-size:13px;opacity:.85}

@keyframes lsFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes lsFadeIn{from{opacity:0}to{opacity:1}}
@keyframes lsOrbit{to{offset-distance:100%}}

@media (max-width:1024px){
  .ls-feature-grid,.ls-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ls-hero-inner{grid-template-columns:1fr;padding:64px 0 56px}
  .ls-hero-visual{display:none}
  .ls-layout{grid-template-columns:1fr}
  .ls-product-detail{grid-template-columns:1fr}
  .ls-footer-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:768px){
  :root{--ls-header:64px}
  .ls-nav-toggle{display:block}
  .ls-nav{
    position:fixed;top:0;right:0;height:100vh;width:min(82vw,320px);
    background:#fff;z-index:999;flex-direction:column;align-items:stretch;
    padding:84px 20px 24px;gap:16px;transform:translateX(105%);transition:transform .28s ease;
    box-shadow:-12px 0 40px rgba(10,26,46,.18);
  }
  .ls-nav.is-open{transform:none}
  .ls-nav>ul{flex-direction:column;align-items:stretch;gap:4px}
  .ls-nav>ul>li>a{border-radius:12px}
  .ls-subnav{
    position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    border:0;padding:0 0 0 12px;margin-top:4px;background:transparent;
  }
  .ls-search{margin:8px 0 0;width:100%}
  .ls-search input{width:100%}
  body.nav-open .ls-nav-mask{display:block}
  body.nav-open{overflow:hidden}
  body.nav-open .ls-nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.nav-open .ls-nav-toggle span:nth-child(2){opacity:0}
  body.nav-open .ls-nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .ls-section{padding:48px 0}
  .ls-section-head{padding-right:0}
  .ls-link-more{position:static;display:inline-block;margin-top:10px}
  .ls-hero{min-height:auto}
  .ls-hero-stats{grid-template-columns:1fr}
  .ls-feature-grid,.ls-card-grid,.ls-news-grid,.ls-card-grid.cols-2{grid-template-columns:1fr}
  .ls-list-item{flex-direction:column}
  .ls-list-cover{flex:none;width:100%}
  .ls-post-nav{grid-template-columns:1fr}
  .ls-post-nav .next{text-align:left}
  .ls-footer-grid{grid-template-columns:1fr}
  .ls-banner-item img,.ls-banner-fallback{aspect-ratio:16/8}
}