/* Storefront editorial surfaces: archive, article and about. Scoped to avoid commerce regressions. */
.zs-editorial-shell-v1202{width:min(100%,1180px);min-height:0!important;margin-inline:auto;padding-top:18px!important}
.zs-blog-hero-v1202{padding:clamp(22px,4vw,38px);margin-bottom:20px}
.zs-blog-hero-v1202 h1{margin:14px 0 7px;font-size:clamp(28px,4vw,40px);line-height:1.45}
.zs-blog-hero-v1202 p{max-width:680px;margin:0;color:#69717e;font-size:14px;line-height:2}
.zs-blog-grid-v1202{align-items:stretch;gap:18px}
.zs-blog-card-v1202{display:flex;min-width:0;flex-direction:column;border-radius:24px}
.zs-blog-card-media-v1202{display:grid;place-items:center;overflow:hidden;aspect-ratio:16/10;background:linear-gradient(145deg,#fff5f7,#f5f7fa)}
.zs-blog-card-media-v1202 img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
.zs-blog-card-media-v1202>span{color:#d66b7c;font-size:42px}
.zs-blog-card-v1202 .zs-post-card-body{display:flex;flex:1;flex-direction:column;padding:18px}
.zs-blog-card-v1202 time{color:#9a7280;font-size:11px;font-weight:800}
.zs-blog-card-v1202 h2{margin:8px 0 7px;font-size:17px;line-height:1.85}
.zs-blog-card-v1202 p{display:-webkit-box;overflow:hidden;margin:0 0 14px;color:#747b88;font-size:13px;line-height:1.95;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.zs-blog-read-v1202{display:inline-flex!important;align-items:center;gap:7px;margin-top:auto;color:#d92b49!important;font-size:12px;font-weight:950}
.zs-blog-empty-v1202{padding:28px}

.zs-article-shell-v1202{width:min(100%,900px)}
.zs-article-card-v1202{overflow:hidden;border:1px solid #ececf1;border-radius:30px;background:#fff;box-shadow:0 18px 55px rgba(20,27,44,.065)}
.zs-article-head-v1202{padding:clamp(22px,5vw,48px) clamp(20px,6vw,58px) 20px}
.zs-article-head-v1202 .zs-page-badge{text-decoration:none}
.zs-article-head-v1202 h1{margin:18px 0 9px;color:#222734;font-size:clamp(28px,5vw,43px);font-weight:950;line-height:1.55;letter-spacing:-.5px}
.zs-article-meta-v1202{color:#8b929e;font-size:12px}
.zs-article-cover-v1202{margin:0 clamp(16px,4vw,38px) 24px;overflow:hidden;border-radius:24px;background:#f7f7f9}
.zs-article-cover-v1202 img{display:block;width:100%;max-height:520px;object-fit:cover}
.zs-article-content-v1202{padding:0 clamp(20px,6vw,58px) 22px;color:#515967;font-size:16px;line-height:2.15;overflow-wrap:anywhere}
.zs-article-content-v1202>*:first-child{margin-top:0}
.zs-article-content-v1202 p{margin:0 0 18px}
.zs-article-content-v1202 h2,.zs-article-content-v1202 h3,.zs-article-content-v1202 h4{color:#232936;font-weight:950;line-height:1.65}
.zs-article-content-v1202 h2{margin:34px 0 14px;font-size:25px}
.zs-article-content-v1202 h3{margin:28px 0 12px;font-size:20px}
.zs-article-content-v1202 ul,.zs-article-content-v1202 ol{margin:0 0 22px;padding-right:24px}
.zs-article-content-v1202 li{margin-bottom:8px}
.zs-article-content-v1202 img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:22px}
.zs-article-content-v1202 a{color:#d92b49;text-underline-offset:4px}
.zs-article-content-v1202 blockquote{margin:24px 0;padding:18px 20px;border-right:4px solid #ef394e;border-radius:18px;background:#fff6f8}
.zs-article-content-v1202 table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.zs-article-back-v1202{padding:18px clamp(20px,6vw,58px) 28px;border-top:1px solid #f0f0f3}
.zs-article-back-v1202 a{display:inline-flex;align-items:center;gap:8px;color:#d92b49;text-decoration:none;font-size:13px;font-weight:950}

.zs-about-shell-v1202{width:min(100%,1120px)}
.zs-about-page-v1202 .zs-about-hero-v701{margin-bottom:18px}
.zs-about-story-v1202{padding:clamp(22px,5vw,44px)!important}
.zs-about-story-v1202 p{max-width:850px;margin-inline:auto!important;font-size:16px!important;line-height:2.2!important}
.zs-about-story-v1202 h2,.zs-about-story-v1202 h3{max-width:850px;margin-inline:auto}

body.zs-blog-page-v1202 .ikala-real-footer,
body.zs-article-page-v1202 .ikala-real-footer,
body.zs-about-page-v1202 .ikala-real-footer{margin-top:22px!important}

@media(max-width:760px){
  .zs-editorial-shell-v1202{padding:12px 12px calc(102px + env(safe-area-inset-bottom,0px))!important}
  .zs-blog-hero-v1202{padding:20px 17px;border-radius:25px}
  .zs-blog-hero-v1202 h1{font-size:27px}
  .zs-blog-grid-v1202{grid-template-columns:1fr!important;gap:13px}
  .zs-blog-card-v1202{display:grid;grid-template-columns:132px minmax(0,1fr);border-radius:21px}
  .zs-blog-card-media-v1202{height:100%;min-height:172px;aspect-ratio:auto}
  .zs-blog-card-v1202 .zs-post-card-body{padding:14px 13px}
  .zs-blog-card-v1202 h2{font-size:15px;line-height:1.8}
  .zs-blog-card-v1202 p{font-size:11.5px;line-height:1.85;-webkit-line-clamp:2}
  .zs-article-card-v1202{border-radius:24px}
  .zs-article-head-v1202{padding:20px 18px 16px}
  .zs-article-head-v1202 h1{margin-top:14px;font-size:25px;line-height:1.65}
  .zs-article-cover-v1202{margin:0 12px 20px;border-radius:20px}
  .zs-article-cover-v1202 img{max-height:390px}
  .zs-article-content-v1202{padding:0 19px 18px;font-size:15px;line-height:2.05}
  .zs-article-content-v1202 p{margin-bottom:16px}
  .zs-article-content-v1202 h2{margin-top:28px;font-size:21px}
  .zs-article-content-v1202 h3{margin-top:24px;font-size:18px}
  .zs-article-back-v1202{padding:16px 19px 22px}
  .zs-about-story-v1202{padding:21px 18px!important}
  .zs-about-story-v1202 p{font-size:15px!important;line-height:2.05!important}
}

@media(max-width:390px){
  .zs-blog-card-v1202{grid-template-columns:112px minmax(0,1fr)}
  .zs-blog-card-media-v1202{min-height:160px}
  .zs-blog-card-v1202 p{display:none}
}
