.usage-guide { overflow-wrap: anywhere; }
.android-release-highlight { color: var(--green); font-weight: 700; }
.usage-guide h2 { font-size: 28px; line-height: 1.4; margin: 42px 0 20px; letter-spacing: 0; }
.usage-guide h2:first-child { margin-top: 0; }
.usage-guide h3 { font-size: 19px; line-height: 1.5; margin: 24px 0 10px; letter-spacing: 0; }
.usage-guide p, .usage-guide li { color: var(--text-muted); line-height: 1.9; max-width: 960px; }
.usage-guide ol, .usage-guide ul { padding-left: 24px; }
.usage-guide li { margin-bottom: 14px; }
.usage-guide strong { color: var(--text-main); }
.usage-guide a { color: var(--green); text-decoration: underline; text-underline-offset: 4px; }
.usage-guide figure { width: 100%; max-width: 800px; margin: 28px auto 40px; }
.usage-guide figure img { display: block; width: 100%; height: auto; border-radius: 14px; }
.usage-guide figcaption { color: var(--text-muted); font-size: 14px; line-height: 1.8; margin-top: 12px; }
.guide-media-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); align-items: center; gap: 40px; margin: 40px 0; }
.guide-media-row > * { min-width: 0; }
.guide-media-row figure { max-width: none; margin: 0; }
.guide-media-copy > h2:first-child { margin-top: 0; }
.guide-media-reverse { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.guide-media-reverse .guide-media-copy { grid-column: 2; grid-row: 1; }
.guide-media-reverse figure { grid-column: 1; grid-row: 1; }
@media (max-width: 900px) {
  .guide-media-row { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .guide-media-reverse .guide-media-copy, .guide-media-reverse figure { grid-column: auto; grid-row: auto; }
}
@media (max-width: 600px) {
  .usage-guide h2 { font-size: 23px; }
  .usage-guide h3 { font-size: 18px; }
}