/* Fit resource details and actions inside a portrait phone viewport. */
@media (max-width:760px){
 .resource-detail-overlay{padding:8px}
 .resource-detail-modal{width:min(100%,480px);max-height:calc(100dvh - 16px);overflow:hidden}
 .resource-detail-layout{height:auto;max-height:calc(100dvh - 16px);overflow:hidden}
 .resource-detail-preview{padding:10px 12px;gap:6px}
 .detail-preview-label{padding:3px 7px;font-size:10px;line-height:1.2}
 .resource-detail-visual{align-self:center;width:100%;height:auto;aspect-ratio:16/9;flex:none}
 .detail-preview-note{padding:6px 8px;border-radius:9px;font-size:10px;line-height:1.3}
 .resource-detail-info{padding:12px 14px;overflow:visible}
 .resource-detail-info>header{padding-right:20px}
 .detail-tags{gap:5px}
 .detail-tags span{padding:3px 6px;font-size:10px}
 .resource-detail-info h2{font-size:16px;line-height:1.25;margin:7px 0 3px}
 .detail-meta{font-size:10px;margin:0 0 9px}
 .resource-detail-copy{max-height:none;overflow:visible;padding-right:0;flex:none}
 .resource-detail-copy h3{font-size:13px;line-height:1.3;margin:0 0 4px}
 .resource-detail-copy p{font-size:11px;line-height:1.45;margin:0}
 .resource-detail-footer{margin-top:9px;padding-top:7px}
 .resource-detail-footer>p{font-size:10px;line-height:1.35;margin:0 0 6px}
 .detail-action-row{gap:6px;flex-wrap:nowrap}
 .detail-action-row .button{padding:8px 9px;font-size:10px;white-space:nowrap}
 .detail-action-row .detail-unlocked{width:auto;font-size:10px}
 .detail-action-row .detail-unlocked svg{width:15px;height:15px}
 .detail-action-row .detail-download svg,.detail-action-row .detail-select svg{width:15px;height:15px}
 .resource-detail-footer [role=status]{font-size:10px;margin-top:4px}
 .resource-detail-modal>.close{top:11px;right:11px;width:28px;height:28px}
}