/* About-page composition built on the supplied Appix sections and typography. */
.kd-audience-page-header--riders,.kd-audience-page-header--drivers { padding:40px 0!important; min-height:0!important; }
.kd-audience-video-dialog { width:min(960px,calc(100vw - 28px)); }
.kd-audience-video-dialog .kd-intro-video-frame { height:auto; width:100%; aspect-ratio:16/9; }
.post-entry>.kd-about-audience { max-width:1200px; width:100%; margin-inline:auto; padding-inline:24px; box-sizing:border-box; }
.kd-about-audience .about_us_section { padding:0; }
.kd-audience-publication--riders,.kd-audience-publication--drivers { padding:36px 0 50px; }
.kd-about-audience { color:#34483e; padding:20px 0 40px; }
.kd-about-audience .section_title { max-width:850px; margin:0 auto 32px; text-align:center; }
.kd-about-audience h1,.kd-about-audience h2 { font-size:clamp(1.9rem,3.8vw,3.4rem); line-height:1.12; letter-spacing:-.035em; color:#123e30; margin:14px 0 20px; }
.kd-about-audience h3 { font-size:1.25rem; line-height:1.3; color:#153c2e; margin:16px 0 10px; }
.kd-about-audience p { font-size:1.05rem; line-height:1.75; margin:0 0 16px; }
.kd-about-audience .title_badge { display:inline-block; padding:7px 15px; border-radius:24px; background:#e8f4df; color:#214b2f; font-size:.85rem; font-weight:700; }
.kd-about-actions { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:18px 28px; margin:24px 0 36px; }
.kd-about-actions a:not(.btn-default) { color:#174d39; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.kd-about-audience .btn-default { display:inline-flex; align-items:center; justify-content:center; background:#174d39; color:white; border-radius:30px; padding:16px 28px; text-decoration:none; font-weight:700; }
.kd-about-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:48px 0 64px; }
.kd-about-screen { margin:0; padding:26px 22px; background:#f1f6f0; border:1px solid #e2ebe1; border-radius:28px; text-align:center; min-width:0; }
.kd-about-phone { width:min(100%,218px); margin:0 auto 26px; border:7px solid #142a21; border-radius:29px; overflow:hidden; box-shadow:0 18px 30px #143e2420; background:white; }
.kd-about-audience .kd-about-phone img { display:block; width:100%; height:auto; margin:0; border-radius:0; }
.kd-about-screen figcaption { padding:0; }
.kd-about-screen p { font-size:.95rem; }
.kd-about-film { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; background:#e9f3e2; border-radius:32px; padding:48px; margin:60px 0; }
.kd-about-video { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; aspect-ratio:16/10; background:linear-gradient(135deg,#103f31,#26714e); color:white!important; text-align:center; border-radius:24px; padding:28px; text-decoration:none!important; font-size:1.5rem; font-weight:700; box-shadow:0 15px 32px #133e2420; }
.kd-about-video small { font-size:.9rem; font-weight:400; }
.kd-about-play { display:grid; place-items:center; height:72px; width:72px; border-radius:50%; background:#d8f494; color:#173d2b; font-size:28px; }
.kd-about-audience .kd-about-note { font-size:.8rem; margin-top:16px; }
.kd-about-audience .row_am { padding:36px 0; }
.kd-about-audience .kd-about-film { padding:48px; }
.kd-about-steps,.kd-about-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.kd-about-steps .value_block,.kd-about-features article { padding:30px; border:1px solid #dfe9df; border-radius:24px; background:white; min-width:0; }
.kd-about-number { display:inline-grid; place-items:center; height:48px; width:48px; background:#e8f4df; color:#245232; border-radius:50%; font-weight:800; }
.kd-about-close { padding:48px; margin:50px 0 0; border-radius:30px; background:#f0f6eb; text-align:center; }
.kd-about-close>div:first-child { max-width:780px; margin:auto; }
.kd-about-close .kd-about-actions { margin-bottom:0; }
.kd-about-audience a:focus-visible { outline:3px solid #6b9e26; outline-offset:5px; }
@media(max-width:767px) {
 .kd-about-gallery,.kd-about-steps,.kd-about-features,.kd-about-film { grid-template-columns:1fr; gap:22px; }
 .kd-about-gallery { margin:30px 0; }
 .kd-about-audience .kd-about-film,.kd-about-close { padding:28px 20px; margin:30px 0; border-radius:22px; }
 .kd-about-audience .row_am { padding:22px 0; }
 .kd-about-audience .kd-about-film { padding:28px 20px; }
 .kd-about-screen { padding:24px 20px; }
 .kd-about-actions { gap:20px; }
}

/* Shared, configuration-driven store badges retain their official artwork. */
.kd-store-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}
.kd-store-buttons .app-download-btn{margin:0;flex:0 0 auto}
.kd-store-buttons .app-download-btn a{display:block}
.kd-store-buttons .app-download-btn img{display:block;width:160px;height:auto;max-width:100%}
.kd-about-close .kd-store-buttons{width:100%}
@media(max-width:400px){.kd-store-buttons{gap:8px}.kd-store-buttons .app-download-btn img{width:140px}}
/* Numbered feature stories keep screenshots legible without a dense gallery. */
.kd-about-audience .kd-feature-index { margin: 32px 0 20px; }
.kd-about-audience .kd-feature-index ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; padding: 0; margin: 0; }
.kd-about-audience .kd-feature-index a { display: flex; gap: 12px; align-items: center; padding: 14px 18px; border: 1px solid #dbe6dd; border-radius: 12px; color: #193c2b; background: #f5f9f4; line-height: 1.45; text-decoration: none; }
.kd-about-audience .kd-feature-index a:hover { background: #e7f0e4; }
.kd-about-audience .kd-feature-index span { font-weight: 700; color: #356944; }
.post-entry .kd-about-audience .kd-feature-index li { list-style: none; margin: 0; padding: 0; }
.kd-about-audience .kd-feature-story { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 310px); gap: clamp(24px, 5vw, 76px); align-items: center; padding: clamp(24px, 5vw, 56px); margin: 32px 0; border-radius: 28px; background: #f4f8f1; border: 1px solid #e1e9dd; scroll-margin-top: 120px; }
.kd-about-audience .kd-feature-story:nth-child(even) { background: #fff; grid-template-columns: minmax(230px, 310px) minmax(0, 1fr); }
.kd-about-audience .kd-feature-story:nth-child(even) .kd-feature-visual { grid-column: 1; grid-row: 1; }
.kd-about-audience .kd-feature-story:nth-child(even) .kd-feature-copy { grid-column: 2; }
.kd-about-audience .kd-feature-number { display: inline-block; color: #34663d; font-weight: 700; font-size: 1rem; letter-spacing: .12em; margin-bottom: 12px; }
.kd-about-audience .kd-feature-copy h3 { color: #173b27; font-size: clamp(1.5rem, 2.5vw, 2.2rem); line-height: 1.2; margin: 0 0 20px; }
.kd-about-audience .kd-feature-copy p { margin-bottom: 22px; }
.kd-about-audience .kd-feature-copy, .kd-about-audience .kd-feature-copy p, .kd-about-audience .kd-feature-copy li { text-align: left; }
.kd-about-audience .kd-feature-copy ul { list-style: disc; padding-left: 22px; margin: 0; }
.kd-about-audience .kd-feature-copy li { padding-left: 4px; margin-bottom: 12px; line-height: 1.6; color: #304b3a; }
.kd-about-audience .kd-feature-visual { min-width: 0; margin: 0; text-align: center; }
.kd-about-audience .kd-feature-visual .kd-about-phone { width: min(100%, 278px); margin: 0 auto; }
.kd-about-audience .kd-feature-visual figcaption { margin-top: 16px; font-size: .9rem; }
.kd-about-audience .kd-feature-visual a { color: #255f36; text-underline-offset: 3px; }
.kd-about-audience .kd-feature-index a:focus-visible, .kd-about-audience .kd-feature-visual a:focus-visible { outline: 3px solid #29683d; outline-offset: 4px; }
@media (max-width: 767px) {
 .kd-about-audience .kd-feature-index ol { grid-template-columns: minmax(0, 1fr); }
 .kd-about-audience .kd-feature-story, .kd-about-audience .kd-feature-story:nth-child(even) { grid-template-columns: minmax(0, 1fr); padding: 24px 18px; gap: 28px; }
 .kd-about-audience .kd-feature-story:nth-child(even) .kd-feature-copy, .kd-about-audience .kd-feature-story:nth-child(even) .kd-feature-visual { grid-column: auto; grid-row: auto; }
}