:root{
  --ink:#202327;--muted:#68706c;--line:#e1e5e1;--paper:#fff;--page:#f6f6f2;
  --sage:#718970;--sage-soft:#e7efe4;--violet:#7657a8;--violet-soft:#ece7f4;
  --ocean:#4f8e9f;--ocean-soft:#e2f0f3;--copper:#a66f52;--copper-soft:#f2e6de
}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.blog-shell{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:46px 0 80px}
.blog-hero{padding:clamp(30px,5vw,58px);border:1px solid var(--line);border-left:1px solid var(--line);border-radius:30px;background:linear-gradient(125deg,var(--sage-soft),#fff 72%);box-shadow:0 16px 48px rgba(31,38,31,.06)}
.kicker{display:block;color:#526951;font-size:11px;font-weight:950;letter-spacing:.12em}
.blog-hero h1{max-width:920px;margin:7px 0 13px;font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.055em}
.blog-hero p{max-width:800px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.blog-card{min-height:290px;display:flex;flex-direction:column;padding:0 22px 22px;border:1px solid var(--line);border-radius:22px;background:#fff;text-decoration:none;box-shadow:0 12px 34px rgba(31,38,31,.045);overflow:hidden}
.blog-card:nth-child(4n+1){background:var(--sage-soft)}.blog-card:nth-child(4n+2){background:var(--ocean-soft)}.blog-card:nth-child(4n+3){background:var(--violet-soft)}.blog-card:nth-child(4n+4){background:var(--copper-soft)}
.blog-card .meta{color:var(--muted);font-size:11px;font-weight:800}.blog-card h2{margin:12px 0 8px;font-size:26px;line-height:1.12;letter-spacing:-.04em}.blog-card p{margin:0;color:#5f6762;font-size:14px;line-height:1.55}.blog-card b{margin-top:auto;padding-top:22px;font-size:12px}
.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}
.article{padding:clamp(24px,4vw,54px);border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 16px 48px rgba(31,38,31,.05)}
.article h1{margin:7px 0 15px;font-size:clamp(40px,6vw,68px);line-height:1.03;letter-spacing:-.052em}
.article .standfirst{margin:0 0 26px;color:var(--muted);font-size:18px;line-height:1.6}
.article .body{font-size:17px;line-height:1.78}.article .body h2{margin:38px 0 10px;font-size:31px;line-height:1.13;letter-spacing:-.04em}.article .body h3{margin:27px 0 8px;font-size:22px}.article .body p{color:#343a36}.article .body li{margin:7px 0}.article .body a{color:#4c7052;font-weight:750}
.article-aside{position:sticky;top:20px;display:grid;gap:12px}.aside-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.aside-card strong,.aside-card span{display:block}.aside-card strong{font-size:15px}.aside-card span{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5}.aside-card a{display:inline-flex;margin-top:12px;padding:9px 11px;border-radius:10px;background:var(--sage-soft);color:#4b664d;text-decoration:none;font-size:12px;font-weight:900}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;color:var(--muted);font-size:12px;font-weight:750}.breadcrumbs a{text-decoration:none}.breadcrumbs span{opacity:.55}
.empty{padding:40px;border:1px solid var(--line);border-radius:22px;background:#fff;text-align:center;color:var(--muted)}
.blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.blog-pagination a,.blog-pagination span{min-width:42px;min-height:42px;display:grid;place-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;text-decoration:none;font-size:12px;font-weight:850}.blog-pagination span{background:var(--sage-soft)}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-wrap{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.blog-shell{width:min(100% - 22px,1180px);padding-top:22px}.blog-grid{grid-template-columns:1fr}.blog-hero,.article{border-radius:21px}.article-aside{grid-template-columns:1fr}.article .body{font-size:16px}}


.article .body .molo-blog-figure{
  margin:30px 0 34px;padding:0;border:0
}
.article .body .molo-blog-figure img{
  width:100%;height:auto;display:block;border-radius:18px;border:1px solid var(--line);
  background:#f1f2ef
}
.article .body .molo-blog-figure figcaption{
  margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45
}
.article-tags{
  display:flex;flex-wrap:wrap;gap:7px;margin-top:38px;padding-top:20px;border-top:1px solid var(--line)
}
.article-tags span{
  padding:6px 9px;border-radius:999px;background:var(--sage-soft);color:#526652;
  font-size:11px;font-weight:800
}


.article-hero{
  margin:28px 0 36px;
  overflow:hidden;
  border-radius:26px;
  border:1px solid var(--line);
  background:#eef0eb;
  box-shadow:0 18px 50px rgba(28,33,27,.10);
}
.article-hero img{
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  display:block;
}
.article-hero figcaption{
  padding:10px 14px 12px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
  background:rgba(255,255,255,.86);
}
@media(max-width:700px){
  .article-hero{border-radius:18px;margin:22px 0 28px}
}


.related-guides{
  width:min(1160px,calc(100% - 32px));
  margin:48px auto 0;
  padding-top:34px;
  border-top:1px solid var(--line);
}
.related-guides-head{max-width:760px}
.related-guides-head h2{margin:6px 0 8px;font-size:clamp(30px,4vw,44px);line-height:1}
.related-guides-head p{margin:0;color:var(--muted)}
.related-guides-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}
.related-guide-card{
  min-height:180px;
  padding:19px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  display:flex;
  flex-direction:column;
  text-decoration:none;
}
.related-guide-card:nth-child(4n+1){background:#eef3e8}
.related-guide-card:nth-child(4n+2){background:#e9f2f4}
.related-guide-card:nth-child(4n+3){background:#f1ebf6}
.related-guide-card:nth-child(4n+4){background:#f6ece5}
.related-guide-card strong{font-size:17px;line-height:1.25;color:var(--ink)}
.related-guide-card span{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}
.related-guide-card b{margin-top:auto;padding-top:18px;font-size:11px;color:var(--ink)}
@media(max-width:900px){.related-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.related-guides-grid{grid-template-columns:1fr}}

.blog-card-image{display:block;aspect-ratio:16/9;margin:0 -22px 18px;background:#e9ece7;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s ease}
.blog-card:hover .blog-card-image img{transform:scale(1.025)}
.blog-card-image-empty{background:linear-gradient(135deg,var(--sage-soft),var(--ocean-soft))}


/* MODE_BLOG_NO_LEFT_ACCENT_20260913 */
@media(max-width:859.98px){
  .blog-hero{
    border-left:1px solid var(--line)!important;
  }
}