/* PlantEnvLab Work02 v14 — final typography polish, 2026-09-07.
   Scope:
   1) Home card titles use navigation wording and stay on one line on desktop.
   2) Outdoor Comfort H1 stays on one line around 375px mobile widths.
   3) Shared three-block footer text increases from the previous small setting to 15px.
*/

/* Shared footer: make all three blocks easier to read without changing their layout. */
.pelSiteFooter .pelFooterIdentity,
.pelSiteFooter .pelFooterNote,
.pelSiteFooter .pelFooterLegal{
  font-size:15px !important;
  line-height:1.45 !important;
}

/* Keep legal text/link on the same visual scale. */
.pelSiteFooter .pelFooterLegal span,
.pelSiteFooter .pelFooterLegal a{
  font-size:inherit !important;
  line-height:inherit !important;
}

/* Home: five-card desktop layout. Short navigation names should read as one-line labels. */
@media(min-width:1101px){
  .simpleHome .toolCard h2{
    white-space:nowrap !important;
    font-size:19px !important;
    line-height:1.15 !important;
    letter-spacing:-.01em;
  }
}

/* Outdoor Comfort: mobile H1 only. Keep desktop typography untouched. */
@media(max-width:720px){
  body[data-page="discomfort-index"] .hero h1#pageTitle{
    white-space:nowrap !important;
    font-size:clamp(30px,9vw,36px) !important;
    line-height:1.08 !important;
    letter-spacing:.01em !important;
  }
}

/* PlantEnvLab Work02 v15 — mobile home title, AI helper copy, and comfort meaning bands, 2026-09-07 */

/* Home mobile: Outdoor Comfort should remain a single-line card title. */
@media(max-width:620px){
  .simpleHome .toolCard[href="./comfort.html"] h2{
    white-space:nowrap !important;
    font-size:25px !important;
    line-height:1.20 !important;
    letter-spacing:-.015em !important;
  }
}

/* Outdoor Comfort: meaning-based compact information bands. */
.methodArticle .contentNotice.limit{
  --notice-bg:#fff0ec;
  --notice-border:#cf6a5a;
  --notice-label:#963f33;
  margin:16px 0 !important;
  padding:12px 18px !important;
  border-left:5px solid var(--notice-border) !important;
  background:var(--notice-bg) !important;
}

.methodArticle .contentNotice.data{
  --notice-bg:#edf7ec;
  --notice-border:#6f9d74;
  --notice-label:#2f6940;
  margin:16px 0 !important;
  padding:12px 18px !important;
  border-left:5px solid var(--notice-border) !important;
  background:var(--notice-bg) !important;
}

.methodArticle .contentNotice.limit strong,
.methodArticle .contentNotice.data strong{
  margin-bottom:4px !important;
  color:var(--notice-label) !important;
}

.methodArticle .contentNotice.limit p,
.methodArticle .contentNotice.data p{
  margin:0 !important;
  line-height:1.65 !important;
}

@media(max-width:720px){
  .methodArticle .contentNotice.limit,
  .methodArticle .contentNotice.data{
    margin:14px 0 !important;
    padding:12px 14px !important;
  }
}

/* PlantEnvLab Work02 v20 — Home card description readability, 2026-09-07.
   Use the existing card size; increase only the explanatory copy.
   Desktop aims for an easy-to-read three-line rhythm. Mobile gets a larger
   reading size while allowing natural wrapping instead of forced <br> tags. */
.simpleHome .toolCard p{
  font-size:15px !important;
  line-height:1.45 !important;
  letter-spacing:0 !important;
}

@media(max-width:620px){
  .simpleHome .toolCard p{
    font-size:17px !important;
    line-height:1.45 !important;
  }
}

/* PlantEnvLab Work02 v21 — PC-only Outdoor Comfort card copy fit, 2026-09-07.
   Keep the wording and mobile typography unchanged; tighten only this one
   desktop card enough to return the description to three lines. */
@media(min-width:1101px){
  .simpleHome .toolCard[href="./comfort.html"] p{
    font-size:14.5px !important;
    line-height:1.45 !important;
    letter-spacing:-.01em !important;
  }
}

/* PlantEnvLab Work02 v23 — mobile Home hero rotation stability, 2026-09-08.
   Scope: Home page on phones/tablets only.
   Prevent stale viewport/flex/grid height from surviving orientation changes.
   Keep image proportions, copy, cards and desktop layout unchanged. */
@media(max-width:820px){
  .simpleHome .hero{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    align-items:start !important;
    grid-auto-rows:auto !important;
    grid-template-rows:auto auto !important;
  }

  .simpleHome .heroCopy,
  .simpleHome .heroImageWrap{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .simpleHome .heroImageWrap{
    align-self:start !important;
    overflow:hidden !important;
  }

  .simpleHome .heroImageWrap img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
  }
}

/* PlantEnvLab Work02 v24 — mobile landscape stability, 2026-09-08.
   Scope: Home only, including iPhone landscape widths.
   Keep normal desktop appearance unchanged while preventing stale-height
   clipping and card loss after repeated orientation changes. */
@media(max-width:1100px){
  .simpleHome,
  .simpleHome .pelHomeSurface{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  .simpleHome .hero{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    align-items:start !important;
    grid-auto-rows:auto !important;
    grid-template-rows:auto auto !important;
    overflow:visible !important;
  }

  .simpleHome .heroCopy,
  .simpleHome .heroImageWrap{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .simpleHome .heroImageWrap{
    align-self:start !important;
    overflow:hidden !important;
  }

  .simpleHome .heroImageWrap img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  .simpleHome .toolGrid{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    grid-auto-flow:row !important;
    grid-auto-rows:auto !important;
    align-items:stretch !important;
    overflow:visible !important;
  }

  .simpleHome .toolCard{
    min-width:0 !important;
    min-height:0 !important;
    max-height:none !important;
    visibility:visible !important;
  }
}

/* PlantEnvLab Work02 v25 — mobile hero gap fix, 2026-09-08.
   Scope: Home only.
   On portrait/mobile widths, remove Grid row-height dependency from the hero
   and give the image wrapper a deterministic ratio matching the source image.
   Preserve the v24 landscape/card safeguards and normal desktop layout. */

/* Correct v24 grid safeguard selector: the live Home section is ".tools". */
@media(max-width:1100px){
  .simpleHome .tools{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    grid-auto-flow:row !important;
    grid-auto-rows:auto !important;
    align-items:stretch !important;
    overflow:visible !important;
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
  }
}

/* Phones / narrow tablets: normal document flow avoids stale Safari grid rows
   after orientation changes. */
@media(max-width:900px){
  .simpleHome .hero{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  .simpleHome .heroCopy{
    display:flex !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .simpleHome .heroImageWrap{
    display:block !important;
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1672 / 941 !important;
    align-self:auto !important;
    overflow:hidden !important;
    line-height:0 !important;
  }

  .simpleHome .heroImageWrap img{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:72% center !important;
  }

  .simpleHome .tools{
    margin-top:0 !important;
  }
}