/* Native app screenshots and platform status, 2026-10-07. */
.native-showcase { padding: clamp(56px,8vw,100px) 0; background: var(--sand-2, #ece6d8); }
.native-showcase__heading { max-width: 760px; margin-bottom: 38px; }
.native-shots { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(16px,3vw,40px); align-items: start; }
.native-shot { margin: 0; min-width: 0; }
.native-shot figcaption { min-height: 112px; }
.native-shot figcaption > span { color: var(--pine-3, #2c6a50); font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.native-shot h3 { font-size: clamp(18px,1.8vw,23px); line-height: 1.45; margin: 10px 0 8px; }
.native-shot p { font-size: 14px; color: var(--dim, #56605a); line-height: 1.8; margin: 0 0 20px; }
.native-shot img { display: block; width: 100%; height: auto; max-width: 300px; margin: 0 auto; border: 2px solid #18372d; border-radius: 24px; box-shadow: 0 16px 35px #14352a20; box-sizing: border-box; }
.native-showcase__note { margin-top: 30px; color: var(--dim, #56605a); font-size: 13px; line-height: 1.9; }
.native-showcase__note a { color: var(--pine, #14352a); text-decoration: underline; text-underline-offset: 3px; }
.native-status { display: inline-block; color: #76591b; background: #f8edce; border: 1px solid #e8d394; padding: 10px 15px; border-radius: 999px; font-size: 13px; font-weight: 600; }
#android, #harmony { scroll-margin-top: 100px; }
.native-shot--wide { grid-column: 1 / -1; display: grid; grid-template-columns: .6fr 1.4fr; gap: 32px; align-items: center; background: #f9f6ef; padding: clamp(20px,3vw,36px); border-radius: 24px; margin-bottom: 16px; }
.native-shot--wide figcaption { min-height: 0; }
.native-shot--wide img { max-width: none; border-radius: 18px; }
@media (max-width: 720px) {
 .native-shots { display: grid; grid-template-columns: 1fr; gap: 40px; }
 .native-shot--wide { grid-template-columns: 1fr; gap: 16px; margin-bottom: 0; }
 .native-shot figcaption { min-height: 0; max-width: 420px; margin: 0 auto 18px; }
 .native-shot img { max-width: 280px; }
 .native-shot--wide img { max-width: none; }
}

#android[hidden], [data-android-only][hidden] { display: none !important; }