.editorial-meta {font-size:14px;color:var(--muted);margin:22px 0}
.reference {margin:28px 0;padding:18px;background:white;border:1px solid var(--line);border-radius:20px}
.reference img {display:block;width:min(100%,440px);height:auto;margin:auto;border-radius:14px}
.reference figcaption {font-size:14px;color:var(--muted);margin:14px auto 0;max-width:520px}
.app-demo {display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;padding:24px;border:1px solid var(--line);background:white;border-radius:24px;margin:32px 0}
.app-demo img {width:100%;height:auto;border-radius:14px}
.app-demo h2 {margin-top:0}
.guide-table {width:100%;border-collapse:collapse;font-size:15px;margin:24px 0}
.guide-table th,.guide-table td {text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.related {border-top:1px solid var(--line);margin-top:36px;padding-top:24px}
.related a {display:inline-block;margin:8px 16px 8px 0}
.share-links {display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.content .button {color:white}
@media(max-width:600px){.app-demo{grid-template-columns:1fr}.app-demo img{width:150px;margin:auto}.guide-table{font-size:14px}}