@media (min-width:901px){
  /* Desktop-only rhythm polish for the “這裡在做什麼” section. */
  #about .protocol-panel.solo{
    padding:20px 0 20px!important;
  }
  #about .protocol-panel.solo .eyebrow{
    margin-bottom:8px!important;
  }
  #about .about-title-row{
    margin-bottom:14px!important;
  }

  /* Keep the two major homepage sections on the same typographic hierarchy. */
  #about .protocol-panel.solo h2,
  .section.soft .section-head h2{
    font-size:clamp(38px,4vw,52px)!important;
    line-height:1.12!important;
  }

  /* Lock both right-side subtitles to one identical final rule set. */
  html body #about .protocol-panel.solo .about-title-row > p.about-intro,
  html body .section.soft .section-head > p{
    font-family:"Songti TC","Noto Serif TC","PMingLiU",serif!important;
    font-size:16px!important;
    font-weight:400!important;
    font-style:normal!important;
    line-height:1.6!important;
    letter-spacing:.005em!important;
    color:var(--ink-2)!important;
  }
  html body #about .protocol-panel.solo .about-title-row > p.about-intro{
    max-width:550px!important;
  }

  #about .metric-grid{
    margin-top:0!important;
    gap:10px!important;
    grid-auto-rows:80px!important;
  }
  #about .metric{
    height:80px!important;
    min-height:80px!important;
    max-height:80px!important;
    padding:9px 15px!important;
    border-radius:18px!important;
  }

  /* Use a more specific selector than the runtime style so the two gaps stay exactly equal. */
  #about .protocol-panel.solo .protocol-link{
    margin-top:14px!important;
    margin-bottom:14px!important;
  }

  #about .protocol-panel.solo .plant-gallery{
    margin-top:0!important;
  }
  #about .plant-gallery-dots{
    margin-top:6px!important;
  }
}
