.wc-blog-page .wc-site {
  background:
    radial-gradient(circle at 80% 7%, rgba(32,183,133,.11), transparent 27rem),
    radial-gradient(circle at 4% 38%, rgba(21,150,109,.06), transparent 24rem),
    var(--wc-paper);
}

.wc-blog-page .wc-nav-links a[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }
.wc-blog-page .wc-nav-links a[aria-current="page"] { color: var(--wc-green-dark); }
.wc-blog-page main { min-height: 60vh; }
.wc-blog-page [lang="bn"] { font-family: "Hind Siliguri","Manrope",sans-serif; }
.wc-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.wc-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1.5rem;
  color: var(--wc-muted);
  font: 500 .63rem/1.4 "DM Mono",monospace;
}
.wc-breadcrumbs a { color: var(--wc-green-dark); font-weight: 650; }
.wc-breadcrumbs a:hover { color: var(--wc-green); }
.wc-breadcrumbs span[aria-hidden="true"] { color: #9aa69f; }

.wc-blog-page .wc-archive-hero { padding-top: 10.5rem; padding-bottom: 4.5rem; }
.wc-archive-hero-grid { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(23rem,.62fr); align-items: end; gap: clamp(3rem,8vw,9rem); }
.wc-archive-hero h1,
.wc-category-hero h1,
.wc-article-header h1 {
  margin: 0;
  font-weight: 660;
  letter-spacing: -.07em;
  line-height: .92;
  text-wrap: balance;
}
.wc-archive-hero h1 { max-width: 930px; font-size: clamp(4rem,7.2vw,7.25rem); }
.wc-archive-deck { max-width: 56ch; margin: 1.5rem 0 0; color: var(--wc-muted); font-size: 1rem; }
.wc-archive-tools { display: grid; gap: 1.25rem; }
.wc-blog-search {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .35rem;
  padding: .35rem;
  border-radius: 999px;
  background: rgba(255,255,255,.74);
  box-shadow: inset 0 0 0 1px var(--wc-line), var(--wc-shadow-soft);
}
.wc-blog-search input {
  min-width: 0;
  height: 3.2rem;
  padding: 0 1rem;
  border: 0;
  outline: 0;
  color: var(--wc-ink);
  background: transparent;
  font-size: .8rem;
}
.wc-blog-search input::placeholder { color: #87938d; }
.wc-blog-search input:focus-visible { border-radius: 999px; box-shadow: inset 0 0 0 2px rgba(21,150,109,.28); }
.wc-blog-search button {
  min-width: 3.2rem;
  height: 3.2rem;
  border: 0;
  border-radius: 50%;
  color: white;
  background: var(--wc-green-deeper);
  cursor: pointer;
  transition: transform 550ms var(--wc-ease), background-color 550ms var(--wc-ease);
}
.wc-blog-search button:hover { background: var(--wc-green-dark); transform: rotate(-8deg) scale(1.04); }
.wc-blog-search-status { margin: 0; color: var(--wc-muted); font-size: .65rem; }

.wc-topic-nav { display: flex; flex-wrap: wrap; gap: .5rem; }
.wc-topic-nav a {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2.45rem;
  padding: .45rem .72rem;
  border-radius: .65rem;
  color: #46564e;
  background: rgba(255,255,255,.6);
  box-shadow: inset 0 0 0 1px var(--wc-line);
  font-size: .65rem;
  font-weight: 700;
  transition: transform 450ms var(--wc-ease), color 450ms var(--wc-ease), background-color 450ms var(--wc-ease);
}
.wc-topic-nav a:hover { color: var(--wc-green-dark); background: white; transform: translateY(-2px); }
.wc-topic-nav a[aria-current="page"] { color: white; background: var(--wc-green-deeper); box-shadow: inset 0 1px 1px rgba(255,255,255,.14); }
.wc-topic-nav small { color: inherit; font: 500 .55rem/1 "DM Mono",monospace; opacity: .7; }

.wc-blog-page .wc-blog-feature-section { padding-top: 2rem; }
.wc-blog-feature-card { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(21rem,.9fr); min-height: 0; }
.wc-blog-feature-media { position: relative; overflow: hidden; min-height: 28rem; border-radius: 1.6rem 0 0 1.6rem; background: #eef6f1; }
.wc-blog-feature-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: transform 900ms var(--wc-ease); }
.wc-blog-feature-card:hover .wc-blog-feature-media img { transform: scale(1.025); }
.wc-blog-feature-copy { display: flex; flex-direction: column; align-items: flex-start; padding: clamp(2rem,3.5vw,3.4rem); border-radius: 0 1.6rem 1.6rem 0; background: var(--wc-green-deeper); color: white; }
.wc-post-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; color: var(--wc-muted); font: 500 .59rem/1.35 "DM Mono",monospace; }
.wc-blog-feature-copy .wc-post-meta { color: rgba(255,255,255,.58); }
.wc-post-category { display: inline-flex; align-items: center; min-height: 1.8rem; padding: .3rem .5rem; border-radius: .42rem; color: var(--wc-green-dark); background: var(--wc-green-wash); font-family: "Manrope",sans-serif; font-size: .58rem; font-weight: 800; }
.wc-blog-feature-copy .wc-post-category { color: var(--wc-green-deeper); background: #88dfbd; }
.wc-blog-feature-copy h2 { margin: auto 0 0; font-size: clamp(2.15rem,3.5vw,3.6rem); letter-spacing: -.06em; line-height: .98; text-wrap: balance; }
.wc-blog-feature-copy h2[lang="bn"] { font-weight: 650; letter-spacing: -.03em; line-height: 1.1; }
.wc-blog-feature-copy > p { max-width: 48ch; margin: 1.25rem 0 0; color: rgba(255,255,255,.66); font-size: .83rem; }
.wc-blog-feature-copy > p[lang="bn"] { font-family: "Hind Siliguri","Manrope",sans-serif; font-size: .9rem; line-height: 1.7; }
.wc-blog-feature-copy .wc-inline-link { margin-top: 1.8rem; color: white; }

.wc-blog-page .wc-archive-posts { padding-top: 3rem; }
.wc-archive-heading { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin-bottom: 2rem; }
.wc-archive-heading h2 { margin: 0; font-size: clamp(2.2rem,4vw,4.25rem); letter-spacing: -.055em; line-height: 1; }
.wc-archive-heading p { max-width: 44ch; margin: 0; color: var(--wc-muted); font-size: .78rem; text-align: right; }
.wc-post-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .9rem; }
.wc-post-card[hidden] { display: none; }
.wc-post-card { display: flex; flex-direction: column; overflow: hidden; border-radius: 1.55rem; background: rgba(255,255,255,.68); box-shadow: inset 0 0 0 1px var(--wc-line); transition: transform 650ms var(--wc-ease), background-color 650ms var(--wc-ease), box-shadow 650ms var(--wc-ease); }
.wc-post-card:hover { background: white; box-shadow: inset 0 0 0 1px rgba(21,150,109,.15), var(--wc-shadow-soft); transform: translateY(-5px); }
.wc-post-card-media { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; background: var(--wc-paper-deep); }
.wc-post-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 850ms var(--wc-ease); }
.wc-post-card:hover .wc-post-card-media img { transform: scale(1.025); }
.wc-post-card-copy { flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(1.35rem,2.8vw,2.2rem); }
.wc-post-card h2,
.wc-post-card h3 { margin: 1rem 0 0; font-size: clamp(1.55rem,2.6vw,2.45rem); letter-spacing: -.05em; line-height: 1.04; text-wrap: balance; }
.wc-post-card h2[lang="bn"],
.wc-post-card h3[lang="bn"] { font-weight: 650; letter-spacing: -.025em; line-height: 1.14; }
.wc-post-card-copy > p { max-width: 56ch; margin: .95rem 0 0; color: var(--wc-muted); font-size: .8rem; }
.wc-post-card-copy > p[lang="bn"] { font-family: "Hind Siliguri","Manrope",sans-serif; font-size: .88rem; line-height: 1.7; }
.wc-post-card-link { display: inline-flex; align-items: center; gap: .55rem; margin-top: auto; padding-top: 1.4rem; color: var(--wc-green-dark); font-size: .7rem; font-weight: 800; }
.wc-post-card-link span { transition: transform 500ms var(--wc-ease); }
.wc-post-card-link:hover span { transform: translate(3px,-2px); }

