/* Native image elements replace next/image positioning; original design tokens remain. */
.hero-photograph > img,.category-image > img,.software-card-media > img,.guide-image > img,.reference-image > img,.compact-thumbnail > img,.detail-cover-image > img,.screenshot-stage-image > img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.software-detail-page .detail-cover-image > img,.screenshot-stage-image > img {object-fit:contain}
.software-detail-page .detail-cover-illustrative .detail-cover-image > img {object-fit:cover}
.category-image,.guide-image,.reference-image,.compact-thumbnail {position:relative}
.article-body img {max-width:100%;height:auto;border-radius:var(--radius)}
.article-body pre {overflow:auto;padding:16px;background:var(--bg-elevated)}
.article-body table {display:block;overflow-x:auto}
.article-body p,.article-body li {max-width:72ch}
.guide-grid {display:grid}
.pagination a[aria-current=page] {background:var(--accent);color:white;border-color:var(--accent)}
.preview-banner {border:1px solid var(--accent);padding:12px;border-radius:var(--radius);color:var(--text-secondary)}
button:focus-visible,summary:focus-visible {outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:640px){html:not(.js) .filter-body{display:block}.filter-body select{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.example-label{display:inline-block;color:var(--text-secondary);font-size:10px;line-height:1.4;letter-spacing:.025em}.example-notice{color:var(--text-secondary);font-size:12px;line-height:1.65;border-left:2px solid var(--border);padding:5px 12px;margin:0 0 20px}.footer-platform p{font-size:12px;line-height:1.7}