.lk-blog-shell,
.lk-blog-shell *{
  box-sizing:border-box;
}
.lk-blog-shell{
  --lk-blog-page:#f2fbf6;
  --lk-blog-page-2:#fbfefc;
  --lk-blog-surface:#ffffff;
  --lk-blog-soft:#f6fcf8;
  --lk-blog-ink:#102019;
  --lk-blog-title:#061b14;
  --lk-blog-muted:#5f7169;
  --lk-blog-line:#d7eadf;
  --lk-blog-emerald:#064e3b;
  --lk-blog-green:#047857;
  --lk-blog-mint:#10b981;
  --lk-blog-lime:#a3e635;
  --lk-blog-lemon:#ecfccb;
  --lk-blog-radius:8px;
  --lk-blog-shadow:0 18px 44px rgba(6,78,59,.10);
  --lk-blog-shadow-soft:0 10px 28px rgba(6,78,59,.075);
  position:relative;
  isolation:isolate;
  width:min(100%,100vw);
  max-width:100%;
  min-width:0;
  padding:clamp(14px,3vw,30px);
  color:var(--lk-blog-ink);
  background:
    radial-gradient(780px 260px at 12% 0%, rgba(16,185,129,.14), transparent 62%),
    radial-gradient(680px 240px at 92% 8%, rgba(190,242,100,.13), transparent 64%),
    linear-gradient(135deg,var(--lk-blog-page),var(--lk-blog-page-2));
  overflow-x:hidden;
}
.lk-blog-container{
  width:min(1160px,100%);
  max-width:100%;
  min-width:0;
  margin:0 auto;
}
.lk-blog-hero,
.lk-blog-layout{
  display:grid;
  gap:20px;
  align-items:start;
}
.lk-blog-hero{
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  margin-bottom:20px;
}
.lk-blog-layout{
  grid-template-columns:minmax(260px,300px) minmax(0,1fr);
}
.lk-blog-hero-main,
.lk-blog-search-panel,
.lk-blog-panel,
.lk-blog-card,
.lk-blog-article-surface,
.lk-blog-post-head{
  border:1px solid var(--lk-blog-line);
  border-radius:var(--lk-blog-radius);
  background:var(--lk-blog-surface);
  box-shadow:var(--lk-blog-shadow-soft);
}
.lk-blog-hero-main{
  position:relative;
  overflow:hidden;
  min-height:250px;
  padding:clamp(24px,4vw,44px);
  background:
    radial-gradient(560px 180px at 86% 10%, rgba(163,230,53,.22), transparent 58%),
    linear-gradient(135deg,#fff 0%,#f6fcf8 58%,#edf9f2 100%);
}
.lk-blog-hero-main:after,
.lk-blog-post-head:after{
  content:"";
  position:absolute;
  right:-74px;
  bottom:-96px;
  width:230px;
  height:230px;
  border:28px solid rgba(16,185,129,.10);
  border-radius:50%;
  pointer-events:none;
}
.lk-blog-kicker,
.lk-blog-card-label,
.lk-blog-panel h2,
.lk-blog-panel h3,
.lk-author small{
  letter-spacing:0;
  text-transform:uppercase;
}
.lk-blog-kicker{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 14px;
  color:var(--lk-blog-green);
  font-size:.78rem;
  font-weight:950;
}
.lk-blog-kicker:before,
.lk-blog-card-label:before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--lk-blog-lime);
  box-shadow:0 0 0 5px rgba(16,185,129,.14);
}
.lk-blog-title,
.lk-blog-post h1,
.lk-blog-card h2,
.lk-blog-card h3,
.lk-blog-body h1,
.lk-blog-body h2,
.lk-blog-body h3{
  color:var(--lk-blog-title);
  letter-spacing:0;
}
.lk-blog-title{
  position:relative;
  z-index:1;
  max-width:760px;
  margin:0;
  font-size:clamp(2rem,4vw,4rem);
  line-height:1;
  font-weight:950;
}
.lk-blog-title span,
.lk-blog-side-list a:hover,
.lk-blog-card p a,
.lk-blog-body a{
  color:var(--lk-blog-green);
}
.lk-blog-lead{
  position:relative;
  z-index:1;
  max-width:670px;
  margin:18px 0 0;
  color:var(--lk-blog-muted);
  font-size:clamp(1rem,1.2vw,1.1rem);
  line-height:1.65;
}
.lk-blog-search-panel,
.lk-blog-panel,
.lk-blog-card,
.lk-blog-article-surface{
  padding:clamp(18px,2.2vw,28px);
}
.lk-blog-search-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:18px;
  background:linear-gradient(180deg,#fff,#f7fcf9);
}
.lk-blog-search-title{
  margin:0;
  color:var(--lk-blog-title);
  font-size:1.18rem;
  letter-spacing:0;
}
.lk-blog-search-text,
.lk-blog-card p,
.lk-blog-small-meta{
  color:var(--lk-blog-muted);
}
.lk-blog-search-text{
  margin:7px 0 0;
  line-height:1.55;
}
.lk-blog-search{
  display:flex;
  gap:10px;
  align-items:center;
  min-width:0;
}
.lk-blog-search input[type="search"]{
  flex:1;
  width:100%;
  min-width:0;
  border:1px solid var(--lk-blog-line);
  border-radius:999px;
  padding:.83rem 1rem;
  background:#fff;
  color:var(--lk-blog-ink);
  box-shadow:inset 0 1px 0 rgba(6,78,59,.04);
}
.lk-blog-search input[type="search"]:focus,
.lk-blog-search input[type="search"]:focus-visible,
.lk-blog-btn:focus-visible,
.lk-blog-card a:focus-visible,
.lk-blog-panel a:focus-visible{
  outline:0;
  border-color:var(--lk-blog-mint);
  box-shadow:0 0 0 4px rgba(16,185,129,.16);
}
.lk-blog-btn,
.lk-blog-body .lk-blog-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:.72rem 1rem;
  border:1px solid var(--lk-blog-emerald);
  border-radius:999px;
  background:var(--lk-blog-emerald);
  color:#fff;
  cursor:pointer;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 12px 26px rgba(6,78,59,.14);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.lk-blog-btn:hover{
  transform:translateY(-1px);
  border-color:var(--lk-blog-green);
  background:var(--lk-blog-green);
  box-shadow:0 16px 34px rgba(6,78,59,.18);
}
.lk-blog-btn.secondary,
.lk-blog-body .lk-blog-btn.secondary{
  border-color:rgba(6,78,59,.16);
  background:#fff;
  color:var(--lk-blog-emerald);
  box-shadow:none;
}
.lk-blog-sidebar{
  position:sticky;
  top:18px;
  display:grid;
  gap:16px;
  min-width:0;
}
.lk-blog-panel h2,
.lk-blog-panel h3{
  margin:0 0 13px;
  color:var(--lk-blog-green);
  font-size:.9rem;
  font-weight:950;
}
.lk-blog-side-list{
  display:grid;
  gap:0;
  padding:0;
  margin:0;
  list-style:none;
}
.lk-blog-side-list li{
  border-top:1px solid #e5f2eb;
  padding:11px 0;
}
.lk-blog-side-list li:first-child{
  border-top:0;
  padding-top:0;
}
.lk-blog-side-list a{
  display:block;
  color:var(--lk-blog-title);
  text-decoration:none;
  font-weight:850;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.lk-blog-side-list a:hover,
.lk-blog-card h2 a:hover,
.lk-blog-card h3 a:hover,
.lk-blog-card p a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
.lk-blog-small-meta{
  display:block;
  margin-top:4px;
  font-size:.84rem;
}
.lk-blog-main{
  display:grid;
  gap:16px;
  min-width:0;
}
.lk-blog-highlight{
  background:
    radial-gradient(540px 180px at 88% 16%, rgba(163,230,53,.20), transparent 58%),
    linear-gradient(135deg,#fff 0%,#f6fcf8 62%,#edf9f2 100%);
}
.lk-blog-card{
  position:relative;
  overflow:hidden;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.lk-blog-card:before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--lk-blog-lime),var(--lk-blog-mint),var(--lk-blog-emerald));
}
.lk-blog-card:hover{
  transform:translateY(-2px);
  border-color:rgba(16,185,129,.30);
  box-shadow:var(--lk-blog-shadow);
}
.lk-blog-card > *{
  position:relative;
  z-index:1;
}
.lk-blog-card-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:4px;
  color:var(--lk-blog-green);
  font-size:.74rem;
  font-weight:950;
}
.lk-blog-card h2,
.lk-blog-card h3{
  margin:8px 0;
  font-size:clamp(1.28rem,2vw,1.72rem);
  line-height:1.13;
}
.lk-blog-card h2 a,
.lk-blog-card h3 a{
  color:inherit;
  text-decoration:none;
}
.lk-blog-card p{
  margin:0 0 16px;
  line-height:1.65;
}
.lk-blog-card p a{
  font-weight:850;
  text-decoration:none;
}
.lk-blog-card-footer,
.lk-blog-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  min-width:0;
}
.lk-blog-card-footer{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #e5f2eb;
}
.lk-author{
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:100%;
  min-width:0;
  padding:6px 12px 6px 6px;
  border:1px solid #dbece3;
  border-radius:8px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(6,78,59,.055);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.lk-author:hover{
  transform:translateY(-1px);
  border-color:rgba(16,185,129,.34);
  box-shadow:0 12px 26px rgba(6,78,59,.09);
}
.lk-author img{
  width:38px;
  height:38px;
  border-radius:8px;
  object-fit:cover;
  background:#fff;
  box-shadow:0 0 0 2px rgba(16,185,129,.24);
}
.lk-author span{
  display:grid;
  gap:1px;
  min-width:0;
  line-height:1.05;
}
.lk-author small{
  color:var(--lk-blog-muted);
  font-size:.68rem;
  font-weight:850;
}
.lk-author strong{
  color:var(--lk-blog-title);
  font-size:.92rem;
  font-weight:900;
  overflow-wrap:anywhere;
}
.lk-blog-pill{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:.38rem .78rem;
  border:1px solid #dbece3;
  border-radius:999px;
  background:#f7fcf9;
  color:var(--lk-blog-muted);
  font-size:.88rem;
  font-weight:850;
}
.lk-blog-empty{
  padding:22px;
  border:1px dashed var(--lk-blog-line);
  border-radius:var(--lk-blog-radius);
  background:#fff;
  color:var(--lk-blog-muted);
}
.lk-blog-pager,
.lk-blog-search-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.lk-blog-pager{
  margin-top:4px;
}
.lk-blog-clear-search{
  margin-left:auto;
  color:var(--lk-blog-green);
  font-weight:850;
}
.lk-blog-pager-status{
  color:var(--lk-blog-muted);
  font-weight:850;
}
.lk-blog-post{
  max-width:100%;
  margin:0 auto;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.lk-blog-post-head{
  position:relative;
  overflow:hidden;
  max-width:980px;
  margin:0 auto 16px;
  padding:clamp(22px,3vw,34px);
  background:
    radial-gradient(560px 180px at 92% 12%, rgba(163,230,53,.18), transparent 58%),
    linear-gradient(135deg,#fff 0%,#f8fcf9 62%,#edf9f2 100%);
}
.lk-blog-post h1{
  position:relative;
  z-index:1;
  max-width:820px;
  margin:8px 0 18px;
  font-size:clamp(1.85rem,3.15vw,3rem);
  line-height:1.08;
}
.lk-blog-post .lk-blog-meta{
  position:relative;
  z-index:1;
  width:fit-content;
  max-width:100%;
  padding:8px;
  border:1px solid var(--lk-blog-line);
  border-radius:8px;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 22px rgba(6,78,59,.055);
}
.lk-blog-article-surface{
  max-width:980px;
  margin:0 auto;
}
.lk-blog-body{
  max-width:68ch;
  margin:0 auto;
  color:var(--lk-blog-ink);
  font-size:clamp(1rem,.28vw + .95rem,1.08rem);
  line-height:1.76;
}
.lk-blog-body > *:first-child{
  margin-top:0;
}
.lk-blog-body p{
  margin:.85rem 0;
}
.lk-blog-body h1,
.lk-blog-body h2,
.lk-blog-body h3{
  line-height:1.18;
}
.lk-blog-body h1{
  margin:0 0 1rem;
  padding-bottom:.75rem;
  border-bottom:1px solid var(--lk-blog-line);
  font-size:clamp(1.55rem,2.25vw,2.2rem);
}
.lk-blog-body h2{
  margin:1.65rem 0 .65rem;
  font-size:clamp(1.25rem,1.55vw,1.65rem);
}
.lk-blog-body h3{
  margin:1.25rem 0 .45rem;
  font-size:clamp(1.08rem,1vw,1.28rem);
}
.lk-blog-body h2:before{
  content:"";
  display:inline-block;
  width:.42em;
  height:.42em;
  margin-right:.42em;
  border-radius:999px;
  background:var(--lk-blog-mint);
  vertical-align:.14em;
}
.lk-blog-body a{
  font-weight:750;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}
.lk-blog-body img,
.lk-blog-post-content img,
.lk-blog-card img{
  max-width:100%;
  height:auto;
  border-radius:8px;
  box-shadow:var(--lk-blog-shadow-soft);
}
.lk-blog-body blockquote{
  margin:1.25rem 0;
  padding:16px 18px;
  border-left:5px solid var(--lk-blog-mint);
  border-radius:8px;
  background:var(--lk-blog-soft);
  color:#344054;
}
.lk-blog-body ul,
.lk-blog-body ol{
  margin:1rem 0;
  padding-left:1.25rem;
}
.lk-blog-body li{
  margin:.42rem 0;
}
.lk-blog-body li::marker{
  color:var(--lk-blog-mint);
}
.lk-blog-body strong{
  color:var(--lk-blog-title);
  font-weight:850;
}
.lk-blog-body hr{
  height:1px;
  margin:1.6rem 0;
  border:0;
  background:var(--lk-blog-line);
}
.lk-blog-body pre,
.lk-blog-body code{
  border-radius:8px;
  background:#0b1f18;
  color:#ecfdf5;
}
.lk-blog-body code{
  padding:.15rem .35rem;
}
.lk-blog-body pre{
  max-width:100%;
  padding:16px;
  overflow:auto;
}
.lk-blog-back{
  max-width:980px;
  margin:26px auto 0;
  padding-top:18px;
  border-top:1px solid var(--lk-blog-line);
}
.lk-blog-notice{
  max-width:980px;
  margin:0 auto 12px;
  padding:12px 14px;
  border-radius:8px;
  font-weight:850;
}
.lk-blog-notice.error{
  border:1px solid #fecaca;
  background:#fef2f2;
  color:#991b1b;
}