.wc-blog-page .wc-category-hero { padding-top: 10.5rem; padding-bottom: 3rem; }
.wc-category-hero-inner { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 3rem; }
.wc-category-hero h1 { max-width: 930px; font-size: clamp(4rem,7vw,7rem); }
.wc-category-count { align-self: end; display: grid; justify-items: end; gap: .2rem; padding-bottom: .6rem; color: var(--wc-muted); }
.wc-category-count strong { color: var(--wc-green); font: 500 clamp(2.2rem,4vw,4rem)/1 "DM Mono",monospace; }
.wc-category-count span { font-size: .67rem; }
.wc-category-tools { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--wc-line); }

.wc-empty-state { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 3rem; padding: clamp(2rem,5vw,5rem); border-radius: 1.7rem; color: white; background: var(--wc-green-deeper); box-shadow: inset 0 1px 1px rgba(255,255,255,.1), var(--wc-shadow); }
.wc-empty-state h2 { margin: 0; font-size: clamp(2.3rem,4.5vw,4.8rem); letter-spacing: -.06em; line-height: .98; }
.wc-empty-state p { max-width: 52ch; margin: 1rem 0 0; color: rgba(255,255,255,.64); }

.wc-blog-page .wc-article-header { padding-top: 9.5rem; padding-bottom: 2rem; }
.wc-article-header-inner { max-width: 1060px; }
.wc-article-header h1 { max-width: 1020px; margin-top: 1.4rem; font-size: clamp(3.45rem,6.1vw,5.9rem); }
.wc-article-header h1[lang="bn"] { font-weight: 650; letter-spacing: -.035em; line-height: 1.06; }
.wc-article-deck { max-width: 66ch; margin: 1.5rem 0 0; color: var(--wc-muted); font-size: clamp(1rem,1.6vw,1.18rem); line-height: 1.7; }
.wc-article-deck[lang="bn"] { font-family: "Hind Siliguri","Manrope",sans-serif; }
.wc-article-byline { display: flex; flex-wrap: wrap; align-items: center; gap: .85rem; margin-top: 1.7rem; padding-top: 1.2rem; border-top: 1px solid var(--wc-line); color: var(--wc-muted); font: 500 .62rem/1.4 "DM Mono",monospace; }
.wc-article-byline .wc-post-category { font-family: "Manrope",sans-serif; }
.wc-blog-page .wc-article-hero { padding-top: 0; }
.wc-article-figure { margin: 0; padding: .5rem; border-radius: 2.05rem; background: rgba(255,255,255,.44); box-shadow: inset 0 0 0 1px var(--wc-line), var(--wc-shadow); }
.wc-article-figure img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 1.58rem; }
.wc-blog-page .wc-article-layout { padding-top: 4.5rem; }
.wc-article-body { width: min(780px,100%); margin-inline: auto; color: #24322c; font-size: 1rem; line-height: 1.85; }
.wc-article-body > *:first-child { margin-top: 0; }
.wc-article-body h2,
.wc-article-body h3 { color: var(--wc-ink); text-wrap: balance; }
.wc-article-body h2 { margin: 4rem 0 1.25rem; font-size: clamp(2rem,4vw,3.35rem); letter-spacing: -.052em; line-height: 1.04; }
.wc-article-body h3 { margin: 2.6rem 0 1rem; font-size: clamp(1.35rem,2.5vw,2rem); letter-spacing: -.035em; line-height: 1.15; }
.wc-article-body p { margin: 1.2rem 0; }
.wc-article-body a { color: var(--wc-green-dark); text-decoration: underline; text-decoration-color: rgba(21,150,109,.28); text-decoration-thickness: .08em; text-underline-offset: .18em; }
.wc-article-body a:hover { color: var(--wc-green); text-decoration-color: currentColor; }
.wc-article-body ul,
.wc-article-body ol { display: grid; gap: .65rem; margin: 1.4rem 0; padding-left: 1.25rem; }
.wc-article-body li::marker { color: var(--wc-green); font-weight: 800; }
.wc-article-body blockquote { margin: 2.2rem 0; padding: 1.5rem 1.7rem; border-left: .25rem solid var(--wc-green); border-radius: 0 1rem 1rem 0; background: var(--wc-green-wash); font-size: 1.05rem; }
.wc-article-body code { padding: .15em .35em; border-radius: .35rem; color: var(--wc-green-deeper); background: var(--wc-green-wash); font: 500 .82em/1.4 "DM Mono",monospace; overflow-wrap: anywhere; }
.wc-article-body pre { overflow-x: auto; margin: 2rem 0; padding: 1.4rem; border-radius: 1rem; color: #d9eee6; background: var(--wc-green-deeper); }
.wc-article-body pre code { padding: 0; color: inherit; background: transparent; }
.wc-article-body figure,
.wc-article-body .wc-shot { margin: 2.2rem 0; padding: .35rem; border-radius: 1.4rem; background: rgba(13,42,32,.07); box-shadow: inset 0 0 0 1px var(--wc-line); overflow: hidden; }
.wc-article-body figure img,
.wc-article-body .wc-shot img { display: block; width: 100%; height: auto; border-radius: 1.08rem 1.08rem .5rem .5rem; }
.wc-article-body figcaption { padding: .8rem .75rem .55rem; color: var(--wc-muted); font-size: .68rem; line-height: 1.55; }
.wc-article-body .wc-note { margin: 1.8rem 0 2.2rem; padding: 1.25rem 1.4rem; border-radius: 1rem; color: var(--wc-green-deeper); background: var(--wc-green-wash); box-shadow: inset 0 0 0 1px rgba(21,150,109,.12); }
.wc-article-body .wc-toc { display: grid; gap: .4rem; margin: 2rem 0 3rem; padding: 1rem; border-radius: 1.15rem; background: rgba(255,255,255,.64); box-shadow: inset 0 0 0 1px var(--wc-line); }
.wc-article-body .wc-toc::before { content: "In this guide"; padding: .35rem .45rem .65rem; color: var(--wc-green-dark); font: 700 .65rem/1 "DM Mono",monospace; text-transform: uppercase; letter-spacing: .08em; }
.wc-article-body .wc-toc a { display: block; padding: .65rem .75rem; border-radius: .65rem; color: var(--wc-ink); background: white; box-shadow: inset 0 0 0 1px rgba(13,42,32,.06); font-family: "Hind Siliguri","Manrope",sans-serif; font-size: .86rem; font-weight: 650; text-decoration: none; }
.wc-article-body .wc-toc a:hover { color: var(--wc-green-dark); background: var(--wc-green-wash); }
.wc-article-body .wc-step { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: 1.2rem; margin: 0; padding: 3rem 0; border-top: 1px solid var(--wc-line-strong); }
.wc-article-body .wc-step-body { min-width: 0; }
.wc-article-body .wc-step:last-of-type { border-bottom: 1px solid var(--wc-line-strong); }
.wc-article-body .wc-step-num { position: sticky; top: 7.5rem; display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: .75rem; color: white; background: var(--wc-green-deeper); font: 600 .72rem/1 "DM Mono",monospace; }
.wc-article-body .wc-step h2 { margin-top: 0; }
.wc-article-body .wc-checks { padding: 0; list-style: none; }
.wc-article-body .wc-checks li { position: relative; padding: .8rem .9rem .8rem 2.35rem; border-radius: .75rem; background: rgba(255,255,255,.64); box-shadow: inset 0 0 0 1px var(--wc-line); }
.wc-article-body .wc-checks li::before { content: "✓"; position: absolute; left: .85rem; top: .78rem; color: var(--wc-green); font-weight: 900; }
.wc-article-body .wc-mini-card { margin: 1.5rem 0; padding: 1.2rem; border-radius: 1rem; background: var(--wc-green-wash); }
.wc-article-body .wc-device-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem; border-radius: .75rem; background: white; }
.wc-article-body .wc-badge { display: inline-flex; padding: .25rem .45rem; border-radius: .4rem; color: var(--wc-green-dark); background: #d2f2e4; font-size: .62rem; font-weight: 800; }
.wc-article-body .wc-toggle { position: relative; width: 3rem; height: 1.6rem; border-radius: 999px; background: var(--wc-green); }
.wc-article-body .wc-toggle::after { content: ""; position: absolute; top: .2rem; right: .2rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: white; }
.wc-article-body .wc-phone { max-width: 22rem; margin: 2rem auto; overflow: hidden; border: .55rem solid var(--wc-ink); border-radius: 2rem; background: #e8f3ed; }
.wc-article-body .wc-phone-head { padding: .9rem 1rem; color: white; background: var(--wc-green-dark); font-weight: 750; }
.wc-article-body .wc-chat { display: grid; gap: .65rem; padding: 1rem; }
.wc-article-body .wc-bubble { max-width: 88%; padding: .7rem .8rem; border-radius: .8rem; background: white; font-size: .8rem; line-height: 1.55; }
.wc-article-body .wc-me { justify-self: end; background: #d5f1e1; }
.wc-article-body .wc-bot { justify-self: start; }
.wc-article-body .wc-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; margin: 2rem 0; border-radius: 1rem; box-shadow: inset 0 0 0 1px var(--wc-line); -webkit-overflow-scrolling: touch; }
.wc-article-body table { width: 100%; min-width: 38rem; border-collapse: collapse; background: white; }
.wc-article-body th,
.wc-article-body td { padding: .85rem; border-bottom: 1px solid var(--wc-line); text-align: left; vertical-align: top; font-size: .75rem; }
.wc-article-body th { color: var(--wc-green-dark); background: var(--wc-green-wash); font-weight: 750; }
.wc-article-body .wc-footer-note { margin-top: 2.8rem; padding-top: 1rem; border-top: 1px solid var(--wc-line); color: var(--wc-muted); font-size: .68rem; }

.wc-article-cta { margin-top: 4.5rem; }
.wc-article-cta-core { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3rem; padding: clamp(2rem,4vw,3.5rem); border-radius: 1.6rem; color: white; background: var(--wc-green-deeper); }
.wc-article-cta h2 { margin: 0; font-size: clamp(2rem,4vw,3.8rem); letter-spacing: -.055em; line-height: 1; }
.wc-article-cta p { max-width: 55ch; margin: .9rem 0 0; color: rgba(255,255,255,.62); font-size: .8rem; }
.wc-blog-page .wc-related { padding-top: 4rem; }
.wc-related .wc-archive-heading { margin-bottom: 1.4rem; }

@media (max-width: 960px) {
  .wc-archive-hero-grid,
  .wc-blog-feature-card { grid-template-columns: 1fr; }
  .wc-archive-tools { max-width: 640px; }
  .wc-blog-feature-media { min-height: 0; aspect-ratio: 16 / 9; border-radius: 1.6rem 1.6rem 0 0; }
  .wc-blog-feature-copy { min-height: 26rem; border-radius: 0 0 1.6rem 1.6rem; }
  .wc-category-hero-inner { grid-template-columns: 1fr; gap: 1.5rem; }
  .wc-category-count { justify-items: start; }
  .wc-category-tools { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 767px) {
  .wc-blog-page .wc-archive-hero,
  .wc-blog-page .wc-category-hero,
  .wc-blog-page .wc-article-header { padding-top: 9.5rem; }
  .wc-blog-page .wc-archive-hero { padding-bottom: 1.5rem; }
  .wc-blog-page .wc-category-hero { padding-bottom: 1.5rem; }
  .wc-blog-page .wc-article-header { padding-bottom: 2.25rem; }
  .wc-blog-page .wc-blog-feature-section { padding-top: 1rem; padding-bottom: 3.5rem; }
  .wc-blog-page .wc-archive-posts { padding-top: 1.5rem; padding-bottom: 4.5rem; }
  .wc-archive-hero h1,
  .wc-category-hero h1 { font-size: clamp(3.15rem,14vw,4.8rem); }
  .wc-article-header h1 { font-size: clamp(2.75rem,12.5vw,4.4rem); }
  .wc-blog-search { grid-template-columns: minmax(0,1fr) auto; }
  .wc-topic-nav { flex-wrap: nowrap; overflow-x: auto; margin-inline: -1rem; padding: .1rem 1rem .5rem; scrollbar-width: none; }
  .wc-topic-nav::-webkit-scrollbar { display: none; }
  .wc-topic-nav a { flex: 0 0 auto; }
  .wc-blog-feature-card { min-height: auto; }
  .wc-blog-feature-media { border-radius: 1.28rem 1.28rem 0 0; }
  .wc-blog-feature-copy { min-height: 23rem; padding: 1.4rem; border-radius: 0 0 1.28rem 1.28rem; }
  .wc-blog-feature-copy h2 { font-size: clamp(2rem,10vw,3.1rem); }
  .wc-post-grid { grid-template-columns: 1fr; gap: .75rem; }
  .wc-post-card { border-radius: 1.3rem; }
  .wc-archive-heading { align-items: flex-start; flex-direction: column; gap: .8rem; }
  .wc-archive-heading p { text-align: left; }
  .wc-empty-state { grid-template-columns: 1fr; gap: 1.5rem; }
  .wc-article-deck { font-size: 1rem; }
  .wc-blog-page .wc-article-hero { padding-top: 0; padding-bottom: 1rem; }
  .wc-article-figure { margin-inline: -1rem; padding: .3rem; border-radius: 0; }
  .wc-article-figure img { border-radius: 0; }
  .wc-blog-page .wc-article-layout { padding-top: 2.5rem; padding-bottom: 4.5rem; }
  .wc-article-body { font-size: .96rem; line-height: 1.8; }
  .wc-article-body h2 { margin-top: 3.2rem; font-size: clamp(1.85rem,9vw,2.75rem); }
  .wc-article-body .wc-step { grid-template-columns: 1fr; padding: 2.5rem 0; }
  .wc-article-body .wc-step-num { position: static; }
  .wc-article-body .wc-toc { margin-inline: -.25rem; padding: .7rem; }
  .wc-article-body figure,
  .wc-article-body .wc-shot { margin-inline: -.25rem; border-radius: 1rem; }
  .wc-article-cta-core { grid-template-columns: 1fr; gap: 1.5rem; border-radius: 1.3rem; }
  .wc-blog-page .wc-related { padding-top: 2.5rem; padding-bottom: 4.5rem; }
}

/* Readable archive and article type scale */
.wc-breadcrumbs { font-size: .72rem; }
.wc-blog-search input { font-size: .875rem; }
.wc-blog-search-status { font-size: .75rem; }
.wc-topic-nav a { font-size: .78rem; }
.wc-topic-nav small { font-size: .66rem; }
.wc-post-meta { font-size: .7rem; }
.wc-post-category { font-size: .68rem; }
.wc-blog-feature-copy > p { font-size: .96rem; line-height: 1.72; }
.wc-archive-heading p { font-size: .9rem; line-height: 1.65; }
.wc-post-card-copy > p { font-size: .92rem; line-height: 1.7; }
.wc-post-card-link { font-size: .82rem; }
.wc-category-count span { font-size: .78rem; }
.wc-article-byline { font-size: .72rem; }
.wc-article-body { font-size: 1.05rem; line-height: 1.86; }
.wc-article-body figcaption { font-size: .78rem; }
.wc-article-body .wc-toc::before { font-size: .72rem; }
.wc-article-body .wc-toc a { font-size: .94rem; }
.wc-article-body .wc-badge { font-size: .72rem; }
.wc-article-body .wc-bubble { font-size: .9rem; }
.wc-article-body th,
.wc-article-body td { font-size: .84rem; }
.wc-article-body .wc-footer-note { font-size: .8rem; }
.wc-article-cta p { font-size: .92rem; line-height: 1.7; }
.wc-archive-hero h1,
.wc-category-hero h1,
.wc-article-header h1 { letter-spacing: -.052em; line-height: .98; }

@media (max-width: 767px) {
  .wc-article-body { font-size: 1rem; line-height: 1.82; }
  .wc-post-card-copy > p { font-size: .9rem; }
}

/* Premium emerald dark mode: blog archives, categories and articles */
html[data-theme="dark"] .wc-blog-page {
  --wc-blog-canvas: #07140f;
  --wc-blog-surface: #0c2119;
  --wc-blog-surface-raised: #102a20;
  --wc-blog-surface-soft: #14362a;
  --wc-blog-deep: #09271d;
  --wc-blog-action: #176c50;
  --wc-blog-text: #eff7f3;
  --wc-blog-muted: #adc1b7;
  --wc-blog-accent: #6ee0b7;
  --wc-blog-accent-strong: #92edcb;
  --wc-blog-line: rgba(194,232,216,.14);
  --wc-blog-line-strong: rgba(194,232,216,.23);
}

html[data-theme="dark"] .wc-blog-page .wc-site {
  color: var(--wc-blog-text);
  background:
    radial-gradient(circle at 80% 7%, rgba(69,205,157,.13), transparent 28rem),
    radial-gradient(circle at 4% 38%, rgba(51,159,119,.08), transparent 25rem),
    linear-gradient(180deg, #081711 0, var(--wc-blog-canvas) 34rem, #06110d 100%);
}

html[data-theme="dark"] .wc-blog-page main,
html[data-theme="dark"] .wc-blog-page .wc-archive-hero h1,
html[data-theme="dark"] .wc-blog-page .wc-category-hero h1,
html[data-theme="dark"] .wc-blog-page .wc-article-header h1,
html[data-theme="dark"] .wc-blog-page .wc-archive-heading h2,
html[data-theme="dark"] .wc-blog-page .wc-post-card h2,
html[data-theme="dark"] .wc-blog-page .wc-post-card h3,
html[data-theme="dark"] .wc-blog-page .wc-article-body h2,
html[data-theme="dark"] .wc-blog-page .wc-article-body h3 {
  color: var(--wc-blog-text);
}

html[data-theme="dark"] .wc-blog-page .wc-archive-deck,
html[data-theme="dark"] .wc-blog-page .wc-archive-heading p,
html[data-theme="dark"] .wc-blog-page .wc-category-count,
html[data-theme="dark"] .wc-blog-page .wc-article-deck,
html[data-theme="dark"] .wc-blog-page .wc-article-byline,
html[data-theme="dark"] .wc-blog-page .wc-post-meta,
html[data-theme="dark"] .wc-blog-page .wc-post-card-copy > p,
html[data-theme="dark"] .wc-blog-page .wc-blog-search-status,
html[data-theme="dark"] .wc-blog-page .wc-article-body figcaption,
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-footer-note {
  color: var(--wc-blog-muted);
}

html[data-theme="dark"] .wc-blog-page .wc-breadcrumbs { color: var(--wc-blog-muted); }
html[data-theme="dark"] .wc-blog-page .wc-breadcrumbs a,
html[data-theme="dark"] .wc-blog-page .wc-post-card-link,
html[data-theme="dark"] .wc-blog-page .wc-article-body a { color: var(--wc-blog-accent); }
html[data-theme="dark"] .wc-blog-page .wc-breadcrumbs a:hover,
html[data-theme="dark"] .wc-blog-page .wc-post-card-link:hover,
html[data-theme="dark"] .wc-blog-page .wc-article-body a:hover { color: var(--wc-blog-accent-strong); }
html[data-theme="dark"] .wc-blog-page .wc-breadcrumbs span[aria-hidden="true"] { color: #71877d; }

html[data-theme="dark"] .wc-blog-page .wc-blog-search {
  background: rgba(16,42,32,.9);
  box-shadow: inset 0 0 0 1px var(--wc-blog-line-strong), 0 18px 50px rgba(0,0,0,.22);
}
html[data-theme="dark"] .wc-blog-page .wc-blog-search input { color: var(--wc-blog-text); }
html[data-theme="dark"] .wc-blog-page .wc-blog-search input::placeholder { color: #81978c; opacity: 1; }
html[data-theme="dark"] .wc-blog-page .wc-blog-search input:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(110,224,183,.58);
}
html[data-theme="dark"] .wc-blog-page .wc-blog-search button {
  color: #f7fbf9;
  background: var(--wc-blog-action);
  box-shadow: inset 0 0 0 1px rgba(220,250,238,.15);
}
html[data-theme="dark"] .wc-blog-page .wc-blog-search button:hover { background: #1d815f; }

html[data-theme="dark"] .wc-blog-page .wc-topic-nav a {
  color: #c2d2ca;
  background: rgba(16,42,32,.84);
  box-shadow: inset 0 0 0 1px var(--wc-blog-line);
}
html[data-theme="dark"] .wc-blog-page .wc-topic-nav a:hover {
  color: var(--wc-blog-accent-strong);
  background: var(--wc-blog-surface-soft);
}
html[data-theme="dark"] .wc-blog-page .wc-topic-nav a[aria-current="page"] {
  color: #f8fcfa;
  background: var(--wc-blog-action);
  box-shadow: inset 0 0 0 1px rgba(220,250,238,.17), 0 10px 24px rgba(0,0,0,.16);
}

html[data-theme="dark"] .wc-blog-page .wc-blog-feature-card {
  border-radius: 1.65rem;
  box-shadow: 0 28px 80px rgba(0,0,0,.25);
}
html[data-theme="dark"] .wc-blog-page .wc-blog-feature-media { background: #0e261d; }
html[data-theme="dark"] .wc-blog-page .wc-blog-feature-copy {
  color: var(--wc-blog-text);
  background: linear-gradient(145deg, #0a2d21, #0a2119);
  box-shadow: inset 0 0 0 1px var(--wc-blog-line);
}
html[data-theme="dark"] .wc-blog-page .wc-blog-feature-copy .wc-post-meta { color: rgba(239,247,243,.7); }
html[data-theme="dark"] .wc-blog-page .wc-blog-feature-copy > p { color: rgba(239,247,243,.78); }
html[data-theme="dark"] .wc-blog-page .wc-blog-feature-copy .wc-post-category,
html[data-theme="dark"] .wc-blog-page .wc-post-category {
  color: #062018;
  background: var(--wc-blog-accent);
}
html[data-theme="dark"] .wc-blog-page .wc-blog-feature-copy .wc-inline-link { color: var(--wc-blog-text); }

html[data-theme="dark"] .wc-blog-page .wc-post-card {
  background: rgba(16,42,32,.86);
  box-shadow: inset 0 0 0 1px var(--wc-blog-line), 0 18px 48px rgba(0,0,0,.12);
}
html[data-theme="dark"] .wc-blog-page .wc-post-card:hover {
  background: #14382b;
  box-shadow: inset 0 0 0 1px rgba(110,224,183,.3), 0 26px 66px rgba(0,0,0,.25);
}
html[data-theme="dark"] .wc-blog-page .wc-post-card-media { background: #0b2018; }

html[data-theme="dark"] .wc-blog-page .wc-category-tools,
html[data-theme="dark"] .wc-blog-page .wc-article-byline { border-color: var(--wc-blog-line-strong); }
html[data-theme="dark"] .wc-blog-page .wc-category-count strong { color: var(--wc-blog-accent); }
html[data-theme="dark"] .wc-blog-page .wc-empty-state {
  color: var(--wc-blog-text);
  background: linear-gradient(145deg, #0b3024, #092219);
  box-shadow: inset 0 0 0 1px var(--wc-blog-line), 0 28px 75px rgba(0,0,0,.25);
}
html[data-theme="dark"] .wc-blog-page .wc-empty-state p { color: rgba(239,247,243,.76); }

html[data-theme="dark"] .wc-blog-page .wc-article-figure {
  background: rgba(16,42,32,.76);
  box-shadow: inset 0 0 0 1px var(--wc-blog-line), 0 30px 82px rgba(0,0,0,.24);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body { color: #c9d8d1; }
html[data-theme="dark"] .wc-blog-page .wc-article-body a {
  text-decoration-color: rgba(110,224,183,.42);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body blockquote {
  color: #dce9e3;
  background: #102f24;
  box-shadow: inset 0 0 0 1px var(--wc-blog-line);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body code {
  color: #b8f1d9;
  background: #12392b;
}
html[data-theme="dark"] .wc-blog-page .wc-article-body pre {
  color: #dff4eb;
  background: #051b13;
  box-shadow: inset 0 0 0 1px var(--wc-blog-line-strong), 0 16px 40px rgba(0,0,0,.2);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body pre code { color: inherit; background: transparent; }
html[data-theme="dark"] .wc-blog-page .wc-article-body figure,
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-shot {
  background: rgba(20,54,42,.72);
  box-shadow: inset 0 0 0 1px var(--wc-blog-line);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-note {
  color: #d5e8df;
  background: #103327;
  box-shadow: inset 0 0 0 1px rgba(110,224,183,.24);
}

html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-toc {
  background: rgba(12,33,25,.92);
  box-shadow: inset 0 0 0 1px var(--wc-blog-line-strong), 0 18px 50px rgba(0,0,0,.14);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-toc::before { color: var(--wc-blog-accent); }
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-toc a {
  color: #dce9e3;
  background: #102a20;
  box-shadow: inset 0 0 0 1px var(--wc-blog-line);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-toc a:hover,
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-toc a:focus-visible {
  color: var(--wc-blog-accent-strong);
  background: #16402f;
}

html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-step { border-color: var(--wc-blog-line-strong); }
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-step-num {
  color: #f7fbf9;
  background: var(--wc-blog-action);
  box-shadow: inset 0 0 0 1px rgba(220,250,238,.14);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-checks li,
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-mini-card {
  background: var(--wc-blog-surface-raised);
  box-shadow: inset 0 0 0 1px var(--wc-blog-line);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-device-row {
  color: #dbe8e2;
  background: #0b2018;
  box-shadow: inset 0 0 0 1px var(--wc-blog-line);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-badge {
  color: #062018;
  background: var(--wc-blog-accent);
}

/* Article product-demo islands remain distinct without becoming light-mode panels. */
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-toggle { background: #32b985; }
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-toggle::after { background: #eef8f3; }
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-phone {
  color: #dce9e3;
  border-color: #020b08;
  background: #0d251c;
  box-shadow: 0 24px 60px rgba(0,0,0,.3);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-phone-head {
  color: #f5faf7;
  background: #12523d;
}
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-bubble {
  color: #dce9e3;
  background: #142f25;
  box-shadow: inset 0 0 0 1px var(--wc-blog-line);
}
html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-me {
  color: #eff8f4;
  background: #174936;
}

html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-table-wrap {
  background: var(--wc-blog-surface);
  box-shadow: inset 0 0 0 1px var(--wc-blog-line-strong), 0 16px 42px rgba(0,0,0,.15);
  scrollbar-color: #376d59 #0b2018;
}
html[data-theme="dark"] .wc-blog-page .wc-article-body table {
  color: #cbdad3;
  background: #0c2119;
}
html[data-theme="dark"] .wc-blog-page .wc-article-body th,
html[data-theme="dark"] .wc-blog-page .wc-article-body td { border-color: var(--wc-blog-line); }
html[data-theme="dark"] .wc-blog-page .wc-article-body th {
  color: var(--wc-blog-accent-strong);
  background: #12382a;
}
html[data-theme="dark"] .wc-blog-page .wc-article-body tbody tr:nth-child(even) { background: rgba(110,224,183,.035); }

html[data-theme="dark"] .wc-blog-page .wc-article-cta-core {
  color: var(--wc-blog-text);
  background: linear-gradient(145deg, #0b3024, #092219);
  box-shadow: inset 0 0 0 1px var(--wc-blog-line), 0 28px 75px rgba(0,0,0,.24);
}
html[data-theme="dark"] .wc-blog-page .wc-article-cta p { color: rgba(239,247,243,.76); }

@media (max-width: 767px) {
  html[data-theme="dark"] .wc-blog-page .wc-topic-nav {
    background: linear-gradient(90deg, var(--wc-blog-canvas), transparent 1rem, transparent calc(100% - 1rem), var(--wc-blog-canvas));
  }
  html[data-theme="dark"] .wc-blog-page .wc-post-card { box-shadow: inset 0 0 0 1px var(--wc-blog-line); }
  html[data-theme="dark"] .wc-blog-page .wc-article-figure { background: #0b2018; }
  html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-toc { background: #0c2119; }
  html[data-theme="dark"] .wc-blog-page .wc-article-body .wc-table-wrap { box-shadow: inset 0 0 0 1px var(--wc-blog-line-strong); }
}