/* Compact screenshot previews; full original captures remain in the gallery. */
.rn-shot-track{align-items:start}
.rn-shot-card{height:auto}
.rn-shot-heading{min-height:70px}
.rn-shot-image img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.rn-shot-card figcaption{margin:0;padding:16px 20px;font-size:13px;line-height:1.65;border-top:1px solid #ece6f2}
.rn-shot-image>span{margin-top:10px;min-height:46px}
.rn-shot-card:focus-within{border-color:#a08bd6}
.rn-plugin-gallery .section-top>p{max-width:48ch}
.rn-shot-mobile-hint{display:none}

/* An image opens the gallery; avoid a second scrollable surface inside the hero. */
.product-hero .rn-interface-window{max-height:none;overflow:visible;scrollbar-gutter:auto;padding:12px}
.product-hero .rn-interface-window img{height:auto;max-height:420px;object-fit:cover;object-position:top}
.product-hero .rn-interface-hint{display:none}
.product-hero .rn-current-interface figcaption{font-size:12px}
.product-hero-copy{padding-top:20px}

/* Guides show enough context without inserting a full dashboard into the article. */
.guide-article .rn-real-screenshot{padding:4px 0 12px}
.guide-article .rn-real-screenshot img{height:auto;max-height:clamp(220px,38vw,440px);object-fit:cover;object-position:top}
.rn-preview-action{display:flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 16px;border-top:1px solid #e3ddeb;background:#fff;color:#5537c3;font-size:13px;font-weight:650;line-height:1.5;text-align:center}
.rn-real-screenshot figure>a{text-decoration:none}
.rn-real-screenshot figure>a:hover .rn-preview-action{background:#f6f2ff;text-decoration:underline}
.guide-article .rn-real-screenshot figcaption{font-size:12px;line-height:1.7}
.guide-footnote{font-size:12px;line-height:1.7}
.guide-meta{font-size:12px;gap:12px;flex-wrap:wrap}

/* Five benefits fill both desktop rows, with comfortable single-column reading on phones. */
@media(min-width:1001px){.pro-benefits{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}.pro-benefits article{grid-column:span 2}.pro-benefits article:nth-last-child(-n+2){grid-column:span 3}}
@media(min-width:801px) and (max-width:1000px){.pro-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-benefits article:last-child{grid-column:1/-1}}

/* Keep section headings visible below the sticky navigation after anchor links. */
main [id]{scroll-margin-top:108px}
@media(max-width:800px){
 .rn-shot-track{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;overflow:visible;scroll-snap-type:none;padding-bottom:0}
 .rn-shot-card{width:100%;min-width:0;scroll-snap-align:none}
 .rn-shot-heading{min-height:0;padding:16px}
 .rn-shot-card figcaption{padding:14px 16px}
 .rn-shot-image img{aspect-ratio:16/10}
 .product-hero .rn-interface-window{max-height:none;padding:10px}
 .product-hero .rn-interface-window img{max-height:320px}
 .product-hero-copy{padding-top:0}
 main [id]{scroll-margin-top:94px}
}
@media(max-width:480px){
 .rn-shot-track{gap:18px}
 .rn-shot-heading h3{font-size:17px;line-height:1.35}
 .rn-shot-card figcaption{font-size:12px}
 .rn-shot-image>span,.rn-preview-action{font-size:12px}
 .product-hero .rn-interface-window{max-height:none;padding:8px}
 .product-hero .rn-interface-window img{max-height:260px}
 .product-hero .rn-current-interface figcaption{font-size:11px}
 .guide-meta{font-size:11px}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}