/* Blog landing only: editorial entry points, not article or product styles. */
.knowledge-media-home .knowledge-hero {padding-top: 3rem; padding-bottom: 2rem;}
.media-start {margin: 0 0 3rem;}
.media-start > h2 {font-size: clamp(1.5rem, 3vw, 2rem); margin: 0 0 .5rem;}
.media-start-intro {max-width: 65ch; margin: 0 0 1.4rem; color: #555;}
.media-start-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem;}
.media-pick {padding: 1.5rem; border: 1px solid #d9d5cb; border-top: 4px solid #235846; border-radius: 12px; background: #fffef9;}
.media-pick:nth-child(2) {border-top-color: #99632e;}
.media-pick:nth-child(3) {border-top-color: #3b5f87;}
.media-pick-label {font-size: .8rem; font-weight: 700; letter-spacing: .06em; color: #555;}
.media-pick h3 {font-size: 1.3rem; line-height: 1.5; margin: .6rem 0;}
.media-pick h3 a {display: inline-block; min-height: 44px; color: #192b28; text-decoration-thickness: 1px; text-underline-offset: .2em;}
.media-pick h3 a:hover {color: #235846;}
.media-pick h3 a:focus-visible {outline: 3px solid #235846; outline-offset: 4px;}
.media-pick p {font-size: .95rem; line-height: 1.75; margin: 0; color: #555;}
.media-start[hidden] {display: none;}
@media (max-width: 760px) {
  .knowledge-media-home .knowledge-hero {padding-top: 2rem; padding-bottom: 1.5rem;}
  .media-start-grid {grid-template-columns: 1fr;}
  .media-pick {padding: 1.1rem 1.25rem;}
}