#short-form .sf-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}
#short-form .sf-intro h2{margin-bottom:0}
#short-form .sf-intro h2 em{color:#57634d}
#short-form .sf-intro>p{max-width:355px;font-size:14px;line-height:1.8;color:#686b68;margin:0 0 5px}
#short-form .sf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#short-form .sf-card{min-width:0}
#short-form .sf-open{display:block;color:#171917;text-decoration:none}
#short-form .sf-open:hover{opacity:1}
#short-form .sf-open:focus-visible{outline:2px solid #57634d;outline-offset:5px}
#short-form .sf-poster{aspect-ratio:9/16;position:relative;overflow:hidden;background:#e9eae6}
#short-form .sf-poster img,#short-form .sf-preview{display:block;width:100%;height:100%;object-fit:cover}
#short-form .sf-preview{position:absolute;inset:0;opacity:0;transition:opacity .18s}
#short-form .sf-preview.is-playing{opacity:1}
#short-form .sf-poster::after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0005);pointer-events:none}
#short-form .sf-duration{position:absolute;top:12px;left:12px;background:#0007;color:white;padding:4px 7px;font-size:11px;letter-spacing:.05em}
#short-form .sf-play{position:absolute;bottom:16px;right:16px;z-index:1;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:#fffffff0;color:#171917}
#short-form .sf-play svg{margin-left:2px}
#short-form .sf-card h3{font-size:16px;font-weight:500;line-height:1.4;margin:16px 0 5px}
#short-form .sf-card p{font-size:12px;color:#686b68;margin:0}
#short-form .sf-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:42px;padding-top:24px;border-top:1px solid #dce0da;font-size:13px}
#short-form .sf-footer>span{color:#686b68}
#short-form .sf-footer>a{border-bottom:1px solid #171917;padding:6px 0}
#short-form .sf-footer>a span{margin-left:12px}
#short-form .sf-navigation{display:none}
#short-form [hidden]{display:none!important}
#short-form .sf-navigation button,#short-form .sf-dialog button{font:inherit;cursor:pointer}
#short-form .sf-navigation button{border:1px solid #dce0da;background:white;color:#171917;width:44px;height:44px;font-size:21px;border-radius:50%}
#short-form button:disabled{opacity:.35;cursor:default}
#short-form .sf-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(480px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;background:#111;color:#fff;overflow:auto;overscroll-behavior:contain}
#short-form .sf-dialog::backdrop{background:rgba(0,0,0,.86)}
#short-form .sf-dialog-header,#short-form .sf-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px}
#short-form .sf-dialog-header h3{font:500 15px/1.4 Manrope,Arial,sans-serif;color:#fff;margin:0}
#short-form .sf-dialog button{background:transparent;color:#fff;border:0;min-height:44px;min-width:44px}
#short-form .sf-close{font-size:12px!important;white-space:nowrap}
#short-form .sf-close span{font-size:24px;margin-left:7px;vertical-align:middle}
#short-form .sf-player{display:block;width:100%;height:min(72dvh,760px);object-fit:contain;background:#080808}
#short-form .sf-dialog-footer{font-size:12px}
#short-form .sf-player-previous,#short-form .sf-player-next{font-size:22px!important}
#short-form .sf-direct{color:#fff;text-decoration:underline;text-underline-offset:4px}
#short-form .sf-error{font-size:12px;line-height:1.6;color:#fff;padding:12px 16px;margin:0}
#short-form .sf-dialog :focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:1000px){#short-form .sf-grid{gap:16px}#short-form .sf-intro>p{max-width:300px}}
@media(max-width:700px){
 #short-form{padding-top:65px;padding-bottom:55px}
 #short-form .sf-intro{display:block;margin-bottom:30px}
 #short-form .sf-intro>p{max-width:420px;margin-top:24px}
 #short-form .sf-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px;margin:-6px;overscroll-behavior-x:contain}
 #short-form .sf-grid::-webkit-scrollbar{display:none}
 #short-form .sf-card{flex:0 0 84%;scroll-snap-align:start;scroll-margin-left:6px}
 #short-form .sf-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:23px;font-size:12px}
 #short-form .sf-footer{margin-top:26px;align-items:flex-start;flex-direction:column;gap:14px}
}
@media(prefers-reduced-motion:reduce){#short-form .sf-preview{transition:none}}