/* Native examples and the platform widget inventories. */
.widget-section,.widget-native-previews{width:min(var(--maxw),calc(100% - 40px));margin:0 auto 32px}
.widget-section{padding-top:24px!important;border-top:1px solid var(--line)}
.collection-index .widget-section h2{font:600 24px/1.3 var(--sans);letter-spacing:0;margin:0 0 20px}
.tier-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.tier-card{background:var(--surface);border-radius:10px;padding:24px;min-width:0}
.tier-card h3{font-size:18px;color:var(--text);margin:0}
.tier-card p{margin:6px 0 14px;color:var(--muted);font-size:14px;line-height:1.5}
.tier-card ul{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:0;padding:0;font-size:15px;color:var(--text)}
.lock-card strong{display:block;font-size:18px}
.lock-card span{display:block;color:var(--muted);margin-top:8px}
.widget-native-previews{display:flex;gap:24px}
.widget-native-previews figure{width:158px;margin:0}
.widget-native-previews img{display:block;width:100%;height:auto;border-radius:20%}
.widget-native-previews figcaption{margin-top:8px;color:var(--muted);font-size:14px}
.widget-setup{display:flex;align-items:flex-start;gap:32px}
.widget-setup img{width:220px;max-width:45%;height:auto;border-radius:12px}
.widget-setup p{max-width:60ch;color:var(--muted)}
@media(max-width:600px){.widget-section,.widget-native-previews{width:calc(100% - 28px)}.tier-grid{grid-template-columns:1fr}.widget-setup{flex-wrap:wrap}.widget-setup img{max-width:100%}}