/* Silvachar Journal: WordPress posts index and single article layouts. */
.blog-page,.article-page{background:#f4f5f1;color:#171a17}.blog-hero{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:flex-end;padding:170px 0 92px;background:#171a17 url("images/what-is-biochar/porous-surface.png") center 42%/cover no-repeat;color:#fff;overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,13,11,.93) 0%,rgba(10,13,11,.7) 52%,rgba(10,13,11,.28) 100%)}.blog-hero-inner{width:100%}.blog-kicker{margin:0 0 18px;color:#00a800;font-family:"Barlow Condensed",Arial,sans-serif;font-size:.83rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.blog-hero h1,.article-hero h1{max-width:920px;margin:0;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(4rem,8.4vw,8.5rem);font-weight:800;line-height:.87;letter-spacing:-.035em;text-wrap:balance}.blog-hero-copy{max-width:670px;margin:30px 0 0;font-size:clamp(1.04rem,1.6vw,1.3rem);line-height:1.55;color:rgba(255,255,255,.82)}.blog-index{padding:110px 0 120px}.blog-section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);gap:60px;align-items:start;margin-bottom:60px}.blog-section-heading h2,.blog-cta h2{margin:0;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(3rem,5vw,5.4rem);font-weight:800;line-height:.94;letter-spacing:-.025em}.blog-section-heading>p{max-width:540px;margin:36px 0 0;color:#5d655f;font-size:1.05rem;line-height:1.65}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.blog-card{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(23,26,23,.07);transition:transform .28s ease,box-shadow .28s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(23,26,23,.12)}.blog-card--featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr)}.blog-card-media{position:relative;display:block;min-height:340px;overflow:hidden;background:#23352b}.blog-card--featured .blog-card-media{min-height:510px}.blog-card-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s ease}.blog-card:hover .blog-card-media img{transform:scale(1.025)}.blog-card-placeholder{position:absolute;inset:0;display:flex;align-items:flex-end;padding:32px;background:radial-gradient(circle at 72% 22%,rgba(0,168,0,.38),transparent 25%),repeating-radial-gradient(ellipse at 10% 120%,#25342c 0,#25342c 4px,#171a17 5px,#171a17 14px)}.blog-card-placeholder span{color:rgba(255,255,255,.55);font-family:"Barlow Condensed",Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.blog-card-content{display:flex;flex-direction:column;align-items:flex-start;padding:36px}.blog-card--featured .blog-card-content{justify-content:center;padding:54px}.blog-meta{display:flex;flex-wrap:wrap;gap:9px;color:#687069;font-family:"Barlow Condensed",Arial,sans-serif;font-size:.79rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.blog-card h2{margin:17px 0 14px;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:800;line-height:.98;letter-spacing:-.018em}.blog-card:not(.blog-card--featured) h2{font-size:clamp(1.85rem,2.8vw,2.6rem)}.blog-card h2 a{color:#171a17;text-decoration:none}.blog-card-content>p{margin:0;color:#59605a;font-size:1rem;line-height:1.62}.blog-read-more{display:inline-flex;gap:10px;align-items:center;margin-top:26px;color:#008c00;font-family:"Barlow Condensed",Arial,sans-serif;font-weight:800;letter-spacing:.055em;text-decoration:none;text-transform:uppercase}.blog-read-more span{font-size:1.25em;transition:transform .2s ease}.blog-read-more:hover span{transform:translateX(4px)}.navigation.pagination{margin-top:58px}.nav-links{display:flex;align-items:center;gap:8px}.nav-links .page-numbers{display:grid;min-width:44px;height:44px;padding:0 13px;place-items:center;border-radius:50px;background:#fff;color:#171a17;font-weight:700;text-decoration:none}.nav-links .page-numbers.current,.nav-links a.page-numbers:hover{background:#00a800;color:#fff}.blog-empty{padding:70px;border-radius:22px;background:#fff;text-align:center}.blog-empty h2{margin:0 0 10px;font-family:"Barlow Condensed",Arial,sans-serif;font-size:3rem}.blog-empty p{margin:0;color:#687069}.blog-cta{padding:90px 0;background:#20352a;color:#fff}.blog-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.blog-cta .blog-kicker{margin-bottom:12px}.blog-cta .button{flex:0 0 auto;background:#00a800!important;color:#fff!important}

/* Single article */
.article-hero{padding:190px 0 90px;background:#171a17;color:#fff}.article-hero-inner{max-width:1080px}.article-back{display:inline-block;margin-bottom:66px;color:#b8c1ba;text-decoration:none}.article-hero .blog-meta{color:#74d774}.article-hero h1{max-width:1050px;margin-top:22px;font-size:clamp(3.6rem,7vw,7.3rem)}.article-deck{max-width:780px;margin:28px 0 0;color:#c9ceca;font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.55}.article-byline{margin:28px 0 0;color:#fff;font-weight:700}.article-featured-image{margin-top:70px}.article-featured-image img{display:block;width:100%;max-height:720px;object-fit:cover;border-radius:22px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(230px,320px);gap:90px;align-items:start;padding-top:85px;padding-bottom:100px}.article-body{color:#303630;font-size:clamp(1.06rem,1.35vw,1.2rem);line-height:1.78}.article-body>*:first-child{margin-top:0}.article-body h2,.article-body h3{font-family:"Barlow Condensed",Arial,sans-serif;color:#171a17;line-height:1}.article-body h2{margin:2.2em 0 .65em;font-size:clamp(2.4rem,4vw,3.8rem)}.article-body h3{margin:1.8em 0 .6em;font-size:clamp(1.8rem,3vw,2.5rem)}.article-body a{color:#008c00;text-decoration-thickness:2px;text-underline-offset:3px}.article-body img{max-width:100%;height:auto;border-radius:14px}.article-body blockquote{margin:2em 0;padding:5px 0 5px 30px;border-left:5px solid #00a800;color:#20352a;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;line-height:1.15}.article-aside{position:sticky;top:40px;padding:28px;border-top:5px solid #00a800;background:#e8ece7}.article-aside p:not(.blog-kicker){margin:0;color:#4e574f;line-height:1.6}.article-aside a{display:inline-block;margin-top:20px;color:#008c00;font-weight:700;text-decoration:none}.article-navigation{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:40px;padding-bottom:100px;border-top:1px solid #cfd5cf}.article-navigation>div:last-child{text-align:right}.article-navigation span{display:block;margin-bottom:8px;color:#6a716b;font-family:"Barlow Condensed",Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.article-navigation a{color:#171a17;font-family:"Barlow Condensed",Arial,sans-serif;font-size:1.45rem;font-weight:800;text-decoration:none}

@media(max-width:900px){.blog-hero{min-height:560px}.blog-card--featured{grid-template-columns:1fr}.blog-card--featured .blog-card-media{min-height:390px}.blog-card--featured .blog-card-content{padding:38px}.article-layout{grid-template-columns:1fr;gap:50px}.article-aside{position:static}.article-hero{padding-top:160px}}
@media(max-width:680px){.blog-hero{min-height:520px;padding:150px 0 64px}.blog-hero h1{font-size:clamp(3.5rem,17vw,5rem)}.blog-index{padding:74px 0 84px}.blog-section-heading{grid-template-columns:1fr;gap:5px;margin-bottom:38px}.blog-section-heading>p{margin-top:15px}.blog-grid{grid-template-columns:1fr}.blog-card--featured{display:block}.blog-card-media,.blog-card--featured .blog-card-media{min-height:290px}.blog-card-content,.blog-card--featured .blog-card-content{padding:28px}.blog-cta-inner{align-items:flex-start;flex-direction:column}.article-hero{padding:145px 0 65px}.article-back{margin-bottom:46px}.article-featured-image{margin-top:38px}.article-featured-image img{border-radius:14px}.article-layout{padding-top:55px;padding-bottom:70px}.article-navigation{grid-template-columns:1fr}.article-navigation>div:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card-media img,.blog-read-more span{transition:none}}
.site-header .nav-links{gap:25px}

/* Compact journal hero and title-only archive. */
.blog-hero{min-height:430px;padding:150px 0 58px;background-image:url("images/biochar-particles.png");background-position:center;background-size:cover}.blog-hero-inner{padding-inline:clamp(18px,3.5vw,46px)}.blog-hero:before{background:linear-gradient(90deg,rgba(9,11,10,.91) 0%,rgba(9,11,10,.72) 62%,rgba(9,11,10,.52) 100%)}.blog-hero h1{font-size:clamp(4.2rem,7vw,6.7rem);line-height:.88}.blog-hero-copy{max-width:760px;margin-top:20px}.blog-archive-heading{margin:95px 0 28px}.blog-archive-heading h2{margin:0;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(2.9rem,5vw,5rem);font-weight:800;line-height:.94;letter-spacing:-.025em}.blog-title-list{border-top:1px solid #cbd1cb}.blog-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:28px 4px;border-bottom:1px solid #cbd1cb}.blog-title-row h3{margin:0;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(1.75rem,3vw,2.65rem);font-weight:700;line-height:1}.blog-title-row h3 a{text-decoration:none}.blog-title-arrow{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#00a800;color:#fff;font-size:1.45rem;font-weight:700;transition:transform .2s ease,background .2s ease}.blog-title-row:hover .blog-title-arrow{transform:translateX(4px);background:#008f00}
@media(max-width:680px){.blog-hero{min-height:370px;padding:128px 0 44px}.blog-hero h1{font-size:4rem}.blog-hero-copy{font-size:1rem}.blog-archive-heading{margin-top:68px}.blog-title-row{padding:22px 0;gap:16px}.blog-title-arrow{width:42px;height:42px}}

/* Editorial refinement: premium Blog index and article reading experience. */
.blog-page,.article-page{--journal-paper:#f3f2ed;--journal-line:#cfd3cc;--journal-muted:#667068;background:var(--journal-paper)}
.blog-hero{min-height:410px;padding:152px 0 62px;border-bottom:5px solid #00a800;background-position:center 48%}
.blog-hero-inner{padding-inline:0}

/* Align every Blog hero line with the standard page content grid below. */
.blog-hero .blog-hero-inner{width:min(1180px,calc(100% - 48px));padding-inline:0}
.blog-hero h1{font-size:clamp(4.4rem,7.3vw,7rem)}
.blog-hero-copy{max-width:720px;color:rgba(255,255,255,.88);font-size:clamp(1.05rem,1.5vw,1.24rem)}
.blog-index{padding:92px 0 112px}
.blog-section-heading{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--journal-line)}
.blog-section-heading h2{font-size:clamp(3.15rem,5.2vw,5.7rem)}
.blog-section-heading>p{margin-top:30px;color:var(--journal-muted)}
.blog-card--featured{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);border:1px solid rgba(23,26,23,.08);border-radius:18px;box-shadow:0 18px 50px rgba(18,24,20,.09)}
.blog-card--featured .blog-card-media{min-height:500px}
.blog-card-category{position:absolute;left:26px;top:26px;z-index:2;padding:9px 13px;border-radius:99px;background:#00a800;color:#fff;font-family:"Barlow Condensed",Arial,sans-serif;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.blog-card--featured .blog-card-content{padding:clamp(36px,4vw,58px)}
.blog-card h2{font-size:clamp(2.55rem,4vw,4.25rem);line-height:.92}
.blog-read-more{padding-bottom:4px;border-bottom:2px solid currentColor}
.blog-archive-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;margin:88px 0 24px;padding-bottom:22px;border-bottom:1px solid var(--journal-line)}
.blog-archive-heading:after{content:"Newest to oldest";color:var(--journal-muted);font-family:"Barlow Condensed",Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.blog-title-list{border-top:0}
.blog-title-row{min-height:128px;padding:27px 8px;border-color:var(--journal-line);transition:padding .25s ease,background .25s ease}
.blog-title-row:hover{padding-inline:22px;background:#fff}
.blog-title-row-main{min-width:0}
.blog-title-row .blog-meta{margin-bottom:10px;color:#6b756d}
.blog-title-row h3{font-size:clamp(2rem,3.5vw,3.35rem);font-weight:800;letter-spacing:-.012em}
.blog-title-row h3 a{color:#171a17}
.blog-title-arrow{width:54px;height:54px;text-decoration:none}
.blog-cta{position:relative;overflow:hidden;padding:82px 0;background:#163b2c}
.blog-cta:after{content:"";position:absolute;right:-9vw;top:-22vw;width:42vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.blog-cta-inner{position:relative;z-index:1}

/* Article page */
.article-hero{position:relative;overflow:hidden;padding:166px 0 86px;border-bottom:5px solid #00a800;background:#141814}
.article-hero:after{content:"";position:absolute;right:-10%;bottom:-75%;width:48vw;aspect-ratio:1;border:1px solid rgba(0,168,0,.25);border-radius:50%;pointer-events:none}
.article-hero-inner{position:relative;z-index:1}
.article-back{margin-bottom:58px;color:#d0d5d0;font-family:"Barlow Condensed",Arial,sans-serif;font-size:.86rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.article-back:hover{color:#72db72}
.article-hero .blog-meta{color:#75db75}
.article-hero h1{max-width:1100px;font-size:clamp(3.8rem,7.1vw,7.5rem);line-height:.9}
.article-deck{max-width:820px;color:#d7dbd7}
.article-featured-image{margin-top:64px}
.article-featured-image img{max-height:690px;border-radius:18px;box-shadow:0 22px 55px rgba(23,26,23,.12)}
.article-layout{grid-template-columns:minmax(0,760px) minmax(250px,330px);gap:clamp(54px,7vw,100px);padding-top:78px}
.article-body{font-size:clamp(1.08rem,1.35vw,1.19rem)}
.article-body>p:first-child{color:#253228;font-size:clamp(1.3rem,1.9vw,1.55rem);line-height:1.6}
.article-body h2{letter-spacing:-.018em}
.article-body ul,.article-body ol{padding-left:1.35em}
.article-body li{margin:.65em 0;padding-left:.25em}
.article-aside{top:28px;padding:31px;border:1px solid rgba(23,26,23,.08);border-top:5px solid #00a800;border-radius:0 0 14px 14px;background:#e6eae4}
.article-aside h2{margin:0 0 16px;color:#172019;font-family:"Barlow Condensed",Arial,sans-serif;font-size:2rem;font-weight:800;line-height:1}
.article-aside a span{display:inline-block;transition:transform .2s ease}
.article-aside a:hover span{transform:translateX(4px)}
.article-navigation{padding-bottom:92px}
.article-navigation>div{padding:22px 0}
.article-navigation a:hover{color:#008f00}

@media(max-width:900px){
  .blog-card--featured{grid-template-columns:1fr}
  .blog-card--featured .blog-card-media{min-height:390px}
  .article-layout{grid-template-columns:1fr}
  .article-aside{position:static;max-width:620px}
}
@media(max-width:680px){
  .blog-hero{min-height:360px;padding:126px 0 44px}
  .blog-hero-inner{padding-inline:0}
  .blog-hero h1{font-size:clamp(3.8rem,18vw,5rem)}
  .blog-index{padding:68px 0 78px}
  .blog-section-heading{padding-bottom:24px}
  .blog-card--featured .blog-card-media{min-height:280px}
  .blog-card-category{left:18px;top:18px}
  .blog-card--featured .blog-card-content{padding:28px}
  .blog-card h2{font-size:2.55rem}
  .blog-archive-heading{display:block;margin-top:66px}
  .blog-archive-heading:after{display:none}
  .blog-title-row{min-height:108px;padding:22px 0}
  .blog-title-row:hover{padding-inline:0;background:transparent}
  .blog-title-row h3{font-size:2rem}
  .blog-title-arrow{width:44px;height:44px}
  .blog-cta{padding:68px 0}
  .article-hero{padding:132px 0 62px}
  .article-back{margin-bottom:42px}
  .article-hero h1{font-size:clamp(3.25rem,15.5vw,5rem)}
  .article-featured-image{margin-top:32px}
  .article-featured-image img{min-height:250px;object-fit:cover}
  .article-layout{padding-top:50px}
}

/* Quiet Blog reading experience: approved arrows, full-width article copy, and comments. */
.blog-title-arrow{overflow:hidden;padding:0;border:0;background:transparent;font-size:0;box-shadow:none}
.blog-title-arrow img{display:block;width:100%;height:100%;object-fit:contain}
.blog-title-row:hover .blog-title-arrow{background:transparent}

/* Keep archive arrows compact regardless of the source image dimensions. */
.blog-title-row .blog-title-arrow{
  display:block;
  flex:0 0 38px;
  width:38px!important;
  min-width:38px;
  max-width:38px;
  height:38px!important;
  min-height:38px;
  max-height:38px;
  aspect-ratio:1;
  align-self:center;
  overflow:hidden;
  line-height:0;
}
.blog-title-row .blog-title-arrow img{
  display:block!important;
  width:38px!important;
  min-width:38px;
  max-width:38px!important;
  height:38px!important;
  min-height:38px;
  max-height:38px!important;
  object-fit:contain;
}
@media(max-width:680px){
  .blog-title-row .blog-title-arrow{
    flex-basis:34px;
    width:34px!important;
    min-width:34px;
    max-width:34px;
    height:34px!important;
    min-height:34px;
    max-height:34px;
  }
  .blog-title-row .blog-title-arrow img{
    width:34px!important;
    min-width:34px;
    max-width:34px!important;
    height:34px!important;
    min-height:34px;
    max-height:34px!important;
  }
}
.article-layout--reading{display:block;max-width:860px;padding-bottom:82px}
.article-comments{padding:86px 0 100px;border-top:1px solid var(--journal-line);background:#e9ece7}
.article-comments-inner{max-width:1080px}
.article-comments .comment-respond{box-sizing:border-box;width:100%;padding:clamp(30px,5vw,56px);border:1px solid #d2d7d1;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(23,26,23,.06)}
.article-comments h2,.comment-reply-title{margin:0 0 18px;color:#171a17;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(2.7rem,5vw,4.8rem);font-weight:800;line-height:.94;letter-spacing:-.025em}
.comment-notes,.logged-in-as,.comments-closed{margin:0 0 28px;color:#626b64;line-height:1.6}
.article-comments .comment-form{display:block;width:100%;max-width:none;margin:0}
.article-comments .comment-form p{display:block;width:100%;margin:0 0 24px;padding:0}
.article-comments .comment-form label{display:block!important;width:100%;margin:0 0 9px;color:#263029;font-family:"Barlow Condensed",Arial,sans-serif;font-size:.84rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.article-comments .comment-form input[type="text"],.article-comments .comment-form input[type="email"],.article-comments .comment-form input[type="url"],.article-comments .comment-form textarea{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;border:1px solid #b9c1b9;border-radius:8px;background:#f9faf8;color:#171a17;font:inherit;padding:15px 17px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.article-comments .comment-form input[type="text"],.article-comments .comment-form input[type="email"],.article-comments .comment-form input[type="url"]{min-height:54px}
.article-comments .comment-form textarea{min-height:210px;resize:vertical}
.article-comments .comment-form input:focus,.article-comments .comment-form textarea:focus{background:#fff}
.comment-form input:focus,.comment-form textarea:focus{border-color:#00a800;box-shadow:0 0 0 3px rgba(0,168,0,.13)}
.article-comments .comment-form .form-submit{margin:8px 0 0}
.article-comments .comment-form .submit{width:auto!important;min-height:50px;border:0;cursor:pointer}
.comment-list{margin:0 0 55px;padding:0;list-style:none}
.comment-list .comment{margin:0 0 18px;padding:24px;border-radius:12px;background:#fff;list-style:none}
.comment-list .children{margin:18px 0 0;padding-left:24px;list-style:none}
.comment-author{display:flex;align-items:center;gap:12px;font-family:"Barlow Condensed",Arial,sans-serif;font-weight:800}
.comment-author img{border-radius:50%}
.comment-metadata{margin:8px 0 14px;font-size:.86rem}
.comment-metadata a,.reply a{color:#008f00}
@media(max-width:680px){.article-layout--reading{padding-bottom:60px}.article-comments{padding:66px 0 76px}.article-comments .comment-respond{padding:26px 20px}.article-comments .comment-form textarea{min-height:180px}.comment-list .children{padding-left:12px}}
/* Optimized replacement for the legacy PNG hero texture. */
.blog-hero { background-image: url("images/biochar-particles.webp"); }
.blog-title-row h2 { margin: 0; font-family: "Barlow Condensed", Arial, sans-serif; font-size: clamp(1.75rem, 3vw, 2.65rem); font-weight: 700; line-height: 1; }
.blog-title-row h2 a { color: inherit; text-decoration: none; }
.blog-title-row-main > p { max-width: 52rem; margin: .8rem 0 0; color: #454d46; line-height: 1.6; }