:root{--green:#214e38;--ink:#173226;--paper:#f8f6ef;--line:#ddd7ca;--soft:#edf2eb;--stone:#6f776f}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}.pelHeader{background:#faf8f2;border-bottom:1px solid var(--line)}
.pelHeaderInner{width:min(1180px,92vw);height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{font:700 27px Georgia,serif}.brand span{display:block;font:10px Arial,sans-serif;letter-spacing:.16em;color:#69756d;margin-top:3px}
nav{display:flex;gap:26px;font-size:14px}nav a{padding:28px 0 23px;border-bottom:2px solid transparent}nav a[aria-current="page"]{border-color:var(--green)}
.commentsMain{width:min(1180px,92vw);margin:auto;padding:52px 0 90px}.hero{max-width:860px}
.hero>p,.kicker{letter-spacing:.2em;color:#537260;font-size:12px;font-weight:700}.hero h1{font:500 clamp(48px,6vw,76px) Georgia,serif;margin:.05em 0 .18em}
.hero div{font:20px/1.55 Georgia,serif}.intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:56px 0 22px}
.intro h2{font:500 32px Georgia,serif;margin:0 0 6px}.intro p{margin:0;color:#657168}.intro span{font-size:13px;color:#6f776f}
.voiceCategories{display:grid;gap:16px}.voiceCategory{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.voiceCategoryHead{padding:18px 22px;background:#f2f0e7}.voiceCategoryHead h3{font:500 24px Georgia,serif;margin:0 0 5px}
.voicePair{display:grid;grid-template-columns:1fr 1fr}.voiceColumn{padding:22px}.voiceColumn+ .voiceColumn{border-left:1px solid var(--line)}
.voiceColumn h4{margin:0 0 10px;font:600 15px Arial,sans-serif;color:#315844}.voiceColumn p{margin:0;white-space:pre-line}.empty{color:#8a918c}
.postPanel{margin-top:38px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}.postHeading{max-width:900px}
.postHeading h2{font:500 32px Georgia,serif;margin:2px 0 10px}.postHeading p{color:#536159}.bodyLabel,.consent{display:block;margin:20px 0}
.bodyLabel textarea{width:100%;min-height:190px;padding:15px;border:1px solid #aaa394;border-radius:6px;font:16px/1.55 Arial,sans-serif;resize:vertical}
.consent{font-size:14px;color:#536159}.trap{position:absolute;left:-10000px}button{border:0;background:var(--green);color:#fff;padding:13px 26px;border-radius:999px;font:600 14px Arial,sans-serif;cursor:pointer}
button:disabled{opacity:.55}#formMessage{min-height:1.5em;color:#315844}
footer{background:#192d23;color:#dfe7e1;padding:28px;text-align:center;font-size:13px}
@media(max-width:760px){nav{display:none}.voicePair{grid-template-columns:1fr}.voiceColumn+ .voiceColumn{border-left:0;border-top:1px solid var(--line)}.intro{align-items:start;flex-direction:column}}

/* PlantEnvLab Comments — readability and spacious public summaries */
.commentsMain{
  width:min(1680px,calc(100% - 72px));
}

.hero{
  max-width:none;
}

.hero>p,
.kicker{
  font-size:13px;
}

.hero h1{
  font-size:clamp(50px,5vw,70px);
}

.hero div{
  max-width:none;
  font:21px/1.6 Georgia,serif;
}

@media(min-width:1120px){
  .hero div{
    white-space:nowrap;
  }
}

.intro{
  margin:52px 0 26px;
}

.intro h2{
  font-size:34px;
}

.intro p{
  font-size:17px;
  line-height:1.7;
}

.intro span{
  font-size:15px;
}

.voiceCategories{
  gap:22px;
}

.voiceCategory{
  border-radius:14px;
}

.voiceCategoryHead{
  padding:22px 26px;
}

.voiceCategoryHead h3{
  font-size:28px;
  line-height:1.3;
}

.voicePair{
  min-height:148px;
}

.voiceColumn{
  padding:26px 28px 30px;
}

.voiceColumn h4{
  margin-bottom:12px;
  font-size:17px;
  line-height:1.45;
}

.voiceColumn p{
  font-size:17px;
  line-height:1.75;
}

.postPanel{
  margin-top:44px;
  padding:34px 36px;
}

.postHeading{
  max-width:1180px;
}

.postHeading h2{
  font-size:34px;
}

.postHeading p{
  font-size:17px;
  line-height:1.75;
}

.bodyLabel{
  font-size:17px;
  font-weight:600;
}

.bodyLabel textarea{
  min-height:220px;
  padding:18px;
  font-size:17px;
  line-height:1.65;
}

.consent{
  font-size:16px;
  line-height:1.65;
}

button{
  padding:14px 28px;
  font-size:16px;
}

#formMessage{
  font-size:16px;
}

@media(max-width:900px){
  .commentsMain{
    width:calc(100% - 28px);
  }
  .hero div{
    white-space:normal;
  }
  .voicePair{
    min-height:0;
  }
  .voiceColumn{
    min-height:130px;
  }
  .postPanel{
    padding:26px 20px;
  }
}

/* Comments page — restore comfortable outer side margins */
.commentsMain{
  width:min(1560px,calc(100% - 96px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:900px){
  .commentsMain{
    width:calc(100% - 28px) !important;
  }
}

/* Comments page — restore visible inner gutters inside the shared page surface */
.commentsMain.pelPageSurface{
  width:min(1680px,calc(100% - 36px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:48px !important;
  padding-right:48px !important;
}

@media(max-width:900px){
  .commentsMain.pelPageSurface{
    width:calc(100% - 24px) !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
}

/* PlantEnvLab shared heading scale — 2026-09-06 */
.commentsMain .hero>p:first-child,
.commentsMain .kicker{
  font-size:13px !important;
  line-height:1.4 !important;
}
.commentsMain .hero h1{
  font-size:48px !important;
  line-height:1.12 !important;
}
.commentsMain .intro h2,
.commentsMain .postHeading h2{
  font-size:29px !important;
  line-height:1.30 !important;
}
.commentsMain .voiceCategoryHead h3{
  font-size:22px !important;
  line-height:1.35 !important;
}